前端编码规范

前端代码规范:

 

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;

 

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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值