JS要点整理

ES6新增内容 新增的声明变量的关键字 开发的时候推荐：大量使用 const 结合少量的 let let 声明一个变量, 变量遵循块级作用域(其实就是变量被限制在了一个花括号内) 变量没有变量提升 声

事件 事件的组成 触发谁的事件: 事件源 触发什么事件: 事件类型 触发后做什么: 事件处理函数 事件的绑定方式 onXXX 这个写法中 on 是一个固定开头, 真正的事件类型, 应该是 (click

DOM尺寸 获取元素偏移量 针对于参考父级 的 顶部与左侧 的距离 offsetParent 获取到元素的参考父级 offsetLeft / offsetTop 获取的事元素左边的偏移量和上边的偏移量

函数 函数就是一个内部封装了部分代码的盒子，可以在多个位置被调用 函数的使用 函数的定义(创建) 声明式定义 function 函数名(参数:非必传) { 函数被调用的时候需要执行的某一段代码 } 赋

表格案例 渲染表格——字符串 反引号``内添加可换行字符串，用${}引入变量 创建+添加 Object.keys(对象名)——对象的属性名形成的数组 document.createElement('t

伪 event 所有的标签添加点击事件之后, 这个事件的执行函数, 会默认接收一个参数，我们一般会将这个参数命名为 event/ev/e,是一个对象, 它里边有很多属性, 其中一个叫做 target，

DOM DOM(Document Object Model): 文档对象模型 其实就是操作 html 中的标签的一些能力 DOM 的核心对象就是 document 对象 DOM: 页面中的标签, 我们

BOM 浏览器对象模型(由浏览器赋予我们的能力) 核心:页面中的一个对象 window 书写方法：window.XXXX XXXX 我们所有的全局变量(函数以外的地方声明变量) 和 全局函数(函数以外

进制转换与保留小数 十进制转换为其他进制 十进制数组.toString(其他进制的数) 其他进制转换为十进制 var num = parseInt(数字, 将数字视为几进制的数字然后转换为10进制的数

数组常用方法 push 语法: 数组名.push(数据) 作用: 向数组末尾添加数据 返回值: 追加数据后, 数组最新的长度 手动模拟 push 在 函数传参的过程中, 如果实参的值是一个引用数据类型

数组 存放一些数据的集合 数组/对象/函数是引用数据类型(复杂数据类型) 创建数组 字面量的方式创建 (使用场景最多的方式) 内置构造函数的方式创建 数组的长度 数组的长度不固定, 取决于数组内部有多

循环语句 根据给出的某一些条件 重复执行某一段代码 不管什么循环都必须由以下几个内容组成 初始化 条件判断 要执行的代码 自身的改变 ：如果不写, 那么这个循环就是一个 死循环 while 循环语句

分支语句 基于某一个条件决定执行某一段代码的能力 if 语句 if: 关键字,表明后续是一段if分支语句 (): 小括号内部填写条件, 用于决定是否执行后续内容 {}: 花括号内部填写要执行的分支代码

js 定义变量 定义：变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据。（银行卡） 相当于一个容器，内部可以存储任意类型的数据，使用变量时，用的是内部存储的数据。目的是可以方

SASS：解决css编写时嵌套层级多导致代码编写不方便的缺点 SASS官网：https://www.sass.hk/ 增加了变量，函数，循环，判断等类似编程语言的代码模式，有许多的内置函数（如颜色加深