YQi

Vue生命周期 Vue的生命周期是什么？ 如何知道Vue生命周期到达什么阶？ 使用钩子函数 钩子函数 目标：Vue框架内置函数，随着组件的生命周期阶段，自动执行。 作用：特...

组件是可复用的 Vue 实例, 封装标签, 样式和JS代码。 组件化：封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护。组件相当于库，把一些能在项目里或...

v-for更新、key作用 v-for更新监测 ​ 数组方法会改变原数组，就会导致v-for更新。数组方法不会改变原数组，而是返回新数组，就会导致v-for更新，可采用覆盖...

插值表达式 作用：把表达式内容插入到指定的位置。 语法: {{ 表达式 }} 表达式的变量声明在data方法返回对象里。 MVVM设计模式 设计模式：对一般问题的通用解决方...

Node.js的定义 Node.js 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境。 浏览器是JS的一个前端运行环境，Node.js是JS的后...

服务器相关的基础概念 服务器的作用 存储一个网站的文件（HTML、CSS、JS、图片、音乐.....） 提供网站的文件给用户。 在前端开发中，客户端指的是浏览器。 网页中用...

箭头函数 箭头函数是匿名函数，一般做为参数传递。 常用数组方法 forEach() 遍历数组，数组每个元素都执行一次回调函数。 map() 通过指定函数处理数组的每个元素，...

滚动事件和加载事件 滚动事件 元素大小和位置 事件名：scroll 监听整个页面滚动： 加载事件 加载外部资源（如图片、外联CSS和JavaScript等）加载完毕时触发的...

节点操作 查找节点 父节点查找：parentNode 属性，返回最近一级的父节点 找不到返回为null。 语法：子元素.parentNode 兄弟关系查找： 下一个兄弟节点...

基本认知 DOM (文档对象模型)、BOM（浏览器对象模型） DOM的作用：操作网页内容，可以开发网页内容特效和实现用户交互。 获取DOM对象 选择匹配的第一个元素：doc...

对象使用 对象（object）：JavaScript里的一种数据类型。 对象声明语法：let 对象名 = { } 属性访问： 对象中的方法： 操作对象 新增对象中的方法 增...

函数使用 函数传参 形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数） 实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数） 函数返回值 当函数需要返...

for循环 for循环语法 退出循环 循环结束： continue：结束本次循环，继续下次循环 break：跳出所在的循环 循环嵌套 数组 数组(Array)是一种可以按顺...

运算符 算术运算符： + - * / % 优先级：先乘除取余，后加减，有小括号先算小括号里面的 赋值运算符： = += -= *= /= %= 将等号右边的值赋予给左边, ...

JS是什么？ JavaScript 是一种运行在客户端（浏览器）的编程语言。 JS的组成 JavaScript语法：ECMAScript 页面文档对象模型（DOM）：通过D...

移动web第四天 vw vh单位 适配的手机中的div的宽度 = (要适配的手的屏幕100vw) * 设计稿中div的宽度 / 设计稿的宽度 100vw = 屏幕的宽度 当...

移动web第五天 媒体查询 媒体查询基本语法 / 最简洁 / ​ @media (width:600px) { ​ body { ​ background-color: r...

javaScript是一门运行在客户端(浏览器)的编程语言 javaScript是由ECMAScript(基础语法)、web APIs (DOM、 BOM) js组成 Ja...

移动适配 rem 能够使用rem单位设置网页元素的尺寸。可以通过修改html里面的文字大小来改变页面中元素的大小，可以整体控制。 rem单位是相对于HTML标签的字体大小计...