Hik 前端周刊|第 11 期

avatar
@杭州海康威视数字技术股份有限公司

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…