StackBlitz 发布新特性，可在浏览器中运行 Node 环境

前端爱好者周刊 (Github: shfshanyue/weekly)，每周记录关于前端的开源工具、优秀文章、重大库版本发布记录等等，周刊中优秀文章会在公众号全栈成长之路逐一推送。每周一发布，订阅平台如下，欢迎订阅。

• 订阅网站: https://weekly.shanyue.tech

• 订阅Github: shfshanyue/weekly

• 点击在微信订阅

• npm prepare 可在 npm install 之后做一些准备工作

文章推荐

一、 Introducing WebContainers: Run Node.js natively in your browser

Stackblitz 发布了一款新产品: Web Container.

它借助于 WebAssembly 与新的 capabilities APIs 把虚拟的 Node 环境运行在了浏览器端。

开源与库

一、 clipboard-copy: 声明式复制到剪切板的轻量库

const copy = require("clipboard-copy");

copy("hello, world");

在浏览器中，如何复制内容到剪贴板？

那就是使用 clipboard-copy 这个库，月下载量达百万，而大小仅仅只有 508B。

与最为流行周下载量达几万的 clipboard 而言，clipboard-copy 的代码更加简洁、声明式使用更加易懂，即使是源码也非常简单，仅仅只有几十行，建议阅读。

• repo: feross/clipboard-copy
• npm: clipboard-copy

二、 web-vitals: 核心性能指标监控

核心性能指标监控

• repo: GoogleChrome/web-vitals
• npm: web-vitals

三、 simple-keyboard: 一个关于虚拟键盘的组件

你们的产品经理有没有要求你们写一个虚拟键盘，simple-keyboard 是一个使用纯JS实现无任何依赖的虚拟键盘组件，它支持以下功能

1. 支持 Vue、React、Svetle、Angular 等UI框架
2. 支持 CDN 脚本引入。
3. 支持多种主题配置

• repo: hodgef/simple-keyboard
• npm: simple-keyboard

开发利器

一、 Lighthouse Metrics

基于 Lighthouse 的全球性的性能测试

二、 devhints

CheatSheets 大全

• repo: rstacruz/cheatsheets

三、 HTML5 Text Editor

基于 File System Access API 的文本编辑器

• repo: GoogleChromeLabs/text-editor

版本发布