前端编码规范⽂档前端编码规范⽂档
Html编码规范
HTML书写规范
1、容器布局：遵循bootstrap的标签套⽤原则，不应有多余标签。
所有内容都应放在row下的col⾥。
2、标签页：在Metronic的布局标准下，标签页的容器应为row和col。
代码详见Metronic模版。
3、页⾯html⾏数较多时要添加region标签。Ctrl+k，s
4、  Layout布局容器应在.container ⾥
HTML元素命名规范
标签命名
<input type=”text” />txtName
<input type=”text” />txtName
<select></select>sltProjectState
<texarta></texarea>textProductDesc
<label></lable>lbPrice
<div></div>divProjectFile
<span></span>spSKUPro
扩展标签命名
标签页tabUserManage
模态框modalAddUser
遮罩层dialogLoading
ViewModel编码规范
1. viewModel编写需包含以下⼏个声明，属性、私有⽅法、公共⽅法、事件、回调⽅法、初始化。
2. 属性已self.****来声明。
3. 私有⽅法直接⽤function声明
4. UserControl回调⽅法⽤ fn_控件名称_⽅法名称_callback来命名。
5. 事件⽤event_事件名称来命名。
6. 提交数据、获取数据，与后台交互⽤fn_⽅法名称来命名。
7. Init事件⽤于控件初始化内部逻辑，如加载数据等。
8. 当⼀个viewmodel声明⽅法过多时需要考虑内部是否有抽取成UserControl的必要。
前端htmlUserControl开发规范
1. userControl编码规则详见viewmodel，他们的声明⽅式类似，传⼊参数上只有prarms。
2. userControl最下⾯⼀⾏需要调⽤控件注册，并指定模版路径。
通⽤js⽅法规范
1. 需要标识作者以及实现功能。在通过前端⽅法评估时在加⼊通⽤库。
2. 2.        通⽤js⽅法需要适配宽放⼤模式（Loose augmentation）
Knockout扩展规范
1. 遵循官⽅⽂档扩展原则。
2. 所有组件放在usercontrol这个⽂件夹内，ko-component是组件绑定初始化的注册脚本。
3. 组件适⽤范围可以⽤组件名称区分。也可以⽤项⽬模块名来区分。
4. 所有页⾯的viewModel以ControllerActionViewModel来命名。
项⽬⽂件结构
⽂件位置规范
Viewmodel跟view⼀样。
Business代码规范
1、  Bussiness调⽤服务接⼝，简单逻辑处理
2、  Bussiness下处理本地模型与服务模型转换（Translator）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。