图片水平垂直居中对齐的四种做法
在前端开发制作中，图片垂直居中对齐是很常见的，有些是固定高度，有些没有固定高度，本文分享我用的四种方法，希望对你有所启发。
基于 HTML5 Canvas 的交互式地铁线路图
地图稍微内容有点多，要全部展示，字显得有点小了，但是没关系，可以按照需求放大缩小，字体和绘制的内容并不会失真，毕竟都是用矢量绘制的~
Array的 every、some、filter、map的区别，以及和reduce的区别
every、some、filter、map这几个方法有时候总是傻傻分不清，尤其map，总是一下子有点懵逼记不清和其他方法的区别，每次都需要查一下API，他们的相同点都是需要遍历数组中的每一项，重点是他们的区别.
利用websocket监控服务器
websocket是实现浏览器和web服务器沟通的一个好方法。一个比较好的使用方法就是在web网页上使用websocket，然后再起一个webdocketd服务器。
常用长度单位PX/EM/PT/百分比转换公式与对照表
PX、PT、EM、ex和in等都是我们常用的长度单位，尤其在网页的字体大小中经常用到。但是你知道PX、PT和EM之间是如何进行准换的吗？这里为大家找到了一个px、pt、em和percent大小转换的一个表格
es6 扩展运算符 三个点（...）
扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。
原生js实现控制函数执行次数/频率
在开发中，遇到需求如下：当函数function fn(){//...}执行的次数超过设定值后，将执行另一个函数fn2。实现方式如下
第三方 CSS 并不安全
第三方内容在其沙箱区域内具有强大的能力。如果你担心恶意用户诱使你的网站加载第三方资源，可以通过 CSP 用作防护手段，其可以限制加载图片，脚本和样式的来源。
你所要知道的所有关于Angular的变化检测机制
如果想像我一样全面的了解Angular的脏值检测机制，除了浏览源代码之外别无他法，网上可没有太多可用信息。大部分文章都提到，Angular中每个组件都自带一个脏值检测器，但是它们都仅仅停留在脏值检测的策略和案例的使用，并没有做太多的深入。