前端页面逻辑如何优化，请教。

[fxxwor99LVHTing]

问题：现在一个页面的 js 代码最多达到了将近 2000 行，因为项目上没有专业的前端，有什么办法简化页面逻辑吗，或者如何（有什么思路 /模式）整理页面逻辑代码呢， 以及 你们工作中前端是怎么架构的呢，都使用的什么技术（模式）来降低复杂度 提高 可维护性和可扩展性呢？

先感谢你的分享。

[zhw2590582]

懒得用 react 和 vue 的话，直接上 requirejs，改动少

[mazai]

把函数按照不同的功能拆分出来，把重复的部分拆分成一个

[miv]

补充一下，前端页面非必须的话不要放太多业务逻辑，只做展示。
这部分可以丢到后台，前端就复杂渲染数据和简单一下操作。
不过目前看，找个合适的人重构一下比较靠谱

[robinlovemaggie]

我写过 1000+行 js 的前端页面, 所以我至今没有被裁～

[szdubinbin]

后端程序写尤其是后台管理系统这种，如果要做多个报表 /charts，很容易写的很大，因为很多后端老哥本身早期也写过模版拼接页面过来，那玩意就真的是拼一下数据对了能跑就行，几千行放一个文件，从前端角度这个需要设计的，譬如剥离在业务代码里面数据处理那层 dirty work，构建前端数据服务层去处理数据，尽量减少去 v 层大量判断和模板处理以及业务代码里面进行大量数据转换处理(譬如根据返回字段来判断权限或者计算金额之类的，本身就可以抽离处理，后续可以进行复用)，构建局部 /总体的数据中心，合理进行分发和传递，业务按照业务逻辑进行拆分，确定好组件间通信手段，这也是我们在改造旧代码的一些经验。