上周的前端新闻文摘，推荐大家阅读/翻译文摘里面的文章，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~

本文为 Vue3+Vite 项目实战系列教程文章第四篇，系列文章建议从头观看效果更佳，本文的核心是介绍项目中的黑白模式切换。

在项目中，需要针对iphone的刘海屏幕进行单独的适配，这就需要看如何检测刘海屏幕了。而且，同一款机型，得出来的屏幕分辨率还有可能不同，下面把处理刘海屏中踩过的坑进行总结。 某些情况下，我们在样式方面需要对iphone的刘海屏机型需要做特殊的处理。目前有三款刘海屏iphone，…

多栏布局的结构很简单，主要由multi-column container和column box组成。 当一个元素设置了column-width和column-count属性并且值不为auto，那么这个元素就是multi-column container。 multi-colum…

前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？ 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍，如何从体验的角度去做重构的优化，并如何用数据去…