VinsonHe

脚手架的搭建是前端工程化不可或缺的一部分，因为近期公司有多个新项目需要用到同一套模板代码，并且模板可能后续还会有变动，因此选择将其加入Git版本库，并通过脚手架来进行模板代码的创建。

HTML语义化 概念：合理使用语义化标签来创建页面结构 常见的语义化标签：header、nav、main、article、section、aside、

编译器和解释器 编译器将编译型语言的代码进行编译后会直接保留机器能读懂的二进制文件，这样每次运行这个二进制文件就可以 不需要重新编译 如C/C++ 解释型语言编写的程序在每次运行的时候都需要通过解释器

在每个执行上下文的变量环境中都包含了一个外部引用，用来指向外部的执行上下文，称为outer。 作用域链 当一段代码使用了一个变量的时候，Javascript引擎会先在当前的执行上下文中查找该变量，如果

作用域 作用域就是变量与函数的可访问范围，即他们可发生作用的区域。在ES6之前，ES的作用域只有全局作用域和函数作用域两种。 全局作用域中的对象在代码中任何位置都可以访问 函数作用域就是函数内部定义的

所谓的变量提升是指Javascript代码在执行过程中，Javascript引擎会把变量的声明部分和函数的声明部分提升到代码开头的行为，变量提升后会给变量默认一个undefined的值。之所以需要实现

流水线可分为如下几个子阶段：构建DOM树、样式计算、布局阶段、分层、绘制、分块、光栅化和合成 构建DOM树 由于浏览器无法直接理解和使用HTML，所以需要将HTML转换为浏览器可以理解的DOM树。 样

首先 浏览器进程接收到URL请求，浏览器进程将该URL转发给网络进程 在网络进程中发起真正的URL请求 网络进程收到响应头数据并转发给浏览器进程 浏览器进程接收到数据后，发送提交导航消息到渲染进程 渲

HTTP协议是建立在TCP连接的基础之上的，是一种允许浏览器向服务器获取资源的协议 如果你在浏览器输入一个网址，浏览器会执行哪几个步骤呢