📖 2021-04

星推

Github Star 推荐

• TS Node (opens new window)

  Node.js 端的 TypeScript 执行环境，配合 nodemon，可以实现 Node 端实时编译项目。

  参考 script: nodemon --watch './**/*.ts' --exec 'ts-node' index.ts

工具

• leva (opens new window)

  一个类似于 dat.GUI 的调试 React 组件利器，但功能更强大、 UI 界面更精美。

  

• Perf Track (opens new window)

  主流前端框架性能测试报告

  

• 10015 (opens new window)

  有趣的站点名称，数字 10015 用字体展现形似 Tools, 一站式好用的在线工具集合。

  

• svgtofont (opens new window)

  将 svg icons 集合打包成字体的工具。支持 TTF/EOT/WOFF/WOFF2/SVG 类型的字体文件。

资源

• Marko Denic's CSS Tips (opens new window)

  来自 Marko Denic 的 CSS 小知识。

• 1loc (opens new window)

  1loc 代表 single line of code，目前已收录了 274 个一行代码的工具函数。

教程

• A class-based enum pattern for JavaScript (opens new window)

  来自《Exploring ES6》作者的教程，如何在 JavaScript 中实现基于 Class 的枚举设计模式

• Comparing the New Generation of Build Tools (opens new window)

  此文章从工具配置、开发服务、生产构建、构建SSR等方面分析比较了前端下一代的构建工具，包括了 esbuild、Snowpack、Vite、wmr。

• The best classless CSS frameworks in 2021 (opens new window)

  此文章推荐了 2021 年最好的 classless CSS 框架

• Practical-css-variables (opens new window)

  CSS 变量的一些使用场景

应用

• wormhole (opens new window)

  一个可以支持 10G 文件传输的端到端加密的文件分享app