- 博客(21)
- 收藏
- 关注
原创 Vue简单了解
1.Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架Vue是一个Vue是一个用于的框架Vue是一个用于构建用户界面得2.渐进式框架介绍a. Vue.js提供了很多的功能,但是这些功能并不是集成在一起的,而是分开的类似于Nodejs,拆分成很多个小模块b. 在项目中我们用到什么,就导入什么这样可以保证我们用到的最少c. 说人话:Vue相当于是一个五星级自助餐,我们想要用什么就拿什么,这样可以最大限度避免浪费资源(1)Vue是什么?js框架(2)Vue干什么用的?构建用户页面
2022-07-07 21:00:55 216 1
原创 递归三个简单案例
编程语言中,函数直接或间接调用函数本身,则该函数称为递归函数。简单来说,递归就是函数自己调用自己。因为是自己调用自己,所以容易出现死循环,所以使用递归的时候一般会注意两个控制条件:设置调用条件,满足条件,则函数自己调用自己。当然,有些时候需求比较特殊,也可以不设置跳出条件,永久性处理需求。设置跳出条件,满足条件,则跳出函数的调用。...
2022-07-04 22:00:06 708
原创 服务器和Express
通过ip找到计算机,再通过端口找到应用程序,符合规则就可进行数据传输。 传输协议:规定数据传输的规则,http或https或file;前端目前只接触这三项。 网络通讯的格式; 请求报文/响应报文; 域名或 IP:电子设备(计算机,服务器)在网络中的唯一标识。 localhost代表本机地址; 127.0.0.1代表本机地址; 端口:应用程序在计算机中的唯一标识。0~65535之间,0~1023的端口可能被系统占用。 80是 http 用; 443是 https 用;Express 是一个第三方模块,用于快速
2022-07-02 21:47:48 246
原创 ES6模块化与Promise对象
在 ES6 模块化规范诞生之前,JavaScript 社区已经尝试并提出了 AMD 、 CMD 、 CommonJS 等模块化规范。 但是,这些由社区提出的模块化标准,还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准AMD 和 CMD 适用于浏览器端的 Javascript 模块化CommonJS 适用于服务器端的 Javascriptnode.js 中默认仅支持 CommonJS 模块化规范,若想基于 node.js 体验与学习 ES6 的模块化语法,需要按照如下两个步骤进行配置:确保安
2022-07-01 21:23:10 112
原创 NPM工具
npm(node package manage)node 包 管理器。管理node包的工具。包是什么?包就是模块。(包约等于模块,一个包可以包括一个或多个模块)npm这个工具,在安装 node 的时候,就已经安装到你的计算机中了。命令行中执行: ,如果看到版本号,说明安装成功了。非node自带的模块。也不是自定义的模块。是别人写的模块,然后发布到npm网站,我们可以使用npm工具来下载安装别人写的模块。第三方模块,都是在node核心模块的基础之上,封装了一下,实现了很多非常方便快速简洁的方法。npm的作用
2022-06-29 20:50:52 338
原创 Node.js与模块
Node.js 作为一个 JavaScript 的运行环境,仅仅提供了基础的功能和 API。Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. 一个基于 Chrome V8 引擎的 。通俗的理解:Node.js 为 JavaScript 代码的正常运行,提供的必要的环境。Node.js 的官网地址: Node.js 注意:浏览器是 JavaScript 的运行环境。(浏览器是客户端安装的软件)Node.js 是
2022-06-28 21:20:50 63
原创 XMLHttpRequest 的基本用法
XMLHttpRequest是浏览器内置的一个构造函数。所以使用的时候需要 new 作用:基于 new 出来的 XMLHttpRequest 实例对象,可以发起 Ajax 的请求。 axios 中的 axios.get()、axios.post()、axios() 方法,都是基于 XMLHttpRequest(简称:XHR) 封装主要的 4 个实现步骤:创建 xhr 对象调用 xhr.open() 函数调用 xhr.send() 函数监听 load 事件1.3 GET请求携带参数GET请求
2022-06-18 21:42:28 3562
原创 Ajax 提交表单数据的用法
网页中采集数据的表单由三个部分组成,分别是:表单标签(form)、表单域(input、textarea、select)、表单按钮(submit或者reset)。表单的作用就是收集数据。1.3 axios请求方法别名为了简化开发者的使用过程,axios 为所有支持的请求方法提供了别名:axios.get(url[, config])axios.delete(url[, config])axios.post(url[, data[, config]])axios.put(url[, data[, co
2022-06-16 21:19:07 302
原创 客户端与服务器
在前端开发中,客户端特指“Web 浏览器”。实际开发中,只要可以访问服务器的一端都属于客户端(手机、平板、电脑中的各种软件都可以是客户端)。概念:服务器是提供服务的设备。 作用:在上网过程中,服务器专门负责存放资源和对外提供服务。客户端与服务器之间的通信过程,分为请求 - 响应两个步骤。其中:请求的概念:客户端通过网络去找服务器要资源的过程,叫做 “请求”响应的概念:服务器把资源通过网络发送给客户端的过程,叫做 “响应”一个完整的url地址分为: 协议、域名(IP地址)、端口、资源存放路径。协议:协议是
2022-06-15 21:54:04 1533
原创 js对象了解
1.1 构造函数构造函数是专门用于创建对象的函数,如果一个函数使用 关键字调用,那么这个函数就是构造函数。总结:使用 关键字调用函数的行为被称为实例化实例化构造函数时没有参数时可以省略 构造函数的返回值即为新创建的对象构造函数内部的 返回的值无效!注:实践中为了从视觉上区分构造函数和普通函数,习惯将构造函数的首字母大写。1.2 实例成员通过构造函数创建的对象称为实例对象,实例对象中的属性和方法称为实例成员。 总结:构造函数内部 实际上就是实例对象,为其动态添加的属性和方法即为实例成员为构
2022-06-12 21:30:06 50
原创 js 基础构造函数
构造函数是专门用于创建对象的函数,如果一个函数使用 关键字调用,那么这个函数就是构造函数。总结:使用 关键字调用函数的行为被称为实例化实例化构造函数时没有参数时可以省略 构造函数的返回值即为新创建的对象构造函数内部的 返回的值无效!注:实践中为了从视觉上区分构造函数和普通函数,习惯将构造函数的首字母大写。1. 实例成员通过构造函数创建的对象称为实例对象,实例对象中的属性和方法称为实例成员。 总结:构造函数内部 实际上就是实例对象,为其动态添加的属性和方法即为实例成员为构造函数传入参数,动
2022-06-10 21:50:10 421
原创 JavaScript 对象
对象对象是 JavaScript 数据类型的一种,<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript 基础 - 对象语法</title></head><body> <script> // 声明字符串类型变量 let str = 'hello wor
2022-05-27 21:04:18 70
原创 js-函数
函数是什么函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript函数语法,函数就是包裹在花括号中的代码块,前面使用了关键词 function: 当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。(百度百科)声明和调用函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势是有利于精简代码方便复用。声明(定义)声明(定义)
2022-05-25 21:43:20 130
原创 for 循环语句
for 是 JavaScript 提供的另一种循环控制的话句,它和 while 只是语法上存在差异。for语句的基本使用 实现循环的 3 要素 <script> // 1. 语法格式 // for(起始值; 终止条件; 变化量) { // // 要重复执行的代码 // } // 2. 示例:在网页中输入标题标签 // 起始值为 1 // 变化量 i++ // 终止条件 i <= 6 for(let i = 1; i <= 6;
2022-05-24 21:59:57 239
原创 js运算符
赋值运算符赋值运算符:对变量进行赋值的运算符赋值运算符(=)将等号右边的值赋予给左边, 要求左边必须是一个容器其它赋值运算符:+=,-=,*=,/=,%=;使用这些运算符可以在对变量赋值时进行快速操作 let num = 1 // 采取赋值运算符 // num = num + 1 // num += 1 num += 3 console.log(num)一元运算符一元运算符:正负号前置自增:++i后置自增:i++注意前置自增和
2022-05-22 21:01:46 149
原创 JavaScript基础介绍
JavaScript是什么JavaScript是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。JavaScript作用JavaScript作用:确定网页的行为交互(教网页做事情)JavaScript组成 ECMAScript - JavaScript的核心 ECMAScript定义了JavaScript的语言规范 JavaScript的核心:描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关
2022-05-21 21:18:38 106
原创 -媒体查询
媒体查询能够根据设备宽度的变化,设置差异化样式。媒体特性常用写法宽度大于等于768px 为粉色 @media (min-width: 768px) { body { background-color: pink; }}宽度@media (min-width: 992px) { body { background-color: skyblue; }}媒体查询使用场景1 约束移动端不要超过规定大小body {
2022-05-19 21:15:08 88
原创 CSS中的vw单位
vw就是视口的宽度,vw 是个相对单位。不管在什么尺寸的屏幕下, vw都把屏幕分为平均的 100等份。1vw = 1 / 100 屏幕的宽度 (1vh= 1 / 100 屏幕的高度 )width: 1vw和width: 1% 没有区别vw 永远是以视口的宽度为准。· 在 375设计稿下, 1vw 永远是 3.75px而百分比以父盒子为准。 假如父盒子是 200px,则 1% 是 2ppx 转为vw在标准移动端设计稿中宽度是 375px, vw 把屏幕划分了100等份,..
2022-05-18 19:59:05 1104
原创 移动端的rem适配
移动端网页宽度几乎全为移动设备屏幕宽度的100%,而每个移动端设备的屏幕又有着各不相同的宽度。 为了使页面在在不同的移动设备上能够保持统一的显示效果,这个时候就需要为移动端网页进行适配了。移动端的适配方案有很多种,比如百分比布局,弹性和rem.vh 布局。flex + rem单位 做适配效果 (比如淘宝和小米移动端) 当前市场最多flex + viewport width /vh单位 做适配效果 (比如 B站移动端 ) 新兴,马上的一个趋势rem 适配rem 单位rem 是一个相对单位
2022-05-16 21:17:02 1542
原创 弹性容器 (flex)的轴
弹性容器的主轴一般默认是x轴,副轴为y轴,且没有z轴。主轴排列方式语法:justify-content: space-between;左右侧盒子无缝隙,中间盒子间距平等主轴排列方式 如果给父盒子添加 display: flex justify-content: center; justify-content: space-between; 左右两侧无缝隙 justify-content: space-around;...
2022-05-15 19:55:31 345
原创 .CSS 移动端
移动端和PC端网页区别移动端移动端手机或平板屏幕较小,网页宽度几乎填满整个屏幕宽度。屏幕内容显示先对PC端相对较少,大部分情况需要下拉页面才能浏览完整页面。移动端因为是新兴产业,所以基本不用考虑兼容性等问题。可以大胆使用css新特性。PC端PC端因为发展时间较长,浏览器繁多则需要更多的去考虑兼容性问题。PC端的屏幕远大于移动端,且大部分网页会有固定版心,不会填满整个屏幕宽度。视口视口(viewport)就是浏览器显示页面内容的屏幕区域。视口的分类: 布局视口 。 iOS
2022-05-14 20:53:20 377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人