摘要：
作为JS系列的第一篇，内容当然是浏览器如何执行一段JS啦。 首先通过浏览器篇我们可以得知，JS是在渲染进程里的JS引擎线程执行的。在此之后还要了解几个概念，编译器（Compiler）、解释器（Interpreter）、抽象语法树（AST）、字节码（Bytecode）、即时编译（JIT） 编译器和解释 阅读全文
摘要：
首先我们来看一下浏览器的各个进程以及其中对我们前端来说最重要的渲染进程。为什么说渲染进程对我们前端来说最重要呢，因为页面的渲染,JS的执行,事件的循环都是在渲染进程内进行。请参考下图（⚠️下图仅仅为一般状态下的进程示意图，由于Chrome当前面向服务的架构，当Chrome在功能强大的硬件上运行时，它 阅读全文
摘要：
常见的浏览器攻击分为两种，一种为XSS（跨站脚本攻击），另一种则为CSRF（跨站请求伪造）。 XSS（跨站脚本攻击） 定义 XSS 全称是 Cross Site Scripting，为了与“CSS”区分开来，故简称 XSS，翻译过来就是“跨站脚本”。XSS 攻击是指黑客往 HTML 文件中或者 DO 阅读全文
摘要：
浏览器安全可以分为三大块——Web 页面安全、浏览器网络安全和浏览器系统安全 在web页面中的安全策略中最基础、最核心的安全策略：同源策略（Same-origin policy）。 Web 页面安全 同源策略（Same-origin policy） 如果两个 URL 的协议、域名和端口都相同，我们就 阅读全文
摘要：
HTTP 是浏览器中最重要且使用最多的协议，是浏览器和服务器之间的通信语言。随着浏览器的发展，HTTP 为了能适应新的形式也在持续进化。已经历经0.9，1.0，1.1，2.0等几个阶段, 以及未来的3.0。 开头先讲个小故事，看完你可能满脸黑人问号，但是别着急，等你把文章全读完再回头品一品这个小故事 阅读全文
摘要：
前端有个很经典的问题是说下重排和重绘的区别，一般我们会说重排性能低，而重绘性能高。但其实我们可以深入探究一下其中但原因。 重排（回流） 定义 当通过JS或者 CSS 修改元素的几何属性，例如改变元素的宽度、高度等，那么浏览器会触发重新布局，解析之后的一系列子阶段，这个过程就叫重排。无疑，重排需要更新 阅读全文
摘要：
浏览器渲染页面主要分为如下几步 1.根据HTML构建 DOM 树 由于浏览器无法直接理解和使用 HTML，所以需要将 HTML 转换为浏览器能够理解的结构-DOM 树。在此步骤中，HTML解析器会将输入的HTML文档解析为对应的DOM树。 2.样式计算（Recalculate Style） 这个过程 阅读全文
摘要：
从按下url到渲染页面流程图 处理输入信息 检查用户输入 当用户在地址栏中输入一个查询关键字时，地址栏会判断输入的关键字是搜索内容，还是请求的 URL。如果是搜索内容，地址栏会使用浏览器默认的搜索引擎，来合成新的带搜索关键字的 URL。如果判断输入内容符合 URL 规则，比如输入的是 time.ge 阅读全文
摘要：
TCP和UDP区别 TCP面向连接（TCP三次握手),UDP是无连接的，即发送数据之前不需要建立连接。 每一条TCP连接只能是点到点的;UDP支持一对一，一对多，多对一和多对多的交互通信。 TCP面向字节流，实际上是TCP把数据看成一连串无结构的字节流;UDP是面向报文的。 TCP有序，UDP无序； 阅读全文
摘要：
存储方式 浏览器存储，我们常见且常用的存储方式主要由两种：cookie、webStorage（localStorage和sessionStorage） cookie属于文档对象模型DOM树根节点document，而 sessionStorage 和 localStorage 属于浏览器对象模型BOM 阅读全文