`

前端编码规范

阅读更多

前端代码规范:

 

1)代码缩进:一次缩进两个空格。

2)代码注释:重要的方法或者代码片段,解释代码解决问题、解决思路等。

3)命名规范:js、css的变量和选择器名用英文编写,一看就明白的单词。*切勿再使用拼音简写;

4) 代码结束符:为了保证一致性和可扩展性,每个声明应该用分号结束;

5)外链你的CSS样式和Javascript脚本:

        尽量将你的CSS样式和javascript脚本单独放在一个文件中,然后通过链接的方式引用这些文件,这样做的最大好处是,方便你的样式和脚本的管理与修改。

 

html

a) 不要省略可选的结束标签,对于属性的定义,确保全部使用双引号,绝不要使用单引号;

b) 正确的标签嵌套: HTML的嵌套是有一定的规则的。如:行内元素嵌套块元素就是不合理的。

c) 小写: html标签、属性全部小写。

d) 文档类型: 使用html5标准文档类型(<!DOCTYPE html>),指定明确的字符编码(让浏览器轻松、快速的确定适合网页内容的渲染方式);

e) 字符编码: 标记必须通过UTF-8编码传递(<meta charset="utf-8">). 

 

 

css

a) 合理使用id选择:ID的样式不能被复用并且每个页面中你只能使用一次ID。

b) 选择器的命名使用连字符(中划线-).

 

 

Javascript:

 使用驼峰标记法:  首字母是小写的,接下来的字母都以大写字符开头。例如:var testValue;

 

*希望大家可以进行补充。

 

分享到:
评论

相关推荐

    WEB前端编码规范WEB前端编码规范WEB前端编码规范

    WEB前端编码规范是确保开发团队在进行网页及应用开发时保持一致性和可维护性的关键指导文档。这份规范由中兴通讯股份有限公司制定,旨在提升代码质量、增强跨浏览器兼容性,以及实现WEB前端的结构、样式与行为的分离...

    前端编码规范-JavaScript.pdf

    前端编码规范-JavaScript.pdf

    Vue前端编码规范

    Vue前端编码规范是开发者遵循的一套规则和最佳实践,旨在提高代码质量、可维护性以及团队间的协作效率。以下是一些关于Vue编码规范的重要知识点: 1. **命名规则**: - 使用小驼峰式命名(camelCase)为组件、属性...

    Vue前端编码规范.pdf

    Vue前端编码规范

    前端编码规范 Version 1.21

    **前端编码规范 Version 1.21** 前端编码规范是保证代码质量、可读性和团队协作效率的重要指导文档。这份规范特别关注 Vue.js 框架的使用,旨在确保开发人员遵循一致的编码标准和最佳实践。以下是针对 Vue.js 的...

    WEB前端编码规范

    适用于公司的前端开发人员的规范,可以作为公司的前端开发人员的编码约束准则,同时对于所有前端开发人员是一份学习的文档,当前公司用的就是这份文档,我们所有开发人员入职的时候必须阅读的这一份文档,

    Web前端编码规范.doc

    Web前端编码规范是提升...总之,良好的Web前端编码规范能够提升代码质量,降低维护成本,增强团队协作效率,是每个前端开发者必备的基本素养。通过遵循这些规范,可以创建出更稳定、可扩展和易于维护的Web应用程序。

    web前端编码规范

    WEB前端编码规范_计算机软件及应用_IT/计算机_专业资料。web前端代码编写规范,主要包括CSS、HTML和JS的编写要求和基本规范

    web安全前端编码规范1

    《Web安全前端编码规范详解》 在Web应用开发中,前端的安全性同样至关重要。本文将详细阐述《Web安全前端编码规范》,旨在提升Web应用的安全性,预防潜在的攻击风险。 一、项目设计阶段的安全考虑 在项目初始设计...

    web前端编码规范,代码规范

    在开发Web前端应用时,编码规范是至关重要的,它能够保证代码的一致性,提高团队协作效率,并且有助于代码的可读性和维护性。以下是一些关于JavaScript、HTML和CSS编码规范的详细说明: **JavaScript编码规范** 1....

    HTML5前端编码规范

    HTML5前端编码规范是开发高质量Web应用的基础,它旨在提高代码的可读性、可维护性和团队协作效率。本文将深入探讨HTML5编码规范的重要原则和最佳实践。 首先,我们来了解一下HTML5的基本结构。一个标准的HTML5文档...

    前端编码规范.docx

    【前端编码规范】 前端编码规范是提升代码质量和团队协作效率的重要准则,主要涵盖HTML、JavaScript和CSS/SCSS等前端技术。以下是对这些规范的详细解释: 1. **文件/资源命名** - 使用减号(-)作为文件名分隔符...

    Web前端编码规范[文].pdf

    Web 前端编码规范 本文档涵盖了 Web 前端编码规范,包括 JavaScript 编码规范和 HTML 编码规范。这些规范旨在提高代码的可读性、可维护性和可扩展性。 一、JavaScript 编码规范 1. 所有 JS 代码应写在一个 .js ...

    HTML+CSS前端编码规范.pdf

    HTML+CSS 前端编码规范 本资源摘要信息涵盖了 HTML+CSS 前端编码规范的主要内容,旨在提供一个统一的编码标准,以确保前端开发的质量和可维护性。 目录 1. CSS 样式文件的命名 CSS 样式文件的命名规则非常重要,...

    html+css前端编码规范共7页.pdf.zip

    这份名为“html+css前端编码规范共7页.pdf”的文档,尽管压缩为.zip格式,但我们可以从中推断出它将涵盖一系列前端开发的最佳实践。 在HTML编码规范方面,通常包括以下关键点: 1. **语义化标签**:使用如, , , , ...

    前端编码规范-html-css.pdf

    前端编码规范-html-cs

    前端编码规范[汇编].pdf

    《前端编码规范[汇编].pdf》是一份详尽的前端开发指导文档,旨在提高代码质量和团队协作效率。这份规范涵盖了HTML、JavaScript和CSS/SCSS等多个方面,强调了良好的命名习惯、协议的使用、代码缩进、注释编写、代码...

    WEB前端编码规范.docx编程资料

    WEB前端编码规范.docx

Global site tag (gtag.js) - Google Analytics