本技术日志，每周定期分享，欢迎关注、转发。

ECMAScript 2020 的新特性

来看看今年的 ECMAScript 给我们带来了哪些新功能。动态导入、空值合并、可选链、BigInt，还有很多其他特性。

https://www.strictmode.io/articles/whats-new-es2020/

jQuery 3.5.0 发布

在 React，Vue 的时代，jQuery 竟然还在更新。这次发布，是一个值得注意的安全修复——针对跨网站脚本的安全漏洞。另外，还有其他一些特性的增加、修复和去除老旧的兼容代码等。

https://blog.jquery.com/2020/04/10/jquery-3-5-0-released/

Puppeteer 3.0 发布

Puppeteer 它是一个 Node 库，它“无头的”控制 Chrome 或 Chromium 的功能非常出名，现在它已经支持 Firefox 了。

https://github.com/puppeteer/puppeteer/releases/tag/v3.0.0

微软 Edge 81 更新

微软 Edge 81 版本的更新已进入稳定通道，带来了新的内置集合功能、10种新语言的本地化开发工具、3D 视图工具等更新。

https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-81041653-april-13

Prettier 2.0 发布

一个非常流行的代码格式化工具，现在已经发布 2.0 版本了，来看看有什么变化。

https://prettier.io/blog/2020/03/21/2.0.0.html

rollup.js 2.0

一个出色的打包工具，类似于 webpack，但它为 JavaScript 库而生，现已经更新到了 2.0，看看有哪些新变化。

https://github.com/rollup/rollup/releases/tag/v2.0.0

文章和教程

React.js 的性能分析

一篇有关 React 性能分析的文章，包括：React Profiler API、React 的实验性交互跟踪 API，以及使用用户计时 API （User Timing API）来度量自定义指标的文章。

https://addyosmani.com/blog/profiling-react-js/

用 JavaScript 编写模拟器

用 JavaScript 构建一个 Chip-8 解释器，也许你不知道什么是 Chip-8，我们一起来看下吧， 你肯定会学到很多有用的东西。

https://www.taniarascia.com/writing-an-emulator-in-javascript-chip8/

响应式图像

借助 srcset 和 sizes 属性，基于分辨率按需加载图像。

https://cloudfour.com/thinks/responsive-images-the-simple-way/

BEM 命名备忘表

一份很实用的样式表 BEM 命名法的设计指南。

https://9elements.com/bem-cheat-sheet/

实用工具

Vime

一款全新的、现代的网络媒体/视频播放器，它是模块化的、可按需导入的，拥有插件生态系统的视频播放器。可以考虑成为 Video.js 和 Plyr 的替代品。

https://vime-js.com/

CSS Scan

Chrome or Firefox 上的插件，检查元素和调试 CSS 时，悬停在检查的元素上，可复制其整个 CSS 规则，非常方便。

https://getcssscan.com/

uid

一个用小写字母和数字字符，生成随机的固定长度字符串的工具库。它非常小巧，只有 134B。

https://github.com/lukeed/uid

npm 依赖可视化

一个在线 NPM 依赖项可视化工具，非常酷。

https://npm.anvaka.com/#/

Unminify

一个在线解包工具，可以处理 JavaScript、CSS 和 HTML 的压缩代码，就像 uglifyJS 的反向工程。

https://unminify.com/

Vuln Cost

一款 VS Code 的安全扫描工具，它是开源的，可用来查找 NPM 包中的安全漏洞数量。

https://snyk.io/security-scanner-vuln-cost/

内容来源

关注公众号，关注前端技术

赵不寒的网络日记