handsomepear / fe-base

前端基础知识整理及回顾

##时间机制

事件触发三阶段

• window 往事件触发处传播，遇到注册的捕获事件会触发
• 传播到事件触发时触发注册的事件
• 从事件触发处往 window 传播，遇到注册的冒泡事件会触发

执行上下文

JS代码执行会产生三种执行上下文

• 全局执行上下文
• 函数执行上下文
• eval 执行上下文

每个上下文都有三个重要的属性：

• 变量对象，包含变量，函数声明和函数形参，只能在全局上下文中访问
• 作用域链（JS采用词法作用域，变量的作用域在定义时就决定了）
• this

深浅拷贝

深拷贝

JSON.parse(JSON.stringify(object))的局限：

• 会忽略 undefined
• 会忽略 symbol
• 不能序列化函数
• 不能解决循环引用的对象

浏览器渲染机制

1. 处理 HTML 并构建 DOM 树
2. 处理 CSS 构建 CSSDOM 树
3. 将 DOM 与 CSSDOM 合并成一个渲染树（会阻塞渲染）
4. 根据渲染树布局，计算每个节点的位置
5. 调用 GPU 绘制，合成图层，显示在屏幕上