GLSL着色器，来玩
对实现动画的前端同学们来说，canvas可以说是最自由，最能全面控制的一个动画实现载体。不但能通过javascript控制点、线、面的绘制，使用图片资源填充；还能改变输入参数作出交互动画，完全控制动画过程中的动作轨迹、速度、弹性等要素
KeyCode 查询表
js写代码时，可能捕获按下的键盘消息，此时可以用Keycode对照表来判断按下的是哪个按键。整理了一下方便大家以后使用参考。keyCode 属性返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。
JS实现拖动滑块验证
使用这种验证方法的目的：证明当前的用户不是机器人~防止恶意操作。哪怕鼠标移动的时候超出了最外面的方块区域，滑块也要可以移动。所以不能只在滑块上设置移动事件，需要在文档document上设置移动事件。
JS实现判断对象是否为空对象的5种方法
将json对象转化为json字符串，再判断该字符串是否为{}，for in 循环判断，jquery的isEmptyObject方法，Object.getOwnPropertyNames()方法，使用ES6的Object.keys()方法
如何利用JS检查元素是否在视口内
Intersection Observer API提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。在目标元素与视口或者其他指定元素发生交集时和触发配置的回调函数。
base64实现原理解析
Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法。对于前端来说，一切可以放路径的地方，都可以使用base64来替代。
JavaScript 装饰器Decorator
因为装饰器属于一个在提案中的语法，所以不管是node还是浏览器，现在都没有直接支持这个语法，我们要想使用该语法，就必须要通过babel将它进行一个编译转换，所以我们需要搭建一个babel编译环境。
有哪些事是你当了程序员之后才知道的？
身穿一件微微起球的格子衫，背着工整的双肩包，头发乱糟糟并且肩头散落着几根头发，一副黑框眼镜下的两只眼睛呆滞无神、如灵魂出窍一般。如果你在大街上看到符合以上特征的人，八成你会认定他是一名程序员。
使用 CSS prefers-* 规范，提升网站的可访问性与健壮性
互联网发展到今天，对于我们的前端而言，我们的关注点不应该仅仅是我们产出的页面能不能用，也需要更多的去关注我们的页面好不好用，有没有照顾到更多的用户群体？