最近,新的项目基本开发完成了。开发过程中发现前端有点乱。于是有了下文。
命名:
1:首字母小写,方法面尽量与所实现的功能相匹配,做到看方法名就能大概的了解该方法的含义。
2:文件名类不带特殊标点符号,采用大小写形式。
js方面:
1:页面上原则上不出现任何js方法,或逻辑代码,所有的代码写在js文件中。
2:页面上提交表单采用ajax方法提交。
3:所有查询采用ajax查询,局部刷新。
4:常用的验证如:数字,为空,邮箱等方法写在公用的js文件中处理。
5:提供公用的js插件,如:弹窗,提示框,下拉,输入框等
6:按一个显示文件一个js文件对应。
7:引入新的组件需要讨论并通过测试组同事对监容等方面测试通过后,方可引入。
8:所用页面引用的框架类的js文件通过include方式引入,原则上优先采用cdn加速方式引入。(http://www.bootcdn.cn/)
9:每个方法名上面尽量增加注释说明。
10:标签上原则上不出现,onclick,onblue该类方法.尽量在js文件中处理绑定事件。
html方面:
1:编写的html标签符合w3c标准,如正常闭包,等一定要正确。不出现<br/>这类格式样式。
2:所有的html标签默认小写。不能出现大小写混搭。
3:input,这类标签尽量在td,li,div内部
4:如自定义属性采data-*的方式
5:所有img,a,botton这类按钮类标签一定要增加 title,alt提示
css方面:
1:原则上所用的样式要写在单独的css文件中。
2:标签内不允许通过style,width,height这些属性设置,所有的设置在css文件中体现。
其它:
1:目前结构明确,如:image,js,css 所有的类型文件应放在文件夹目录下。
2:前台页面展示是否采用jsp+jstl,freemark或其它(需要讨论)。不能出现任何java代码。
3:页面格式整洁,严格注意闭包。
4:所有的文件头部要包含title,keyword,说明等属性。
分享到:
相关推荐
以下是对"前端规范文档"中包含的三个子文件的详细解读: 1. **HTML5(W3CSchool版).chm** W3CSchool 提供的 HTML5 规范是前端开发的基础。HTML5 是超文本标记语言的最新版本,它引入了许多新特性,如语义化标签、...
在“vue3的前端规范.zip”这个压缩包中,我们可以期待找到关于如何在Vue3项目中遵循最佳实践和编码规范的信息。让我们详细探讨一下Vue3中的关键知识点。 1. **Composition API**: Vue3 引入了Composition API,这是...
前端规范涵盖HTML、CSS和JavaScript等语言,其核心目标是提高代码的可读性和可维护性: 1. **HTML规范**:HTML结构应当清晰,语义化标签使用恰当,注释清晰。避免冗余的HTML属性和不必要的闭合标签。 2. **CSS规范...
为了提高代码质量,降低维护成本,一套良好的前端规范是必不可少的。以下是一些关于JavaScript解耦合和JavaWeb前端规范的关键知识点: 1. **模块化和命名空间**:使用模块化(如CommonJS、AMD或ES6模块)可以有效地...
前端规范文档是开发团队为了确保代码的一致性、可维护性和高效性而制定的一套指导原则和标准。本文档主要涵盖了前端样式规范和接口规范两个方面。 首先,前端样式规范对于提升用户界面的统一性和易用性至关重要。在...
阿里巴巴前端开发规范.docx 阿里巴巴前端开发规范是阿里巴巴集团为了确保前端开发的质量和统一性而制定的规范。本规范涵盖了前端开发中的多个方面,包括命名规范、HTML 规范、CSS 规范等。 命名规范 命名规范是...
"阿里前端开发规范" 阿里前端开发规范是阿里巴巴集团为其前端开发者所制定的开发规范,旨在提高开发效率、代码质量和团队协作。该规范涵盖了前端开发的各个方面,包括命名规范、HTML 规范、CSS 规范等。 命名规范 ...
《Joyy UED 前端规范指南》是前端开发者们的重要参考资料,它涵盖了前端开发中的各类规范和最佳实践,旨在提升代码质量、提高开发效率并确保团队协作的顺畅。这个压缩包“fe-guide-master”可能包含源码、文档和其他...
以下是对"js,css前端规范"的详细说明: **1. JavaScript规范** 1.1 **命名规范** - 变量名、函数名使用小驼峰式命名(camelCase),如:myVariable。 - 常量全大写,单词间用下划线分隔(CONSTANT_NAME)。 - ...
总的来说,这个压缩包提供的前端规范集合是开发者提升代码质量和团队协作效率的宝贵资源。通过学习并遵循这些规范,开发者不仅可以写出更专业、更易维护的代码,还能提高个人技能,更好地适应快速发展的前端技术环境...
前端规范.md
阿里前端开发规范旨在提供一套完整的前端工程师在项目开发过程中应当遵循的规则和标准,以确保代码质量、提高团队协作效率并降低维护成本。这套规范涵盖了命名规则、编码风格、注释规范、错误处理、模块化、性能优化...
阿里前端开发规范是阿里巴巴集团为前端工程师制定的一套标准指南,旨在提高代码质量,提升团队协作效率,确保项目稳定性和可维护性。这份规范涵盖了命名规范、代码结构、注释规则、性能优化、错误处理等多个方面,...
Vue前端开发规范 一、前端开发规范的重要性 在前端开发过程中,遵循规范是至关重要的。它不仅影响代码的维护和理解成本,而且在团队协作中至关重要。规范的目的是统一团队的代码风格,提高代码的可读性和降低维护...
阿里前端开发规范是阿里巴巴集团为前端工程师制定的一套详尽的工作指南,旨在提高代码质量、提升团队协作效率、保持代码一致性。这套规范涵盖了HTML、CSS、JavaScript、工程化、性能优化等多个方面,对于任何前端...
2022前端规范.html
SEO(搜索引擎优化)前端规范是提升网站性能和搜索引擎排名的关键因素。以下是从《SEO前端规范的21条军规》中提炼出的核心知识点: 1. **减少HTTP请求**:合并CSS、JS文件和图片,例如使用CSS Sprites技术,但要...
这是借鉴、引用的是京东前端代码规范。