摘要：前言：该篇说明：请见 说明 —— 浏览器工作原理与实践 目录 上一篇文章聊了 HTTP/1.1 的发展史，虽然 HTTP/1.1 已经做了大量的优化，但是依然存在很多性能瓶颈，依然不能满足我们日益变化的新需求，所以就有了今天要聊的 HTTP/2。 本文依然从需求的层面来谈，先分析 HTTP/1.1
阅读全文
摘要：实现原理：vue-router 的原理就是更新视图而不重新请求页面 vue-router 可以通过 mode 参数设置为三种模式：hash 模式、history 模式、abstract 模式。 hash 模式。默认是 hash 模式，基于浏览器 history api，使用 window.addEv
阅读全文
摘要：WebStorage又可以分为localStorege和sessionStorage localStorage 和Cookie异同：相同的一点是：针对一个域名，即在同一个域名下，会存储相同的一段localStorage 区别： 容量：localStorage 的容量上限为 5M，相对于 cookie
阅读全文
摘要：Cookie最开始被设计出来其实并不是做本地存储的，而是为了弥补http在状态管理上的不足 http协议是一个无状态协议，客户端向服务器发请求，服务器返回响应，这次事件就完成了，但是下次发请求如何让服务端知道客户端是谁呢？在这个需求下就产生了Cookie Cookie本质上就是浏览器里面存储的一个很
阅读全文
摘要：错误分类 运行时错误：这个错误往往是在写代码时造成的。如语法错误、逻辑错误等等，这种错误一般在测试过程中也能够发现 资源加载错误：这个错误通常是找不到文件或者是文件加载超时造成的。 错误捕获 代码错误捕获 try { //运行可能出错的代码 } catch (e) { //捕获错误 } window
阅读全文
摘要：传输层 && 网络层 传输层位于 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
阅读全文
