# 📖 2021-05

# 星推

Github Star 推荐

  • 🐚 zx (opens new window)

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

  • slidev (opens new window)

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

    笔者也尝试使用 slidev 编写了一个 slide (opens new window),确实很好用,准备后续用起来。

# 工具

  • 🔬speedscope (opens new window)

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

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

  • Notion SDK for JavaScript (opens new window)

    notion 有了官方 JavaScript SDK

  • DOM EVENTS (opens new window)

    Learn about the DOM Event system through exploration

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

  • TTS: Text-to-Speech for all. (opens new window)

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

    Mozilla 实现的 TTS 深度学习引擎

  • redaxios (opens new window)

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

  • perfume.js (opens new window)

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

  • rome (opens new window)

    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 也许是未来前端开发的变局者。

# 资源

# 教程

  • Learn CSS (opens new window)

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

  • JavaScript package development for the ES modules era (opens new window))

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

# 应用

  • muzzle (opens new window)

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