📖 2021-07
聚焦前端,记录过去一个月发现的值得推荐的前端技术栈、文章、教程以及应用,每月28日更新,本期第三十一期
。2021 年度第七期。
星推
Github Star 推荐
-
尤大的新玩具,仅 5.8kb 的微型
Vue
工具
-
汇聚了第三方 Notion 工具以及资源列表
-
A web app for exploring Flexbox
一个可以探索 Flexbox 布局的 Playground
-
Write videos in React. 用于 React 技术栈的创建 mp4 视频工具
-
Draw perfect pressure-sensitive freehand strokes.
🎨 免费的手绘风格指压画板工具
-
🤖️ Your AI pair programmer
GitHub 提供的智能代码提示补全VSCode 插件,不仅仅是补全,可能让你编程更顺畅哦。
-
A simple tool for cropping images from an URL, your clipboard, or your disk.
一个简单的头像剪裁工具
-
🎆 烟花动效类库
-
Themesberg 提供的毛边玻璃效果 CSS 生成器
-
用于生成 Neumorphism(新拟物设计风格)的 CSS 样式工具
-
借鉴业界经典的 CSS 案例,提供了可一键复制用于粘贴的 CSS 样式,包括了
Button
、Box-shadow
、Form Inputs
、Color Palettes
等 -
用于快速生成服务端 SSL 配置项的小工具,由 mozilla 提供
-
stackblitz 实现了
WebContainer
技术,可以在浏览器端加载node.js这个短链接可以帮助你快速创建一个在线的 node.js 项目
-
基于 Vite 的 Chrome/FireFox 插件脚手架
作者的目的是让脚手架变得通用,可以兼容多个插件,而我只用它来写 Chrome 插件
资源
-
谷歌字体库
教程
-
谷歌提供的一些列文章,帮助你上手了解如何开发 PWA 应用
阅读
-
Temporal: JavaScript’s new date time API
学习浏览器的新的时间API
Temporal
-
阿里妈妈又做了新工具,帮你把 Vue2 代码改成 Vue3 的
基于阿里妈妈开源的
gogocode
工具,将 Vue2 代码改成 Vue3 代码 -
snowpack
/vite
等基于ESM
的构建工具出现,让项目的工程构建不再需要构建一个完整的 bundle。很多人都觉得我们不再需要打包工具的时代即将到来。借助浏览器 ESM 的能力,一些代码基本可以做到无需构建直接运行。对于 webpack 而言,社区掀起的这一波 ESM 热潮,将 webpack 编译的速度推到了风口浪尖。webpack 在 v5 版本中也是针对编译的性能做出了不少努力,除了提供了物理缓存的优化之外,还提供Module Federation
的方案,这给我们上层的应用实践带来了很多想象的空间。
应用
-
提升你的生产力的效率工具,有点类似 Mac 上的另一款工具叫 Alfred
Raycast 不仅仅是个查询工具, 它还扩展了一些插件,比如连接 GitHub 提交 issue 等等
往期
时间 | 序号 |
---|---|
2019 | 汇总 |
2020 | 汇总 |
2021-01 | 第二十五期 |
2021-02 | 第二十六期 |
2021-03 | 第二十七期 |
2021-04 | 第二十八期 |
2021-05 | 第二十九期 |
2021-06 | 第三十期 |
下期再见,可以
Watch
本月刊的 GitHub 仓库 github.com/xiaoluobodi…