前端重构时需要注意的事项_聊聊前端开发中要注意的细节

最新推荐文章于 2024-10-11 02:32:23 发布

weixin_39865440

最新推荐文章于 2024-10-11 02:32:23 发布

阅读量379

点赞数

文章标签：前端重构时需要注意的事项

本文链接：https://blog.csdn.net/weixin_39865440/article/details/112780735

版权

本文探讨了前端重构过程中的重要环节，包括启动应用时的监控和埋点、全局拦截器、路由初始化、页面初始化、页面级别过滤器、配置管理和mock配置。强调了在SPA应用中，如路由切换时的页面隔离、参数安全、用户串号预防等细节问题，以及配置管理对不确定性和环境变化的优雅应对。

摘要由CSDN通过智能技术生成

原文链接：https://juejin.im/post/5d4edd516fb9a06b2d77c3d7

本文主要谈谈在前端重构中获取到的一些经验总结。
大处着眼，小处着手！从细微处谈谈前端重构的一些注意事项。

如果你的项目使用的前端模板，后端路由+渲染，本文可能不太符合。本文主要针对SPA类型前端应用。

创建一个前端应用大致会包含一些的流程

注：测试放在开发之后也许是个错误，前端开发者也需要对测试有足够的重视

本篇主要关注的是开发阶段的一些细节，一个项目运行一般会包含以下步骤

现在的很多框架，都帮助我们做了其中很大一部分工作，但是还是有很多细节之处，需要我们注意！

1. 启动应用时通常需要做些什么

a. 加载监控

监控虽然是最后一环才用到，但是却需要我们在应用初始化的时候就开始使用

b. tracking

埋点，通常是用来做业务分析的重要依据，

原则1: 默认大于配置

我们应该使用统一的方式，如事件代理，对必要的埋点处做数据发送

//这是一段基于taro设定的默认事件发送代码const eventWhiteList = ['InputItem-module', 'AuthButton-module'] window.addEventListener("mouseup", function (e) { if(e.target) { // 找到classlist const classList = e.target.classList; let moduleClassName = null for(let i=0; i< classList.le