sherpan的博客

本文总结从输入URL到页面显示的第二部分内容：渲染（从拿到HTML资源到显示的过程）主要过程构建DOM树样式计算，分成三步把 CSS 转换为浏览器能够理解的结构–styleSheets转换样式表中的属性值，使其标准化计算出 DOM 树中每个节点的具体样式（继承和层叠规则）布局：计算出DOM树中可见元素的几何位置。在这个阶段完成两个任务创建布局树：额外构建一颗值包含可见元素的布局树布局计算对布局树进行分层，并生成分层树：并不是布局树的每个节点都包含一个图层，如果一个节点.

本文总结从输入URL到页面显示的第一部分内容：导航（从用户发出URL请求到页面解析之前的过程）基本概念chrome浏览器包含5个进程：浏览器进程：主要负责用户交互、子进程管理和文件储存等功能。网络进程：面向渲染进程和浏览器进程等提供网络下载功能。渲染进程：主要职责是把从网络下载的 HTML、JavaScript、CSS、图片等资源解析为可以显示和交互的页面。（为保证系统安全，渲染进程运行在安全沙箱中）4.插件进程： 负责插件的运行，因插件易奔溃，所以需要通过插件进行来隔离，以保证插件进程.

参考资料： js [[Prototype]]、proto 和Prototype

Q:编译语言，动态语言Key2. 编译原理：分词/词法分析（Tokenizing/Lexing），解析/语法分析（Parsing），代码生成。3. LHS 和 RHS：左查找和右查找LHS：找到变量的容器本身；RHS：找到变量的值4. 引擎：负责整个JavaScript程序的编译及执行过程编译器：负责语法分析及代码生成作用域：负责收集并维护由所有声明的标识符（变量）所组成的一系列的查询，并实施一套非常严格的规则，确定当前执行的代码对这些标识符的访问权限。5. 词法作用域 &&

函数的调用方式作为函数直接调用作为方法调用构造函数方式apply 和 call箭头函数箭头函数中的this在声明的时候确定，而不是调用的时候确定bind创建新函数创建新函数，并绑定到bind方法传入的参数中，被绑定的函数与原始函数具有一致的行为。...

var 声明带来的疑惑–变量提升机制： 在函数作用域或者全局作用域中通过关键字var声明的变量，无论实际上是在哪里声明的，都会被当成在当前作用域顶部声明的变量。块级作用域存在于：函数内部块中（{}之间的区域）let声明用法与var相同，可以把变量的作用域限制在当前代码块之中。const声明每个通过const声明的称量必须进行初始化。用const声明的常量，一旦被设定之后不允许修改绑定，但允许修改值：意味着用const声明对象之后，可以修改该对象的属性；但是用const声明一个字符串.

什么是 Virtual DOM ？本质来说是一个 js 对象；在 vue 的 template 和真实的 dom 之间的一个桥梁。Virtual DOM 带来的好处 ？Virtual DOM最初的目的，就是更好的跨平台，比如 Node.js 就没有DOM，如果想实现 SSR(服务端渲染)，那么一个方式就是借助Virtual DOM，因为Virtual DOM本身是JavaScript对象...