对于一个大型项目来说，不管是后端还是前端，异常错误的监控都是非常重要的，拥有一套成熟完整的监控体系，能让我们在生产环境上发生错误时，可以第一时间定位错误发生的位置与原因，从而能更快地解决问题并重新发布

经常开发表格，是不是已经被手写Ant-Design Table的Columns整烦了？ 尤其是ToB项目，表格经常动不动就几十列。每次照着后端给的接口文档一个个配置，太头疼了，主要是有时还会粘错就尴尬

前一阵遇到了一个问题，线上平台有时会出现用户正在使用的时候，突然要用户去进行登录，这样会造成很不好的用户体验，但是当时一直没有好的思路因此搁置了下来；通过零散时间查询资料以及思考，最终解决了这个问题，

前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情： 脚手架工具：开发和维护一个通用的脚手架工具，可以帮助团队快速初始化项目结构

我们知道webpack有个通病，那就是随着项目的不断增大每次构建的时间也会随之越来越长。一起来看看如何将项目的冷启动时长从1分20秒左右优化到十几秒左右吧～

本文介绍了基于RBAC的页面权限控制及按钮权限控制以及其代码实现流程，主要使用到了router.addRoutes()方法、全局前置守卫、vuex、自定义指令。

前端部署需要用户刷新才能继续使用，一直是一个老大难的用户体验问题。本文将围绕这个问题进行讲解，揭晓问题发现原因，并提供两种解决思路。

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思

React Router 6.4 引入了“Data Router”这一概念，专注于将数据获取与渲染分离，以消除渲染+获取导致请求瀑布流问题以及随之而来的旋转加载图标，极大地提升了页面的 LCP。