阿里雲前端週刊-第12期

推薦

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），這是一塊硬骨頭，很難啃，但是啃著又很香。所以今天我也來爆一些正規表示式的奇技淫巧。