Proxy 意为"代理器"，是 ES6 新增，用于修改目标对象的成员之前进行"拦截"，外界对该对象的成员的访问，都必须先通过这层拦截。其中，成员包括未定义的，即访问或设置不存在的属性，也会触发相应的代理函数。 被代理的目标对象。可以是任意类型的对象，包括数组、函数等，甚至是另一…

前端是个发展迅速的领域，前端请求自然也发展迅速，从原生的XHR到jquery ajax，再到现在的axios和fetch。 它是对原生XHR的封装，还支持JSONP，非常方便；真的是用过的都说好。但是随着react，vue等前端框架的兴起，jquery早已不复当年之勇。很多情况…

曾经的我们是那么的年少。然鹅，时光荏苒，岁月如梭，一代新人换旧人。我们已经三十出头，成为了程序员中的大哥。 现如今，互联网界瞬息万变，最新技术层出不穷。Vue、Axios、React、Redux、Angular、Node...等等等等。万幸的是，底层的东西是不变的。所以，我们今…

想要真正理解 HTTP 状态码，而不是死记硬背，最好先过一遍下图。每个状态码都不是割裂开的，尝试带着图理解，思考收到 HTTP 请求后的整个处理流程，同时理解 HTTP 协议的 Header, 效率更高。 图片比较模糊，被压缩了，请转 github 上的 for-GET/htt…

HTTP状态码是服务端返回给客户端（因为这里是web开发，这里的客户端指浏览器客户端）的3位数字代码。 这些状态码相当于浏览器和服务器之间的对话信息。它们相互沟通两者之间的事情是正常运行了还是运行失败了或者发生了一些其他的事情（如Continue）。了解状态码有助于你快速的诊断…

localStorage 只在相同的域下共享同一空间。协议和端口都有影响，注意： 经测试，Chrome、FireFox、Edge 都是 5M（IE 忽略）。 下面是容量探测代码，可以精确到 1K。 以 Chrome 为 例，插入不了的时候会抛出异常，e.code 是 22。 S…

随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp”——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。WebApp 优异的性能表现，有一部分原因要归功于浏览器存储技术的提升。cookie存储数据的功能…

Cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失…

上图是W3C标准的DOM事件流模型图，从图中可以看出，元素事件响应在DOM树中是从顶层的Window开始“流向”目标元素（），然后又从目标元素“流向”顶层的Window。 通常，我们将这种事件流向分为三个阶段：捕获阶段，目标阶段，冒泡阶段。 捕获阶段是指事件响应从最外层的Win…