`

前端编码规范

阅读更多

前端代码规范:

 

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前端编码规范知识点详解 #### 一、规范目的 - **概述**:为了提高团队协作效率,并确保前端代码质量,便于后期维护和扩展,制定了这套前端编码规范。该规范适用于公司内所有前端开发人员,旨在提升代码的...

    Vue前端编码规范.pdf

    ### Vue前端编码规范详解 #### 一、概述 在现代前端开发中,特别是使用Vue框架进行项目构建时,遵循一套合理的编码规范对于提高代码质量、维护性和团队协作效率至关重要。本文将详细介绍Vue前端项目的编码规范,...

    Vue前端编码规范

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

    前端编码规范 Version 1.21

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

    Web前端编码规范.doc

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

    web前端编码规范

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

    web安全前端编码规范1

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

    前端编码规范-JavaScript.pdf

    ### 前端JavaScript编码规范知识点详解 #### 类型 在JavaScript中,数据类型分为原始类型和复杂类型。 - **原始类型**:包括`string`(字符串)、`number`(数字)、`boolean`(布尔值)、`null`、`undefined`。...

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

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

    Web前端编码规范

    ### Web前端编码规范知识点 #### JavaScript编码规范 1. **JS文件组织**: - 所有的JavaScript代码应当被组织在单独的`.js`文件中,并通过`&lt;script type="text/javascript" src="xxx.js"&gt;&lt;/script&gt;`的方式在HTML...

    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. **语义化标签**:使用如, , , , ...

Global site tag (gtag.js) - Google Analytics