推荐
1. JavaScript's new #private class fields
http://thejameskyle.com/javascripts-new-private-class-fields.html
Private class fields are now at Stage 2 in the JavaScript standard process. It's not finalized yet, but the JavaScript standards committee expects the feature to be developed and eventually included in the standard (although it may still change).
2. 面对前端六年历史代码,如何接入并应用ES6解放开发效率
https://mp.weixin.qq.com/s/zt-AOOiKjq96QaKFaTTUWg
为什么要讲“面对前端六年历史代码,如何接入并应用ES6解放开发效率”这个主题呢?其实相信很多人认为ES6已经不再新鲜。在前端迭代迅速的今天,会不会有些“老生常谈”?
3. 前端团队 Gulp & Webpack 工作流 迁移记
https://huangxuan.me/2017/02/09/nextgen-web-pwa/
在这个前端工具变化如此之快的浪潮里,在前端团队中,并发合作开发多个项目,前后端分离等等情况下,配置 或者 升级 或者 迁移 这样的工作流 基本生产工具,往往造成耗费的就不是仅仅一个人的时间成本,而是十人,数十人的量级。所以,一个靠谱、稳定、有效的工作流方案就显得特别重要。
其它
1. GPU加速是什么
https://aotu.io/notes/2017/04/11/GPU/
众所周知,网页不仅应该被快速加载,同时还应该流畅运行,比如快速响应的交互,如丝般顺滑的动画...
2. 开箱即用的网站可访问性提升指南
https://zhuanlan.zhihu.com/p/27221051
本文首先介绍什么是网站可访问性、残障人士如何访问网站;然后提供一些开箱即用的建设无障碍网站的操作指南,让你能够立即在项目中使用;最后介绍了如何检测网站的可访问性。
3. 渐进式动画解决方案
http://www.w3cplus.com/animation/progressive-web-animation.html
最早听到PWA(Progressive Web Apps)这样的一个概念是2016年在上海Qcon的分享会上听到@黄弦 大大的分享,但我们今天要聊的并不是Progressive Web APPs,而是其变身Progressive Web Animation。我们把其称为渐进式动画。那问题来了,什么才是渐进式动画呢?
4. 利用HTML5 Web Audio API给网页JS交互增加声音
http://www.zhangxinxu.com/wordpress/2017/06/html5-web-audio-api-js-ux-voice/
本文这里所说的HTML5 Web Audio API和HTML5 audio元素完全不是一个东西,其体量也完全不是一个等级的,HTML5 Web Audio API接口的丰富程度和体量可以和HTML canvas API相提并论,其能实现的功能也非常令人瞠目。
5. 活学妙用奇淫正则表达式
https://github.com/jawil/blog/issues/20
作为前端开发人员,总会有点自己的奇技淫巧,毕竟前端开发不同于后端,代码全部暴漏给用户不说,代码冗余了少则影响带宽,多则效率降低。正则表达式(Regular Expression),这是一块硬骨头,很难啃,但是啃着又很香。所以今天我也来爆一些正则表达式的奇技淫巧。