527
阿裏雲前端周刊 - 第 12 期
推薦
1. JavaScript's new #private class fields
https://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. 漸進式動畫解決方案
https://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交互增加聲音
https://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），這是一塊硬骨頭，很難啃，但是啃著又很香。所以今天我也來爆一些正則表達式的奇技淫巧。
最後更新：2017-06-20 10:01:50