📖 2021-12
聚焦前端,记录过去一个月发现的值得推荐的前端技术栈、文章、教程以及应用,每月28日更新,本期第三十六期。2021 年度第十二期。
日期一晃,三年过去了。前端技术栈月刊 已经持续发布了三个年头。庆幸自己坚持了下来。让我收获不少前端知识以及提效工具。希望你也能有所收获。
未来我会延续每年的习惯,发布一份年度总结,比如前年和去年的:
还计划重构此月刊的 Web 站点,积累到一定程度,需要有好用的搜索交互了。因为我自己都可能搞不清楚之前有没有分享过同样的内容。也方便检索一些工具。敬请期待~~
星推
Github Star 推荐
-
The missing star history graph of GitHub repos
追踪你感兴趣的项目的 star 走势。也可以比较不同仓库之间的差异哦。比如下图:
-
A blazing fast unit-test framework powered by Vite ⚡️
由 Vite 驱动的快速的单元测试框架
🔗 链接:vitest.dev/
工具
-
The most advanced API tool for Mac
全功能HTTP客户端工具,高级API开发测试软件
🔗 链接:paw.cloud/
-
Next-generation IDE by JetBrains
JetBrains 又出新的 IDE 了,以 20 年的 IDE 开发经验为基础从头构建,Fleet 使用了 IntelliJ 代码处理引擎,具有分布式 IDE 架构和重新设计的 UI。
-
A terminal for the modern age. Tabby is an infinitely customizable cross-platform terminal app for local shells, serial, SSH and Telnet connections.
Tabby 是一款可任意定制的跨平台的终端工具,也可以在 Web 端使用哦。
🔗 链接:tabby.sh/
-
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.
编写一次组件,可编译支持主流框架渲染,达到可在任何环境运行的目的。
-
Tailwind CSS Cheat Sheet
方便查阅 Tailwind 语法的小工具
-
ShortURL.at is a free tool to shorten a URL or reduce a link Use our URL Shortener to create a shortened link making it easy to remember
短链接工具
🔗 链接:www.shorturl.at/
-
😼 A snarky 1kb Markdown parser written in JavaScript
一个用 JavaScript 编写的仅有 1kb 的 Markdown 解析器
-
UAParser.js - Detect Browser, Engine, OS, CPU, and Device type/model from User-Agent data. Supports browser & node.js environment.
一个兼容浏览器和 Node.js 环境的 User-Agent 解析工具
-
The Accessible Foundation for React Apps and Design Systems
React 无障碍设计系统基础设施
-
Enterprise Design System By Tencent
TDesign 是一套完整的 企业级设计体系,拥有基于 Vue / React / 小程序 等技术栈的组件库解决方案。
用于构建 设计统一 / 跨端多技术栈 的前端应用时,TDesign 更有优势。
-
Generate beautiful images of code.
一个可以生成好看的代码分享图片小工具
🔗 链接:showcode.app/
资源
-
The annual survey about the latest trends in CSS.
今年的 CSS 现状调查 新鲜出炉了。和往年一样,调查报告中,中国区贡献少的可怜,甚至还没印度的高。可能他们的传播方式主要是国外渠道,比如
Twitter
的原因吧。🔗 链接:2021.stateofcss.com/en-US/
也可以阅读公众号版本
-
The Definitive Open Source Icons Library
一个开源、免费的 SVG 图标集合,目前有 974 枚图标
🔗 链接:iconoir.com/
-
Your weekly dose of JavaScript
🔗 连接:bytes.dev/
-
A crowd curated feed of front-end related articles
🔗 链接:frontendfront.com/
-
5 ECMAScript.next links every week, in your inbox
🔗 连接:esnextnews.com/
教程
- 《现代 Vue 工程之「国际化 i18n 开发」》
- 《现代 Vue 工程之「SVG 图标框架」》
应用
-
Obsidian is a powerful knowledge base on top of a local folder of plain text Markdown files.
macOS 下可基于 Markdown 文件创建本地知识库的 App
-
🌇 🌃 Create dynamic wallpapers for macOS.
macOS 下可以创建动态壁纸的 App
往期
时间 | 序号 |
---|---|
2019 | 汇总 |
2020 | 汇总 |
2021-01 | 第二十五期 |
2021-02 | 第二十六期 |
2021-03 | 第二十七期 |
2021-04 | 第二十八期 |
2021-05 | 第二十九期 |
2021-06 | 第三十期 |
2021-07 | 第三十一期 |
2021-08 | 第三十二期 |
2021-09 | 第三十三期 |
2021-10 | 第三十四期 |
2021-11 | 第三十五期 |
下期再见,可以
Watch
本月刊的 GitHub 仓库 github.com/xiaoluobodi…