178 字 1 分钟

# DOM 事件流 事件流描述的是从页面中接收事件的顺序 事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即 DOM 事件流 DOM 事件流分为 3 个阶段 捕获阶段 当前目标阶段 冒泡阶段 事件冒泡 : IE 最早提出，事件开始时由最具体的元素接收，然后逐级向上传播到 DOM 最顶层节点的过程 事件捕获：网景最早提出，由 DOM 最顶层节点开始，然后逐级向下传播到最具体的元素接收的过程
108 字 1 分钟

# 删除事件 # 传统注册方式 1eventTarget.onclick = null; # 方法监听注册方式 1eventTarget.removeEventListener(type, listener[, useCapture]);
1.4k 字 1 分钟

# 节点操作 利用 DOM 提供的方法获取元素 document.getElementById() document.getElementByTagName() document.querySelector 等 逻辑性不强，繁琐 利用节点层级关系获取元素 利用父子兄节点获取元素 逻辑性强，但是兼容性稍差 # 节点概述 一般地，节点至少拥有 nodeType (节点类型), nodeName (节点名称) 和 nodeValue (节点值) 这三个基本属性 元素节点 nodeType 为 1 属性节点 nodeType 为 2 文本节点 nodeType 为 3...
437 字 1 分钟

# H5 自定义属性 自定义属性目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中 自定义属性获取是通过 getAttribute('属性') 获取 但是有些自定义属性很容易引起歧义，不容易判断元素的内置属性还是自定义属性 H5 给我们新增了自定义属性 # 设置 H5 自定义属性 H5 规定自定义属性 data 开头作为属性名并赋值 1<div data-index="1"></div> 或使用 JS...
767 字 1 分钟

# JavaScript 预解析 我们 js 引擎运行 js 分为两步： 预解析 代码执行 预解析 js 引擎会把 js 里面所有的 var 还有 function 提升到当前作用域的最前面 代码执行 按照代码书写的顺序从上往下执行 预解析分为 变量预解析（变量提升） 和 函数预解析（函数提升） 变量提升 就是把所有的变量声明提升到当前的作用域最前面 不提升赋值操作 函数提升 就是把所有的函数声明提升到当前作用域的最前面 不调用函数 1234567891011121314151617181920212223242526272829303132console.log(num); //...
93 字 1 分钟

# 函数参数 # 函数参数和实参个数不匹配问题 参数个数 说明 实参个数等于形参个数 输出正确结果 实参个数多于形参个数 只取到形参的个数 实参个数小于形参个数 多的形参定义为 undefined, 结果为 NaN
358 字 1 分钟

# 运算符 # 比较运算符 符号 作用 用法 = 赋值 把右边给左边 == 判断 判断两边值是否相等 (注意此时有隐式转换) === 全等 判断两边的值和数据类型是否完全相同 # 逻辑运算符 逻辑运算符 说明 案例 && “逻辑与”, 简称 “与” and true && false || “逻辑或”, 简称 “或” or true || false ! “逻辑非”, 简称 “非” not !true # 短路运算 (逻辑中断) 乱路运算的原理：当有多个表达式 (值)...
608 字 1 分钟

# 运算符 123456789101112131415161718192021222324var num1 = 1 & 0; //0console.log(num1);var num2 = 'string' & 1; //0console.log(num2);var num3 = true & 1; //1console.log(num3);var num4 = undefined | false; //0console.log(num4);var num5 = undefined | true;...
4.8k 字 4 分钟

# 变量 # 变量的使用 # 声明变量 12//声明变量var age; //声明一个名为age的变量 var 是一个 JS 关键字，用来声明变量 (variable—— 变量的意思), 使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管 age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间 # 变量赋值 1age = 18; //对age变量进行赋值 # 变量小测试 用户弹窗输入一个用户名并显示: 12345678910111213<!DOCTYPE html><html...
2.4k 字 2 分钟

# 响应式布局 # 响应式开发原理 使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的 屏幕划分 尺寸之间 超小设备 (平板) < 768px 小屏设备 >= 768px ~ < 992px 中等屏幕 >= 992px ~ < 1200px 宽屏设备 (大桌面显示器) >= 1200px #...