前端程序员可乐君

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家...

1.背景 短连接 HTTP 协议最初（0.9/1.0）是个非常简单的协议，通信过程也采用了简单的“请求 - 应答”方式。它底层的数据传输基于 TCP/IP，每次发送请求前需...

CORS 是浏览器跨域限制解决的一种方案。我们来使用 JavaScript 的前端框架 Vue 和服务端框架 Koa2 来进行理解 CORS 是如何解决跨域问题的。 注：我...

Cookie Cookie 应用的三个方面： 会话状态管理（用户登录状态、购物车或需要记录的信息） 个性化设置（用户自定义主题） 浏览器行为跟踪（跟踪分析用户行为） Sam...

为什么需要 Etag ？ Etag 处理 Last-Modified 无法处理的场景。 Last-Modified 根据文件修改时间来判断，单位是秒。假如我们操作是毫秒级别...

缓存是提升 Web 性能的重要手段，前端缓存可以看作是 HTTP 缓存和浏览器缓存的结合，本文将结合简单的 Nodejs 例子深入理解 HTTP 缓存的作用。 分级缓存策略...

构建DOM树 为什么要构建DOM树？ 输入： HTML 文档 输出：DOM 树 处理过程： 读取 HTML 原始字节流，根据文件指定的编码（UTF-8）将他们转换成字符； ...

认识 Proxy 场景：HTML 中有个 span 标签和 button 标签，当点击 button 时 span 标签里的值加一，我们发现在这个场景中我们需要监听 but...

Promise 基础 认识 Promise Promise 是异步编程的一种解决方案。我们可以在返回的 Promise 实例对象上绑定不同结果下对应的回调函数(then、c...

CallBack 同步回调 异步回调 Async/Await 基础认识 Async 是一个通过异步执行并隐式返回 Promise 作为结果的函数。 隐式返回 Promise...

执行上下文与执行上下文栈 JavaScript 中存在函数调用函数的关系，我们将函数调用的关系用栈结构维护起来，这就是我们的执行上下文栈，也称函数调用栈。全局代码、函数代码...

JavaScript 继承之ES6 Class 基础语法 constructor constructor() 方法是类的默认方法，默认返回 new 生成的实例对象，也可以返...

原型与原型链 ECMAScript5继承 原型链继承 思路：修改子类原型为父类 示例： 原型链关系图： 特点： 在创建实例时，不能向父类的构造函数传参 引用类型的属性被所有...

Iterator 遍历方法对比 Iterator 概念 Iterator 提供了一种统一的接口机制，为各种不同数据结构提供统一的访问机制。定义 Iterator 就是提供一...

Symbol 通识 Symbol 基础认识 作为属性名的 Symbol ES5 对象属性名都是字符串，容易造成属性名冲突。ES6 提出 Symbol 值可以作为标识符，用于...