Java Web项目前端规范(使用名称空间来解耦js深度)

方圆离不开规则。一个优秀的代码架构不仅易于开发和维护，而且是一门管理和执行的艺术。这几年经历了很多项目，讨厌代码之间耦合性强，编写不规范，可维护性差。在这里，经过认真分析，结合自己的编码习惯，总结出一套适用于javaweb项目的前端编写规范，与大家分享。Ps:感谢阿海的创意。后整理如下(附文件下载):第一，这里的项目结构和其他项目没有太大区别。我把模板拉出来，让它更容易分析和理解：。

解释：js主要包括extends(从第三方导入的js)、module(项目模块本身的js)、lib(引用包，这里可以进一步拆分)，模块在具体模块中包含js。Common.js是核心命名空间的js。2.Common.js 。

解释一下，作为一个Globals命名空间，每个模块都可以在这个命名空间中定义域(如果你不理解，可以自己学习这个命名空间，这个文件不具体理解就可以写死)。三.task.js这个文件是模块中我的项目中任务模块的js(示例)。模块级的js通常是一种方法，用于拉出页面中相对独立且重要的方法。不建议把所有的页面都带进来。

解释：模块级的js主要包括自己的私有属性和方法，以及对外公开的js属性和方法。在这里，默认情况下，我们将“_”放在所有内部私有的前面，最后决定公开哪些方法和属性，这是通过构造构造函数公开的。4.页面index.jsp现在让我们看看如何在jsp中引用页面js和模块js。是时候见证脱钩了。

解释：页面需要引入common.js和task.js，然后初始化，这样就可以访问task模块中公开的方法和属性。Js建议所有变量都要在一个变量组中发送，方便维护。js中的onclick页面控件等方法建议统一绑定。总结：通过上面的配置，最大的好处就是项目中频繁引入js文件，消除了它们之间的耦合，不同模块之间同名的方法和属性不会互相影响。当然，最重要的是便于不断开发和维护，也是一种艺术享受。本文采用我习惯的注释风格，当然可以因人而异。我的原则如下：1。模块介绍代码主要关注模块描述、负责人及相关备注，采用双星标注/****/2。对于模块下的大区域划分， 用于使用双横线标注：//==================================================================================================================4.对于区域内的一些重要方法，或者想要区分和划分群落，用星水平线/* * * * * * * * * * * *来描述* * * *。