摘要： 传输层 && 网络层 传输层位于 OSI 七层模型的正中间层，具有承上启下的核心作用。是负责总体的数据传输和数据控制。提供端到端交换数据以及差错校验的机制，传输层对应用层高三层提供可靠的传输服务，对网络层提供可靠的站点信息。协议有 TCP、UDP 协议，数据包离开网卡后即进入网络层。 网络层会基于数 阅读全文

摘要： 合并原理 在 DOM tree 构建的同时，浏览器会构建另一个树结构 render tree(Gecko 中称为 frame tree)。这是由可视化元素按照其显示顺序而组成的树，也是文档的可视化表示。它的作用是按照正确的顺序绘制的内容 具体流程 WebKit 的流程展示： DOM: HTML -> 阅读全文

摘要： 前言：该篇说明：请见 说明 —— 浏览器工作原理与实践 目录 谈及浏览器中的网络，就避不开 HTTP。我们知道 HTTP 是浏览器中最重要且使用最多的协议，是浏览器和服务器之间的通信语言，也是互联网的基石。而随着浏览器的发展，HTTP 为了能适应新的形式也在持续进化，我认为学习 HTTP 的最佳途径 阅读全文

摘要： vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过ES5提供的Object.defineProperty()方法来劫持(监视)各个属性的setter,getter，在数据变动的时发布消息给订阅者，触发相应的监听回调。并且，由于是在不同的数据上触发同步，可以精确的将变更发送给绑定的视图，而不 阅读全文

摘要： 企业级云服务商。专注于以数据为核心的云计算业务 图片存储在七牛为例： $ npm install qiniu 使用七牛存储需要合法的授权。授权凭证的签算需要七牛账号下的一对有效的 Access Key 和 Secret Key。这对秘钥获取步骤： 注册七牛开通开发者账号 登录七牛开发者后台，查看 A 阅读全文

摘要： 下文章来源于前端宇宙 ，作者刘小夕，本文只记录原文，并加上个人记录，仅供自学。 1、new 的实现原理是什么？ new 的实现原理： 1. 创建一个空对象，构造函数中的 this 指向这个空对象； 2. 这个新对象被执行 [[原型]] 连接； 3. 执行构造函数方法，将属性和方法添加到 this 应 阅读全文

摘要： HTTP 协议的队首阻塞 队首阻塞：队首的事情没有处理完的时候，后面的都要等着。 HTTP1.1 的队首阻塞 HTTP1.1 版本上使用了一种 Pipelining 管道技术来并行发送和处理多个请求。让客户端能够并行发送多个请求，服务器端也可以并行处理多个来自客户端的请求。在一个 TCP 连接中，发 阅读全文

摘要： 实现方案 1. 在 img 元素时，自定义一个属性 data-src，用于存放图片的地址 2. 获取屏幕可视区域的尺寸 3. 获取元素到窗口边缘的距离 4. 判断元素时候在可视区域内，在的话则 data-src 的值赋给 src；否则不执行其他操作 本质上：当图片在可视区域内时才会加载否则不加载；也 阅读全文

摘要： 什么是 http？ 超文本传输协议（HTTP，HyperText Transfer Protocol）是互联网上应用最广泛的一种网络协议。所有的 www 文件都必须遵守这个标准。设计 HTTP 最初的目的是为了提供一种发布和接收 HTML 页面的方法。 什么是 http2？ HTTP2 的优势，采用 阅读全文

摘要： JSON.stringify 的一些特性 常用的一些场合： 1、将 JSON object 存储到 localStorage 中； 2、POST 请求中的 JSON body 3、处理相应体重的 JSON 形式的数据 4、甚至某些条件下，我们还会用它来实现简单的深拷贝 5、…… 对于 undefin 阅读全文