四叶草会开花

上个月老板突然找到我，说要我做一个个人笔记管理软件。这位00后老板平时用惯了 Notion 和飞书文档，但总抱怨在线工具太依赖网络，出差时经常卡顿。

今天，无数前端开发者在构建项目时遭遇了令人震惊的错误：著名的CSS预处理器库 stylus 突然从NPM注册表中消失了！错误信息如雪花般飞舞。

这红海血途上，新兵举着 "大前端" 旌旗冲锋，老兵拖着`node_modules`残躯撤退。资本织机永不停歇，框架版本更迭如暴君换季，留下满地`deprecated`警告如秋后落叶。

虽然已经过去了很久，但那天的场景还是历历在目。 那天是在周五晚上 23 点过，大楼的中央空调都关了，我搓了搓手，看着还未完成的工作，想了想再不回去公车就没了，

在 2020 年，我辞职在家，每天都有大把时间。于是，我开始开发一些与开发相关的小工具，目的是解决开发中遇到的问题，或者帮助更深入地理解某些技术概念。 每天写写小工具，时间就这样一天天过去，回想起来，

领导：网上那些工具我不放心，点击高速下载完成后，打开却安装了一堆贪玩难约和很多安全管家。要不你开发一个吧，你的技术可以的！今天应该能弄好吧？

本文旨在把常见的前端性能优化的手段归类整理，画大图，供大家在自己的自测流程中参考。对于性能优化，并不是说有了优化总结这张大图，就不管开发什么项目都对着来一遍。优化是有场景与前提的，「乱优化不如不优化」

看这篇文章：《视差特效的原理和实现方法》的时候，看到有一个很棒的动效。但只是PC端的效果，所以我就想在移动端实现一个类似的。但移动端没鼠标，我该怎么办 !!!

作为前端同学，如果接到底层编译工具这类的工作可能会比较茫然。但不要担心，只要我们把目标拆解到足够清晰、足够细化，一切困难都是纸老虎。所以我们做事第一步，先了解一下什么是编译器：