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 :)