看面经总结

Is what ？ Why need ？ 避免全局命名冲突 模块化和可重用性 局部作用域和隔离性 How work ？ 一. 命名规范： 举栗： App.js App.css 我们在 js 文件中，引

HTTPS 的加密过程可以分为以下步骤： 客户端向服务器发送 HTTPS 请求。 服务器将公钥证书发送给客户端。 客户端验证服务器的证书。 如果验证通过，客户端生成一个用于会话的对称密钥。 客户端使

cookie 主要用于客户端存储少量的用户信息，由浏览器自动进行管理 session 主要用于服务器存储和管理用户会话状态信息，适用于在会话期间需要保持状态的情况 token 主要用于无状态的身份验证

几种常见类型的 CSRF (1) GET 类型 通常是借助有 src 属性的标签 那么只要当受害者访问有该图片的 img 页面后，浏览器就会发送一个地址为http://bank.example/wit

XSS 类型 (1) 反射型 XSS 注入方式： 反射型 XSS 是通过将恶意脚本注入到URL参数或表单输入中，并在服务器返回响应时执行。攻击者通常通过诱导用户点击恶意链接或提交包含恶意脚本的表单来触

同源策略 浏览器中大部分内容都是受同源策略的限制的，除了以下三个标签： 跨域 那就需要跨域！所谓跨域就指的是去向一个非本源的目标地址发送请求的过程！跨域的解决方案如下： (1) jsonp 【前后端配

补: HTTP 请求报文和响应报文 HTTP请求报文： 【请求行、请求头、请求主体】 请求行： 请求方法 请求路径 请求协议及版本 常见请求头： Accept：指定客户端可接受的内容类型，通常用于指定

一. 垃圾回收 JavaScript解释器可以检测到何时程序不再使用一个对象了，当它确定这个对象是无用的时候，他就知道不再需要这个对象了，就可以把它占用的内存释放掉了。 1. 标记清除【三色标记法】

1. 首次有效绘制【内联首屏关键 CSS】 大家一般都习惯于通过 < link /> 标签来引用外部的 CSS 文件。 好，那怎么能确定哪些样式是首屏渲染需要的呢？除了手动识别，github上有一个项

整个过程涉及内容较多： 1. 浏览器接受URL开启网络请求线程（涉及到：浏览器机制，线程与进程等） 2. 开启网络线程到发出一个完整的http请求（涉及到：DNS查询，TCP/IP请求，5层网络协议等

一. 浏览器内核 浏览器/RunTime 内核（渲染引擎） JavaScript 引擎 Chrome Blink（28~） Webkit（Chrome 27） V8 FireFox Gecko Spi

解析规则 -- 从右往左 假设此时 CSS 选择器为 .box .p1 .two{color:red}，再假设此时浏览器是 从左往右 解析 CSS 选择器！那么我们就会匹配很多次！！ 因为 span

1. Blob 1.1 Blob 创建 array 是一个包含字符串、ArrayBuffer、ArrayBufferView、Blob 等的数组或可迭代对象。多个 BlobParts 会按照它们在数组

异步函数 await 关键字【放在异步操作的前面】 1> await到底在等什么？ await 等待的是一个表达式【可以是 Promise 对象，也可以是任意其他值】 2> 遇到 await 关键字后

JS 原生异步 它的缺陷还是蛮多的： 1. 回调嵌套 在项目中，我们往往需要函数嵌套函数执行，可能比上述代码更为难以理解，所以就需要我们花费很多精力去思考它们的执行顺序。what's worse？实际

一. this 的五种绑定形式 <1> 默认绑定 注意： 在严格模式下，默认的 this 绑定指向 undefined 但如果是在非严格模式下调用不在严格模式下的函数，并不会影响 this 指向！！！

迭代器 迭代器 它包含两个必要的方法：next() 和 return()。 next() 方法在迭代器内部执行时，返回一个对象，包含两个属性：done和 value，用于描述迭代是否已经结束，以及返回

#### 1. CSS 选择器及其权重 - 简单选择器 ``` - 标签选择器 1 - 类选择器 10 - id选择器 100 - 通配符选择器 0 ``` - 属性选择器 10 - 伪类选择器 10

那浏览器具体是怎么工作的呢？ 当我们在浏览器的搜索地址栏中键入一个网络地址->按下回车键->试图访问的页面出现在屏幕上这个过程中到底发生了什么呢？ 极其简单的回答可能是： 浏览器向服务器发生请求，服务

1. doctype标记 用标准模式解析渲染该文档 2. 文档头部标记 补充关于引入资源： (1) src【替换元素】 VS href【建立链接】： src 相当于把要引入的资源下载完毕后替换到目标位