我的2025年2月的阅读笔记整理
除了技术还包括打工人心态的调节
梳理情绪，转变心境
带着问题找答案。时常会过来翻一翻，目前是工作哲学、工作方法论、工作中的人际关系，未来或许还会看看工作与家庭，以及对Gap和副业的一些建议。
CSS 技巧
使用will-change提升页面渲染速度
拓展阅读：
- 渲染管道
- 在已加载的页面上为某个元素添加动画时，必须再次执行样式、布局、绘制、合成，然后才会开始动画效果
- 如何创建高性能 CSS 动画
- 在创建动画时，建议使用transform控制元素的移动、旋转、缩放等动画，使用opacity控制元素的可见性，其他CSS属性可能导致渲染管道（渲染流程）的影响，使用前需考虑
- 使用
will-change强制创建图层。将元素放在新层上可让浏览器重新绘制它们，而无需重新绘制布局的其余部分。用于提示浏览器元素将以哪种形式发生变更，但可能造成其他性能问题，使用时需要注意。 - 使用devtools调试，检查动画是否触发布局、检查是否有丢帧、检查动画是否触发了绘制的方法
CSS磨砂玻璃区块特效
除了通过backdrop-filter来创建高斯模糊的毛玻璃特效外，还结合光线的视觉效果通过box-shadow inset使得区块具有厚度的效果，最后还拓展了混合光和动态光的效果。
Overflow: clip裁切效果
如果元素overflow-x或overflow-y为hideen，则浏览器会自动为overflow-y或overflow-x添加auto值，导致水平和垂直两侧都被裁切
而将overflow-x或overflow-y其中一者设置为clip，另一者值将保持原样，用于处理水平或垂直一者裁切，另一者允许溢出的情况
同时，可以通过overflow-clip-margin属性设置裁切内容的边界。
