第109期 - 新疆奶茶

封面来源于周末吃的一家新疆菜「冒烟的阿凡提」里面的咸奶茶,还点了手抓饭、烤包子、大盘鸡、串都很正宗很好吃,很值得一去。

记录每周看到的接地气的前端潮流技术,筛选后发布于此,觉得不错可关注此专栏,方便获取更新通知

前端技术

图解浏览器的多进程渲染机制
https://mp.weixin.qq.com/s/6QR7niKFHY4StFZwDRfyKQ
来自抖音前端的一篇文章,内容聚焦于浏览器的各个进程间是如何配合将页面呈现给用户的。

如何减少卡顿的详细文章
https://juejin.cn/post/7159807927908302884
一篇国外的翻译文章,讲得比较详细的那种,标题有些不够客观,我改了下。

Vite 4.0 is out!
https://vitejs.dev/blog/announcing-vite4.html
好吧,4 都来了,得实际项目用用看了。

潮流开源

Pake:做了一个很精致的李志桌面 App
https://github.com/tw93/Pake
有喜欢南京市民李先生的吗?周末时间和 Turkyden 结合 Pake 给搞了一个「LiZhi」客户端给喜欢 B 哥的朋友,可去 Pake 找到常用包第三个下载。

2022 年 CSS 生态调查原始分析文件
https://2022.stateofcss.com/en-US/
最近 2022 年 CSS 生态调查出来了,近年来随着 Flexbox、Grid 和 CSS 变量的发展,其实 CSS 远比之前要强大很多了,将今年 CSS 的一些从业者、特性、框架、工具分析得很清晰,值得一看。

Screego:屏幕录像标注工具扩展
https://chrome.google.com/webstore/detail/screenity-screen-recorder/kbbdabhdfibnancpjfhlkhafgdilcnji
作者是女性开发者,此产品很适合录制演示视频或讲课培训的场景,支持标签页、桌面、应用和摄像头,支持标注划线,也可很方便的导出视频,下次录制产品演示试试看。

act:Run your GitHub Actions locally
https://github.com/nektos/act
之前调试 GitHub Actions 基本上是属于最原始的方式发上去再看调试,下次可以试试这个本地的方式。

随便看看

如果不考虑买车的面子属性,是不是一直打车才更明智?
https://www.zhihu.com/question/572265370
其实我最开始一直这样觉得,不过买了以后,发现想错了,之前很多地方不想去,有了车就没有这个顾忌了。

《阿凡达 2》:眩目的技术,老套的故事
https://www.huxiu.com/article/745892.html
虎嗅上的一篇文章,其实我周六也去看了下,视觉盛宴,剧情如此老套却又如此好看,比去潜水好玩多了,可以忘记时间的 3 个小时,值得一看。

每期一个惊讶的代码效果:Profile Card Hover Effect
https://codepen.io/petegarvin1/pen/YzWBbRx
第五期推荐一个这周看到的很高级的人物卡片效果展示「Profile Card Hover Effect」,比较适合放到类似设计师官网人物介绍模块,整体通过纯 CSS 来实现,很简单使用的 transition,动画完全不拖泥带水,爱好交互设计的小伙伴可以去玩玩。