我只使用ExtJS工作了2个星期。我的所有代码看起来像一个大文件。我在代码中包含了许多面板和其他的ExtJS对象。看起来像一棵大树)
有人可以给出一些简单的建议,用于定义和存储JS文件的代码部分吗?
适合放在自己文件中的东西可以分为两大类:
模型
任何对象构造函数、处理数据的一组函数、业务逻辑、验证逻辑。
任何在页面上逻辑地操作数据而不写入/读取DOM的内容。
视图
任何呈现在页面上的内容。模板文件。任何操作DOM对象的内容。
还有一些杂项内容适合放在它们自己的文件中:
还有一些难以独立成文件的东西,比如基于事件的消息传递,将你的视图链接到你的模型。
通常,您要么使用打包工具将所有小文件混合成一个大文件发送到服务器,要么使用模块加载器,如require。
您认为可以模块化的任何内容都可以放在自己的文件中。
如果你发现自己在重复编写代码,你可以将这些类制作出来,并将它们放入自己的文件中。此外,无论是否重复,你都可以沿着面板线进行分割。
因此,对于一个教用户如何将最低限度训练过的灰熊变成终身伴侣的应用程序,你可能会得到像这样的文件:
...每个部分都是应用程序的一部分。