? 2021-05

聚焦前端，记录过去一个月发现的值得推荐的前端技术栈、文章、教程以及应用，每月28日更新，本期第二十九期。2021 年度第五期。

星推

Github Star 推荐

• ? zx

  A tool for writing better scripts，用写 ES Modules 的方式写 Shell 脚本。

• slidev

  为开发者打造的演示文稿工具，是 Vue 核心成员 Anthony Fu 的又一力作，开放 Beta 测试仅一个月就收获 1w+ Star 的仓库，佩服 Anthony Fu 的创造力。

  笔者也尝试使用 slidev 编写了一个 slides，确实很好用，准备后续用起来。

  

工具

• ?speedscope

  ? A fast, interactive web-based viewer for performance profiles.

  一个更快的，可交互的用于调试页面性能的查看器。

  

• Notion SDK for JavaScript

  notion 有了官方 JavaScript SDK

• DOM EVENTS

  Learn about the DOM Event system through exploration

  可视化的方式探索浏览器 Dom 事件的执行机制

  

• TTS: Text-to-Speech for all.

  TTS is a library for advanced Text-to-Speech generation.

  Mozilla 实现的 TTS 深度学习引擎

• redaxios

  类似 Axios ，但是更轻量，只有 800kb，基于浏览器原生 Fetch Api 编写的请求类库，API 使用方法看齐 Axios，有点类似 dayjs 之于 momentjs

• perfume.js

  Perfume 是一个轻量的网络性能监控库，可以将数据报告给你最喜欢的分析工具。

• rome

  The Rome Toolchain. A linter, compiler, bundler, and more for JavaScript, TypeScript, HTML, Markdown, and CSS.

  由 Babel 和 Yarn 的作者开发的 Rome 端到端的工具链，将一些常用的工具整合到一处，旨在简化和改进现有 Web 开发。

  未来将覆盖打包、编译、文档生成、代码格式化、代码整洁、压缩混淆、测试、类型检查 等 web 开发环节。

  目前已支持的语言有 JavaScript、TypeScript、JSX 和 JSON，HTML 和 CSS 还在路上。

  让我们未来期待可以使用到这个工具链吧，Roma 也许是未来前端开发的变局者。

  

资源

• Modern Web Guides

  一个学习构建现代 Web 的引导，提供你所需知道的一些知识与用到的开发工具、测试。

• Vue Conf 2021 大会PPT与视频回顾

  本年度的第四届中国区 Vue Conf 2021年05月22日在杭州举办，连接为大会PPT与视频回顾资源。

  

• 2021 Javascript 开源社区获奖名单

  由 GitNation 开源基金会策划，社区进行提名的 Javascript 开源项目获奖名单，旨在提倡支持社区优秀的开源项目。

教程

• Learn CSS

  谷歌出品的《学习 CSS》教程，由社区的 CSS 专家联合撰写，有 25 个小章节，在线例子丰富。是不错的 CSS 学习资料。

  

• JavaScript package development for the ES modules era)

  随着 Node.js 默认支持可以执行 ES Modules，现代浏览器也可以执行 ES Modules，Web 前端正在进入 ESM 时代，这篇文章描述了 ESM 时代的 JavaScript 包该如何开发。

应用

• muzzle

  一个 用途 很有趣的 APP，帮助你缓解在分享屏幕时的因太安静造成的 尴尬

  

往期

下期再见，可以 Watch 本月刊的 GitHub 仓库 github.com/xiaoluobodi…

原文：xiaoluoboding.github.io/monthly/202…