FileSaver.js 是在客户端保存文件的解决方案，非常适合在客户端上生成文件的 Web 应用程序。它简单易用且兼容大多数浏览器，被作为项目依赖应用在 6.3 万的项目中。在近期的项目中，阿宝哥再一次使用到了它，所以就想写篇文章来聊一聊这个优秀的开源项目。 FileSave…

刚入职的第一个需求是工程化需求，mentor 也是希望我能从工程化的角度切入去熟悉项目，起初单纯的我以为很快就可以上手，在入职初狠狠表现一波，却没想到这个需求最后用了两个月的时间才完成！

@antfu/eslint-config 是一个不错的 ESLint 预设工具，它十分简易而不失灵活。 但它对 Monorepo 的支持似乎不是特别理想，无法在根目录里完成所有类型的包检查配置。

当我们完成一个业务系统的上线时，总是要观察线上的运行情况，对于每一个项目，我们都没办法保证代码零BUG、零报错，即便是经历过测试，因为测试永远无法做到100%覆盖，用户也不会总是按照我们所预期的进行操作，在上线后也会出现一些你预料不到的问题，而这种情况下，广大的用户其实才是最好…

感兴趣的读者可以点击阅读。 本文通过梳理前端错误监控知识、介绍sentry错误监控原理、sentry初始化、Ajax上报、window.onerror、window.onunhandledrejection几个方面来学习sentry的源码。 开发微信小程序，想着搭建小程序错误监…

前端进阶的必看的模块热更新原理。了解hmr的运行机制，有助于对我们项目运行原理的理解，对项目优化有新的认知~

loader 干啥的？ 也就是说，webpack 把任何文件都看做模块，loader 能 import 任何类型的模块，但是 webpack 原生不支持譬如 css 文件等的

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

工程化永远是围绕着质量、体验和效率三个维度进行建设，来保证高效、高质量地完成业务需求，减少跨项目、跨团队的协作成本。但前端工程化不是万金油，它是在特定时期面对特定场景的解决方案。