我的2025年2月的阅读笔记整理
除了技术还包括打工人心态的调节
梳理情绪,转变心境
带着问题找答案。时常会过来翻一翻,目前是工作哲学、工作方法论、工作中的人际关系,未来或许还会看看工作与家庭,以及对Gap和副业的一些建议。
CSS 技巧
使用will-change提升页面渲染速度
拓展阅读:
- 渲染管道
- 在已加载的页面上为某个元素添加动画时,必须再次执行样式、布局、绘制、合成,然后才会开始动画效果
- 如何创建高性能 CSS 动画
- 在创建动画时,建议使用transform控制元素的移动、旋转、缩放等动画,使用opacity控制元素的可见性,其他CSS属性可能导致渲染管道(渲染流程)的影响,使用前需考虑
- 使用
will-change
强制创建图层。将元素放在新层上可让浏览器重新绘制它们,而无需重新绘制布局的其余部分。用于提示浏览器元素将以哪种形式发生变更,但可能造成其他性能问题,使用时需要注意。 - 使用devtools调试,检查动画是否触发布局、检查是否有丢帧、检查动画是否触发了绘制的方法