最近遇到一个诡异问题，使用Fiddler替换某一个接口请求时，页面请求该接口后，请求一直没有结束的问题。经过定位，确定是HTTP中某些header字段导致的。本篇就是关于这几个字段的介绍。

最近业务上需要开发扩展来实现某些功能。在开发过程中，遇到每次修改完代码，都需要手动点击chrome://extensions页面的Reload，才能更新扩展的问题，十分影响开发体验。于是花了点时间，把开发扩展的构建过程的hot reload搞定了。 具体代码见：[链接]

使用VSCode作为IDE开发工具已经有一段时间，期间一直有一个很困扰我的问题，就是关于行尾空格的自动删除。 一般情况下，都需要对源码中的行尾的多余空格进行删除，所以我有设置自动删除行尾空格。但是当我编辑markdown文件时，行尾空格也会被删除。 WTF！！ markdown文件不是通过行尾三个空格来实现换行的吗，为什么编辑...

从去年9月份了解到Vue后，就被他简洁的API所吸引。1.0版本正式发布后，就在业务中开始使用，将原先jQuery的功能逐步的进行迁移。 今年的10月1日，Vue的2.0版本正式发布了，其中核心代码都进行了重写，于是就专门花时间，对Vue 2.0的源码进行了学习。本篇文章就是2.0源码学习的总结。

运行上面的代码，可以得到我们想要的结果：1s后输出了日志，再过3s又输出日志。但是如果逻辑复杂下去，会出现很深的回调方法嵌套问题，使得代码不可维护。为了使异步代码更清晰，就出现了Promise。

koa是一个相对于express来说，更小，更健壮，更富表现力的Web框架。koa通过组合不同的generator来避免繁琐的回调函数调用。koa的核心库没有绑定任何的中间件，仅仅提供了一个轻量优雅的函数库，使得编写Web应用变得得心应手。

目前，使用前端技术开发桌面应用已经越来越成熟，这使得前端同学也可以参与桌面应用的开发。目前类似的工具有electron，NW.js等。这里我们着重介绍下electron。

平时工作中会遇到需要实现一些存在动画的页面。这里对动画的实现知识做一个整理。页面动画的实现可以分为两类：CSS动画、Canvas动画、JavaScript动画。JavaScript动画没啥好讲的，这里就不整理了。

介绍 flexbox是HTML5中提出的新的布局方式。使用时，需要将父子节点的display都设置为flex。每个参赛的效果可以参考这里 父节点属性 flex-direction 控制子界点的方向。一共有4个值： {代码...} flex-wrap 控制子元素是否是现在在一行中。如果设置为显示到一行中，但是子元素的宽度和大于父节点宽度，那么子元素会对应缩...

页面中需要向服务器请求数据时，基本上都会使用Ajax来实现。Ajax的本质是使用XMLHttpRequest对象来请求数据。XMLHttpRequest的使用如下：

大家都知道，Javascript是单线程的，所以如果页面中的Javascript有大量计算的话，很容易阻塞页面的动画或者交互响应。HTML5中的Web Worker就使Javascript的多线程编程成为可能。

一个页面的数据，不单单是给用户看的，其中的一些数据还要提供给机器去识别。由于机器的智能水平有限，所以就出现了微数据这种技术，专门用于显示机器识别的数据。

响应式页面中经常用到根据屏幕密度设置不同的图片。这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下，image自动加载不同的图片。用法如下：

伪类和伪元素是css中很常见的两个概念，利用的好，能够很方便的实现一些特殊效果。伪类与伪元素由于用法相近，导致平时使用并不能很好的区分这两个概念。伪类（pseudo-classes）： 伪类类似于class，用于对已有元素增加特殊状态，比如:hover, :active, :lang, :first-child等。伪元素（pseudo-elements）：伪元素类似于e...

CORS(Cross-Origin Resource Sharing)是指跨域资源共享，用于解决前端跨域问题。跨域问题最参见的方法就是使用JSONP，但是很多跨域问题JSONP是无法解决的，比如

最近在准备一个团队内部的分享，觉得powerpoint写幻灯片太麻烦，效率太低。作为前端，就想到是否可以使用页面来做幻灯片。于是就去搜索了下有没有HTML5实现幻灯片的工具。经过对比，最后选择了了reveal.js来实现幻灯片。reveal.js是一个用于实现幻灯片效果的库。使用该库。github地址：github提供了页面编辑功能：slides...

前段时间接触到一个库叫做Vue.js, 个人感觉很棒，所以整理了一篇博文做个介绍。Vue读音/vju:/,和view类似。是一个数据驱动的web界面库。Vue.js只聚焦于视图层，可以很容易的和其他库整合。代码压缩后只有24kb。可以去这里下载。自己整理了一个Vue.js的demo，[链接]

页面在绑定resize，keydown或者mousemove这些能连续触发的事件时，用户只要很常规的操作，就能连续触发多次绑定的方法。当绑定方法里面存在大量的类似于DOM操作这种极其消耗性能的代码时，会直接导致页面运行的卡顿。这个时候就会用到函数节流。