背景 公司web项目长期处于半裸奔状态，虽有埋点记录或日志，但大部分问题定位和复现困难，故想引入个第三方的异常监控系统来解决。 Sentry有开源版和Sass版 ，可根据自身需要去选择。 部署 私有化

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

微前端介绍 不同于单纯的前端框架/工具，微前端是一套架构体系，这个概念最早在2016年底由 ThoughtWorks 提出。 微前端是一种类似于后端微服务的架构，它将微服务的理念应用于浏览器端，将 W

一个合适的框架可以使你的工作事半功倍，但是如何选择合适的框架就是一个耐人寻味的事情，如果你对微前端框架不了解，那么你可以看看这篇

微前端是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品。

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

通过npm别名、pnpm依赖隔离、手写less插件及其他代码配置完成了项目AntD3与AntD4组件混用解决方案

因为项目需求， 需要在老版本里面加新的需求， 为了方便以后做迁移， 想用最新的antd版本， 所以需要安装两个版本的antd 安装新版antd： npm install --save antd-v4@

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一个保存按钮，为了避免重复提交