阿里雲前端週刊 - 第 25 期

推薦

1. Chrome 61 新特性介紹

https://developers.google.com...

Chrome 61 中即將原生地支持 JavaScript 模塊，意味着開發者能夠不用 Babel 等轉換器即直接在瀏覽器中運行模塊化代碼。除此以外，Chrome 61 還容許開發者使用 navigator.share 來觸發 Android 原生的分享對話框，而且引入了 WebUSB 接口來訪問受信的 USB 設備；

2. Yarn 1.0 發佈

https://code.facebook.com/pos...

著名的 JavaScript 包管理器 Yarn 終於發佈了其 1.0 版本，目前已經有超過 175000 個 Github 上的項目包含了 yarn.lock 文件，每月有超過三十億的下載量。在新版本中，Yarn 引入了工做空間、自動合併 lockfiles、可選擇的版本解決等特性，而且進行了其餘一系列的性能提高與錯誤修復等工做。

3. TypeScript 與 Webpack 的激情碰撞

https://medium.com/webpack/ty...

本文是 ts-loader 的核心維護者之一，分享的多個能提高 Webpack 中 TypeScript 使用體驗的插件。fork-ts-checker-webpack-plugin 可以利用子進程來進行類型校驗，HappyPack 則容許併發處理多個文件從而提高 Webpack 的編譯速度，thread-loader 與 cache-loader 還能進一步提高編譯速度；

4. V8 中的 Fast 屬性

https://zhuanlan.zhihu.com/p/...

在這篇博客中，咱們想解釋 V8 如何在內部處理 JavaScript 屬性。從 JavaScript 的角度來看，屬性只有一些區別。JavaScript 對象主要表現爲字典，字符串做爲鍵名以及任意對象做爲鍵值。然而，該規範在迭代過程當中對整數索引(integer-indexed)屬性和其它屬性進行了不一樣的處理。

其它

1. 探索編碼的世界

http://www.imhjm.com/article/...

本文從二進制編碼講起，到整數到小數，再到字符編碼，中間穿插相應js代碼，但願經過此次探索，能讓讀者對js大數／精度、亂碼、node的Buffer等等有更進一步的理解，以及對計算機編碼的認識更加深入。

2. 使用 CSS 的 font-size-adjust 屬性改善網頁排版

https://github.com/xitu/gold-...

CSS 中的 font-size-adjust 屬性容許開發者基於小寫字母的高度指定 font-size ，這能夠有效地提升網頁文字的可讀性。

3. CSS Filter 實現的融合動畫效果

http://www.cnblogs.com/coco1s...

本文主要介紹 CSS 濾鏡的不經常使用用法，但願能給讀者帶來一些乾貨！經過使用 高斯模糊+對比度 濾鏡，實現有趣的融合效果，如隨機的火焰燃燒效果。

4. 浮點數的渲染

https://zhuanlan.zhihu.com/p/...

一個有意思的現象，當使用 sticky position 定位的時候，若是它的同層上面元素的高度是浮點數的話，該定位在滑動過程當中將會產生一個小的空白間隙。不一樣的瀏覽器對於小數的處理並不十分一致，現代瀏覽器大多采用智能補償法來處理小數的佈局。同時咱們經常使用的 1px 並非指的真實的 1 像素。好比在手機上 1px 渲染出來會比較粗，並非手機分辨率的 1 像素。能夠經過縮放來呈現真實的 1 像素，理解了小數的渲染規則，但願之後若是碰到類似的問題對你有幫助。

5. 奇技淫巧學 V8 之八，常量字符串

https://zhuanlan.zhihu.com/p/...

V8 爲了最佳性能與最少內存使用將某些（如字面量構造的）字符串常量化。內容相同的常量字符串具備相同的引用（共享同一塊老生代空間），在比較時直接比較引用（指針）是否相等便可，故擁有 O(1) 的比較性能。將字符串被設置爲對象屬性名時，會被嘗試改造爲常量化版本。V8 經過將字符串實例類型轉換爲 ThinString 並引用常量字符串來實現隱式就地轉換。當缺乏 ThinString 支持而且原始字符串又爲引用類型表達時，會使用 ConsString(actual, empty_string) 來實現隱式就地轉換。