常用的CSS属性
页面渲染时，dom元素所采用的 布局模型，可以通过 box-sizing 进行设置，根据计算高度的区域可分为：content-box （W3C 标准盒模型），border-box （IE盒模型）
svg生成环形进度条
之前在项目中遇到一个环形进度条的需求，要求能实时更新进度，脑海中瞬间便蹦出css，svg，canvas3中方案，对于3种方案个人更偏向于svg，用法简单，代码量也很少，同时也便于实时控制。具体效果如下图：
Js:高效使用数组的方法
要在给定数组上使用方法，只需要通过[].方法名即可，这些方法都定义在 Array.prototype 对象上。在这里，咱们先不使用这些相，反，咱们将从简单的方法开始定义自己的版本，并在这些版本的基础上进行构建。
网站被劫持的危害和解决办法
如何检查自己的网站是不是被劫持了？IIS7网站监控，测网站是否被劫持、DNS污染检测等信息。被劫持的网站，当打开网址的时候，会跳转到其他的网址，造成用户无法正常的访问
前端正则表达式书写
/正则表达式/修饰符/i (忽略大小写),/g (全文查找出现的所有匹配字符),/m (多行查找),/gi(全文查找、忽略大小写),/ig(全文查找、忽略大小写),不写修饰符默认只匹配一个
发布-订阅模式和观察者模式真的不一样？
设计模式的定义： 在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。设计模式并不能直接用来完成代码的编写，而是描述在各种不同情况下，要怎么解决问题的一种方案，它不是一个死的机制
canvas旋转画笔
canvas旋转画笔，可以使用rotate方法，rotate方法是绕着中心点旋转的，中心点默认是左上角的(0,0)位置，可以使用translate方法改变旋转的中心点，下面介绍两种方法旋转，可以根据自己的需求使用，关键是理解旋转的原理
浅谈react context
在React中，数据传递一般使用props传递数据，维持单向数据流，这样可以让组件之间的关系变得简单且可预测，但是单项数据流在某些场景中并不适用，看一个官方给出的例子:
nodejs实现二维码生成及图片合成
前端需要做分享功能。生成二维码后 在指定的图片上添加二维码和邀请码生成新的图片。1.使用 qr-code生成二维码；2.使用 text-to-svg 生成邀请码图片，字符转图片；3.使用gm工具合成图片