FCC成都社區·前端週刊 第 1 期

01. 2018 JavaScript 測試概覽

文章介紹了JavaScript測試的關鍵術語、測試類型、工具和方法，並簡要分析了工具jsdom、Istanbul、Karma、Chai、Wallaby等，測試框架mocha、jest、jasmine、AVA等以及UI測試工具TestCafe、WebdriverIO、Puppeteer等。

詳情：https://medium.com/welldone-software/an-overview-of-javascript-testing-in-2018-f68950900bc3

02. WebAssembly在線IDE — Web Assembly Studio

Web Assembly Studio是一個簡單的在線IDE

詳情：https://webassembly.studio/

03. CanJS 4.0 一套前端架構庫

CanJS 說不上快速，但其集成了自定義元素、可觀察對象、路由等，是一款輕量級的JS庫。Apple Store、Yahoo和HP等都有使用它。

詳情：https://www.bitovi.com/blog/canjs-4.0

04. Chrome計劃將非https鏈接的網站標記爲不安全

谷歌剛剛宣佈，從2018年7月開始，隨着Chrome 68 的發佈，未加載 https 的網頁將被標記爲「不安全」。這篇文章回顧了https 的發展歷程，以及接下來會發生什麼。

詳情：https://blog.cloudflare.com/https-or-bust-chromes-plan-to-label-sites-as-not-secure/

05. Exploring ES2018 and ES2019

這是一本涵蓋ECMAScript 2018和ECMAScript 2019內容的新書，可在線閱讀或付費下載電子書。

詳情：http://exploringjs.com/es2018-es2019/

06. 2018 咱們如何使用 JavaScript

文章從command-line tools、Webpack、Babel、TypeScript 和 Flow等方面討論了2018年咱們如何使用JavaScript。

詳情：https://www.telerik.com/blogs/how-to-javascript-in-2018

07. 如何在React項目中使用CSS模塊

這篇文章探討了如何在react項目中使用css模塊的方法，包括將CSS做爲JS對象使用和使用CSS模塊。

詳情： https://blog.pusher.com/css-modules-react/

08. 用CSS實現鍵盤記錄的方法

CSS Keylogger 是一款 Chrome 擴展程序和Express 服務器，可利用 CSS 實現鍵盤記錄的功能。

詳情：https://github.com/maxchehab/CSS-Keylogging

09. 使用 Webpack 進行 web 性能優化

文章從減少資源大小、利用長期緩存、監控和分析應用程序三個方面講述瞭如何使用 Webpack 進行 web 性能優化。

詳情：https://developers.google.com/web/fundamentals/performance/webpack/

10. npm V5.7.0 發佈

v5.7.0 容許 npm install 修復 package-lock.json 和 npm-shrinkwrap.json 合併衝突的文件；該版本新增的 npm ci 命令僅從鎖定文件進行安裝，若是 package.json 和鎖定文件不一樣步，那麼它會報告一個錯誤。

詳情：http://blog.npmjs.org/post/171139955345/v570

11. Font Awesome 發佈版本 5.0.6

FontAwesome是一款圖標工具庫，5.0.6版本新增了許多圖標，減少了js文件大小，修復了一些問題等。

詳情：https://github.com/FortAwesome/Font-Awesome

12. 前端面試手冊

準備找工做？這是一份不錯的前端面試手冊，包括了html、css 和 js問題。

詳情：https://github.com/yangshun/front-end-interview-handbook

每週一同步更新到 GitHub, 歡迎star :)