Yucohny

本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程…

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

在没有安全保障的 Web 网页中，我们是没有隐私的，因此需要安全策略来保障我们的隐私和数据安全。 而页面中最基础、最核心的安全策略就是 同源策略 Same Origin Policy。 同源策略 同源

同源策略可以隔离不同源站点的 DOM 交互、页面数据和网络通信。严格的同源策略会更加保证安全，但是也束缚了 Web。因此需要在安全性与便捷性之间找到一个平衡点，因此浏览器默认可以引用任意第三方资源，但

了解渲染流程可以让我们明白页面是如何工作的，这样我们才有更加基础的知识来解决一系列相关的问题，比如如何熟练使用开发者工具、如何优化页面卡顿问题、如何优化动画流程，以及如何通过优化样式表来防止强制同步布

在本篇笔记当中，我们将讲解导航流程，即从输入 URL 到页面展示这个过程发生了什么？ 事实上在整个过程当中，实际上是需要各个进程之间的相互配合的。 在之前的笔记当中，我们介绍了关于浏览器架构的相关知识

TCP 连接包括了建立连接、传输数据与断开连接三个阶段，而这一次我们要介绍的 HTTP 协议正是建立在 TCP 连接基础上。 HTTP 协议是一种允许浏览器向服务器获取资源的协议，同时也是我们前端开发

在网络中，一个文件通常会被拆分为很多数据包进行传输，但是数据包在传输过程中却可能有很大概率会丢失或者出错。因此保证数据包完整送达应用程序就很重要。 接下来我们将讲述数据是如何实现完整可靠的传输。 数据

为什么要了解 Chrome 架构 开发者不管是想要设计高性能的 Web 应用，还是想要对当前的 Web 应用进行优化，都需要开发者了解浏览器中的网络流传、页面渲染过程、JavaScript 执行流程以