技术文章
- 2021 Scroll Survey Report
chrome团队做的关于scroll 功能的调研,发现开发者们有45%针对现在scroll的功能设计不满意。文章也列举了其他关于Scroll的调研数据(例如Touch事件使用调研、数字滚去、轮播、虚拟滚动、无限滚动等等)
- “Just in Time” CSS
Atomic CSS(类似tailwind框架,但不同的是,它只编译实际用到的,没用到的会去掉),起初觉得这种 Css好像多此一举,但如果结合实际项目来看的话,内联样式,无法复用,传统class写法,经常会写冗余。Atomic CSS从结果来看在大项目中似乎更趋于合理(起码class是事实使用到的)
- webpack迁移Vite实践
本文以实际项目为例,叙述了迁移中遇到的问题,最终底层从 Webpack 切到 Vite,冷启动速度提升 400% 以上,原本 20 秒启动的项目现在 3~4 秒 即可冷启,并且在依赖没有变动的情况下,二次启动直接秒开。当然作者最后也说了,生产环境目前还是用的webpack还是更放心。原话:开发环境和生产环境得分开看,前者的痛点是效率,而后者的诉求是稳定、质量,这个时候我觉得相比 Vite 打包用的 Rollup,生产环境上 Webpack 是一个更好的选择。
工具&框架
- overscroll-behavior
有多个滚动条时,滚动条之间的的影响设置。
- replace jquery
jquery这个库,由于历史问题,通常引入都是全引入,而实际只用到了它较少部分的功能,但换掉又有一定的成本。这个库提供了一种方案,检测jquery代码,并替换成vanilla js。
设计&杂谈
- haikei
在线的波浪渐变网站图片背景生成器。
- The Power Of Pen And Paper Sketching
作者分享自己在设计网站时,最开始用手稿的画法,比如图片、文字内容、headline、Btn的纸面表达。