vue 专栏
1. Vue 3 组件库:element-plus 源码分析
juejin.cn/post/691459…
介绍了 element-plus 和 elementui 比一些框架上的不一样的点:typescript,lerna 等等
2. 为什么 Vue3 选择了 CSS 变量
juejin.cn/post/691629…
另一个实验性的语法糖,单文件组件驱动 css 变量的相关解释
3. 🕸 利用 Web api 实现的 Vue hooks 工具库
github.com/Tarektouati…
4. vue3 和 prism.js 实现的高亮 vue component 库
github.com/egoist/vue-…
5. 一个矫正 JavaScript 的计算工具 vue-chemistry
github.com/antfu/vue-c…
import { set } from "vue-chemistry";
import { sum } from "vue-chemistry/math";
import { log } from "vue-chemistry/console";
const a = ref(1);
const b = ref(2);
let c = sum(a, b); // c = a + b = 3
set(a, 2); // shorthand for a.value = 2
log(c); // it's 4 (2 + 2)!
好文与学习
1. Facebook 重构:抛弃 Sass / Less ,迎接原子化 CSS 时代
juejin.cn/post/691707…
随着 Facebook 和 Twitter 最近的产品部署,我认为一个新的趋势正在缓慢增长:Atomic CSS-in-JS。 在这篇文章中,我们将看到什么是 Atomic CSS(原子 CSS),它如何与 Tailwind CSS 这种实用工具优先的样式库联系起来,目前很多大公司在 React 代码仓库中使用它们。
2. 快过年了,用 JS 让你的网页放 🎆 烟花吧
juejin.cn/post/691693…
3. 2021 前端会有什么新的变化?
www.zhihu.com/question/42…
狼叔的对于 2021 前端趋势的看法
4. 做好前端的 10 个习惯
juejin.cn/post/691642…
非常中肯的建议,建议每个前端都可以保持
插件与工具
1. vscode 插件测试工具
github.com/microsoft/v…