HTML5：
新增标签元素
header, footer, aside, nav, section, canvas, video, audio…
新增 Input 类型
date, datetime, email, number, range, tel, color…
本地存储
生命周期
cookie：可设置过期时间localStorage：永久存储sessionStorage：关闭标签页自动清除
存储大小
cookie：4KBsessionStorage：5MB – 10MBlocalStorage：5MB – 10MB
作用域
cookie：可设置 Domain 和 Path，控制哪些域名和路径可以访问localStorage：同源策略下的所有窗口和标签页共享sessionStorage：仅当前标签页有效，即使同源的其他标签页也无法访问
<script> 加载方式
- 默认同步阻塞 HTML 解析
- defer 延迟执行直至DOM解析完后
- async 异步引入，下载完成后立即执行
CSS3：
新增属性
- 边框：
border-radius, box-shadow, border-image
- 背景：
background-size, background-origin
- 文字：
text-shadow
- transfrom：
translate, rotate, scale, skew, matrix
自定义字体：@font-face
动画
rgba 颜色 / 线性渐变
.test {
background-color: rgba(0, 0, 0, 0.5);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
flex 布局
媒体查询
命名规范
BEM
JS：
小数精度处理
- 使用
toFixed 取后几位小数
- 把小数转为整数再进行运算
- 使用精度运算库，如：big.js
for…in 和 for…of 的区别
for-in 历遍对象，通常获取 key（类似 Object.keys）for-of 历遍可迭代对象，如 Array、Map、Set 等
任务队列（Task Queue）
- 先执行同步再执行异步
- 核心作用：处理异步代码的调度和执行
- 宏任务：
setTimeout、setInterval、I/O 等
- 微任务：
Promise 回调（.then / .catch/ .finally）、MutationObserver 回调等
- 微任务优先级高于宏任务
- 调用
fetch 会同步执行并立即返回一个 promise
call | apply | bind
均用于改变函数内部 this 的指向
const obj = { name: "Alice" };
function greet() {
console.log(`Hello, ${this.name}!`);
}
greet.call(obj); // Hello, Alice!
greet.apply(obj); // Hello, Alice!
const boundGreet = greet.bind(obj);
boundGreet(); // Hello, Alice!
ES：
有哪些新特性？
变量声明
let 和 const
箭头函数
简化函数语法，自动绑定 this
模板字符串
`Hello ${name}`
解构赋值
const { age, name } = user;
const [first, second] = [1, 2];
默认参数
扩展运算符
const arr1 = [1, 2];
const arr2 = [...arr1, 3]; // [1, 2, 3]; // 合并数组
const objCopy = { ...originalObj }; // 合并对象
Promise 和 异步处理
Promise.all – 等待所有 Promise 对象都执行完成
Promise.race – 返回第一个完成的 Promise（无论成功失败）
Promise.any – 返回第一个成功的 Promise
模块化：import 和 export
Set, Map
let s = new Set(); s.add(‘a’).add(‘b’)
let m = new Map(); m.set(’age’, 16)
数组的 includes，检查是否包含某元素
async / await
Generator 函数的语法糖，省去手动 next() 的步骤
Object.values() 和 Object.entries()
Object.values({ a: 1, b: 2 }); // [1, 2]
Object.entries({ a: 1, b: 2 }); // [["a", 1], ["b", 2]]
字符串填充：padStart() 和 padEnd()
"5".padStart(2, "0"); // "05"
空值合并运算符
const value = input ?? "default";
动态导入模块
const module = await import('./module.js')
replaceAll 替换所有匹配的子串
"a.b.c".replaceAll(".", "-"); // "a-b-c"
require 和 import
- 分别属于 CommonJS 和 ES 两种不同模块系统
require 动态加载，运行时解析import 静态加载，编译时解析Proxy
- 数据绑定与响应式系统：通过
set 拦截属性赋值，触发副作用（如重新渲染）
- 属性访问控制和校验：限制对象属性的访问或赋值
微信小程序：
OpenID & UnionID
OpenID
- 用户在当前小程序中的唯一标识
- 用途：用于识别用户在当前小程序内的身份（如用户数据存储、业务逻辑处理）
- 获取：通过
wx.login() 获取 code，后端用 code 调用微信接口换取 OpenID
UnionID
- 用户在微信的唯一标识
- 用途：实现跨小程序、公众号用户身份统一
- 获取：通过
wx.getUserInfo() 获取 encryptedData, iv，发送到后端解密，或者通过按钮触发授权
性能优化：
- 文本压缩（css, js, html）
- 图片压缩
- 合并资源（合并文本、雪碧图）
- 图片懒加载
- 合并请求
- 缓存资源（设置浏览器头、设置 html head）
- 使用 CDN
- gzip 压缩
- 减少 DOM 操作
- CSS 样式置顶、JS 脚本置底
- 防抖和节流
- 防抖：保证N秒内执行一次，如果N秒内触发将再执行并重新计算时间
- 节流：保证N秒内只能触发一次
