Hik 前端周刊|第 8 期

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

新闻

1. 2020 Chrome 开发者峰会亮点
bitsofco.de/chrome-dev-…

总结了一些主要的更新比如支持 modern Javascript (type=module),新的 CSS 性能属性等

2. W3C 2020 回顾
www.w3.org/blog/2020/1…

工具

1. 自带圣诞特效的 vuepress 插件 vuepress-plugin-christmas
github.com/xxholly32/v…

2. 又一个图标资源站 iconpark
iconpark.bytedance.com/

和阿里的 iconfont 不同,iconpark 面向的用户对开发会比较友好

模版

1. element-plus-admin,基于 element-plus 做的模版网站
juejin.cn/post/690826…

文章

1. 可视化拖拽组件库一些技术要点原理分析
juejin.cn/post/690850…

根据可视化拖拽组建库中的技术要点,做了分析并贴出部分关键代码

2. 超 5 亿用户的蚂蚁森林,是如何做好体验设计的?
www.uisdc.com/ant-forest

自然一直是蚂蚁金服设计理念中的一点,文中不少设计确实让森林活了起来

3. 在 react 组件库项目中使用 storybook6
dev.to/prateek3255…

Storybook 是一个开放源码工具,用于独立开发用于 React、 Vue、 Angular 等的 UI 组件。本文手把手教你如何从安装到组建的整个过程

4. React Server Components 提案
reactjs.org/blog/2020/1…

年末 react 提出的提案,并附上 60 分钟的演示视频;这个提案更多的是解决快这个问题上,又与传统的 ssr 不同,对开发者更加友好。

5. 8 个硬核技巧带你迅速提升 CSS 技术
juejin.cn/post/690887…

有不少干货内容,比如利用伪元素实现不同效果,浅谈布局方面的小技巧等,同时附带代码实例

6. 第十五届 D2 前端技术论坛演讲 PPT
github.com/d2forum/15t…

7. 100 代码挑战
www.geeksforgeeks.org/100-days-of…

不少业界大佬也参与其中,比如100.antfu.me/