阿皮想当小怪兽

好久没更文啦~我发现越来越多的人开始关注“前端工程化”方面的内容了，也有很多人在私下问过我工程化都有哪些，那么我这里跟大家分享一下我的前端工程化经历，供大家参考~

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

今天，要介绍一种基于 CSS mask-composite 的高级技巧。 通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。 通过单张 PNG/SVG 得到它的

在编程中，大部分时间都花在阅读代码上，不仅要理解自己的代码，还需要理解其他人的代码。因此，写出易读的代码能够显著提高编程效率。

开发每一张网页都离不开布局排版，基于良好布局排版打下基础，才能使后续的开发更顺利。今时不同往日，现代CSS属性能更好地快速实现各种布局排版，节约更多时间去摸鱼

平常在我们点进一个网站的时候，或许会看见一个一些动态的灰色条状物，他们代替着本应该出现在这里的内容，作为一种加载态的展现方式而呈现

一个前端菜鸡的 2023 年终总结， 悟已往之不谏，知来者之可追； 洋洋洒洒万字，口水话不少，算是一份给过去一年的答卷，也是给新一年的考卷； 2024 年，能把这份考卷答好吗？

年末将至，岁月不再。工作至今我还没有写过一篇关于年终总结类型的文章，不是自己不想写，是每到年底想到年初那些远大的目标愧疚的自己都无地自容，根本再拿不出来脸面去写了。 今年为什么写，首先绝对不是今天干了

各位看官，我知道你们现在一定在想：“又是一篇年终总结，不就是那些‘我成长了、我收获了、我感悟了’的老生常谈吗？”但是，非也非也，我这篇总结，是要带你走进一个前端工程师的奇幻漂流...