25,980
社区成员
发帖
与我相关
我的任务
分享请教：如何让JS可维护，页面性能更高
遇到个问题不知道怎么处理，在此发贴请教各位大牛。
现状：前端使用JPS，页面渲染主要使用JS。一个业务表单的JS代码已经有5000+行，业务复杂、字段之间有联动，根据用户输入或选择，还会触发表单重新渲染（加载不同的内容）
问题：1、怎么重构JS（有什么模式，比较清晰、层次分明、可维护性高）
2、JS文件太大，首次加载性能差
现状：前端使用JPS，页面渲染主要使用JS。一个业务表单的JS代码已经有5000+行，业务复杂、字段之间有联动，根据用户输入或选择，还会触发表单重新渲染（加载不同的内容）
问题：1、怎么重构JS（有什么模式，比较清晰、层次分明、可维护性高）
2、JS文件太大，首次加载性能差
...全文
请发表友善的回复…
发表回复
warmersen 2016-04-18
- 打赏
- 举报
建议模块化，seajs加载
SunnyKandy1224 2015-12-02
- 打赏
- 举报
模块化，coffee
互联网fans 2015-11-01
- 打赏
- 举报
js模块化载入
试试requrejs 等等
js如果量特别大 要注意项目的构建过程
试试grunt
lxduu87 2015-10-21
- 打赏
- 举报
是原生态js吧，以前做智能表单的时候，万行js代码。其实还得说5000行代码，js能有多大，关键是你里面的业务逻辑耗时，去学下js面向对象，结构化整理，将冗余的代码变成可重构。也可以分批加载js等
phoenix.sky 2015-10-21
- 打赏
- 举报
一个业务表单的JS代码已经有5000+行
++++++
庞大！这样的代码我未必能看完。
猪公公 2015-09-11
- 打赏
- 举报
js重构是比较蛋疼的事情，建议采用面向对象的方式来重构你的js，这样可读性高易维护。
猪公公 2015-09-11
- 打赏
- 举报
不用自己写算法压缩，直接用谷歌的一个压缩插件 compiler ，只需要导入compiler.jar然后再写一个ant编译脚本来执行压缩，每次程序编译的时候执行，然后前台引入压缩后的js就可以。
sunkaidong 2015-07-27
- 打赏
- 举报
JS也有MVC结构angular.js
K-Magic 2015-07-24
- 打赏
- 举报
可以试下 avalon
showjim 2015-07-02
- 打赏
- 举报
是否存在重复的类似的代码？如果存在要抽象模块化处理。
不要拼html字符串。
快乐起航2020 2015-07-01
- 打赏
- 举报
1、可以用js压缩
2、js可以等页面加载后加载 内联和外置并用
追寻该追寻的 2015-06-15
- 打赏
- 举报
第二个问题我有个解决方案，你可以写个servlet过滤器，把js文件压缩一下再传给前端 。
打字员 2015-05-26
- 打赏
- 举报
1.前后端解藕
2.集中开发页面通用组件
a.具体的业务逻辑方面多用函数式编程
b.页面UI方面多用对象化编程
大枫哥 2015-05-23
- 打赏
- 举报
我发现我的开源框架fg.js能解决你们这样的情况，业务复杂，1. js哥们水平的问题 2. 业务逻辑设计的问题
qwertxp 2015-05-18
- 打赏
- 举报
用的什么js框架渲染页面？
SexyCode 2015-04-20
- 打赏
- 举报
使用压缩js工具，会自动把你的js文件的代码数目减少（通过减少变量名长度，减少空格等），提供效率
nfsnyy007 2015-04-17
- 打赏
- 举报
你是指单个js文件已经这么大了吗？原生js还是框架？
EverWHL 2015-04-16
- 打赏
- 举报
原生态js,还是用的jquery或者extjs？
