麦麦猫

本篇文章只探讨最常见和易理解的前端图片预加载实现方式，并在其基础上进行足够优雅的优化处理，爽文易读~

微前端概念 微前端是借鉴了微服务的理念，将一个庞大的应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发，独立运行，独立部署，还可以随意组合，这样就降低了耦合度，从而更加灵活。 微前端特性 技术栈

自动转换项目的普通图片成webp 修改工程css rule，运用webp图片格式以优化资源加载...

将项目中新增/修改的图片文件自动转换成webp格式并提交，在这里面学习git的钩子函数，node的子进程函数execSync等

图片资源，在我们的业务中可谓是占据了非常大头的一环，尤其是其对带宽的消耗是十分巨大的。 对图片的性能优化及体验优化在今天就显得尤为重要。本文，就将从各个方面阐述，在各种新特性满头飞的今天，我们可以如何

站点性能优化一个很重要的方向是图片压缩，一方面能提升客户端访问性能，另外一方面因为图片体积变小，能大大减少站点的流量成本，webp图片值得使用。

最近 B 站更新了秋季 Banner，由于复刻已无需再写任何前端代码，于是我想让一位 Java 后端选手来试试，最终他调试半天自信提交一个 PR，结果却实在是差强人意。

最近发现 B 站首页头图的交互效果非常有趣，本文将通过 JS 一步步复刻其效果，并详细讲解其中知识点，干货满满。

业务方向是产品经理决定的，即使前端高质量高效率的完成了前端需求，也不能左右业务结果，那“业务的价值和你有什么关系”？