会当凌绝顶，一览众山小

Koa 就是一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。本身代码只有1000多行，所有功能都通过插件实现，很符合 Unix 哲学。本文，我们不介绍初级的用法，主要介绍常用模块、以及中间件的使用，了解koa的源码实现。

标题为webpack配置中的一句话重点，其实就是有些不太引人注意，但是很重要，或者能很好的提高用户体验的细节。

今天将要聊的是一个效果： CSS如何实现内凹角的效果 。

现在越来越多主要的web程序被发现和报告存在XXE(XML External Entity attack)漏洞，比如说facebook、paypal等等。 举个例子，我们扫一眼这些网站最近奖励的漏洞，充分证实了前面的说法。尽管XXE漏洞已经存在了很多年，但是它从来没有获得它应得的关注度。很多XML的解析器默认是含有XXE漏洞的，这意味着开发人员有责任确保这些程序不受此漏洞的影响。

目前最流行的两大前端框架，React和Vue，都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么，什么是Virtual DOM？它是通过什么方式去提升页面渲染效率的呢？本系列文章会详细讲解Virtual DOM的创建过程，并实现一个简单的Diff算法来更新页面。本文的内容脱离于任何的前端框架，只讲最纯粹的Virtual DOM。敲单词太累了，下文Virtual DOM一律用VD表示。

pushState + ajax = pjax

微博的点赞原方案是用精灵图加steps时间函数，这里用 svg实现一下

在Android上，微信6.1版本以上的android用户，都是使用的QQ浏览器的X5内核。5.4-6.1之间的版本，若用户安装了QQ浏览器就是使用的X5内核，若用户未安装浏览器，使用的是系统内核。而在IOS(IPhone)上，有两种：WKWebview和UIWebview,从IOS8开始支持WKWebview。

css中使用小图标可以使用字体图标，在远古时期有些还使用精灵图来做的，但是随着http2.0的出现，多个http请求已经不是问题，精灵图可以丢掉了，而且同时因为使用字体会带来图标加载延时问题，而我们又不愿意返回使用多套清晰度的图标。鉴于这些问题，最优实践目前就是使用矢量图，svg小图标了。但是字体库的也是一种很好的实践。

css开发中很多常见的小组件，比如图片上传的加号，比如如何优雅的增加可点击的区域。