第 11 期: StackBlitz 发布新特性,可在浏览器中运行 Node 环境

2021/05/22

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

一句话

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

开发利器

一、 Lighthouse Metrics

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

二、 devhints

CheatSheets 大全

三、 HTML5 Text Editor

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

文章推荐

一、 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-copy

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

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

核心性能指标监控

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

虚拟键盘

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

  1. 支持 Vue、React、Svetle、Angular 等UI框架
  2. 支持 CDN 脚本引入。
  3. 支持多种主题配置
  4. repo: hodgef/simple-keyboard
  5. npm: simple-keyboard

版本发布


Profile picture

作者山月、待业在家、勤学苦练、欢迎交流。 这是我的博客