前端规范(持续)
来源:互联网 发布:windows exe elf 编辑:程序博客网 时间:2024/06/07 10:33
在 web 项目中,所有的文件名应该都遵循同一命名约定。以可读性而言,减号(-)是用来分隔文件名的不二之选。
- 资源的字母名称必须全为小写,这是因为在某些对大小写字母敏感的操作系统中,当文件通过工具压缩混淆后,或者人为修改过后,大小写不同而导致引用文件不同的错误,很难被发现。
- 一些情况下,需要对文件增加前后缀或特定的扩展名(比如 .min.js, .min.css),抑或一串前缀(比如
3fa89b.main.min.css
)。这种情况下,建议使用点分隔符来区分这些在文件名中带有清晰意义的元数据。
//不推荐
MyScript.js
myCamelCaseName.css
i_love_underscores.html
1001-scripts.js
my-file-min.css
//推荐
my-script.js
my-camel-
case
-name.css
i-love-underscores.html
thousand-and-one-scripts.js
my-file.min.css
- CSS使用双引号(“”) 而不是单引号(”) 。
//不推荐
<div
class
=
'news-article'
></div>
//推荐
<div
class
=
"news-article"
></div>
- ID和Class名的分隔符
使用连字符(中划线)分隔ID和Class(类)名中的单词。为了增强课理解性,在选择器中不要使用除了连字符"-"(中划线)以为的任何字符(包括没有)来连接单词和缩写。//不推荐
.demoimage {}
.error_status {}
//推荐
#video-id {}
.ads-sample {}
- 三元条件判断(if 的快捷方法)
用三元操作符分配或返回语句。在比较简单的情况下使用,避免在复杂的情况下使用。没人愿意用 10 行三元操作符把自己的脑子绕晕。//不推荐
if
(x === 10) {
return
'valid'
;
}
else
{
return
'invalid'
;
}
//推荐
return
x === 10 ?
'valid'
:
'invalid'
;
- js注释
/* xgo触屏 第一现场 列表页 @auther: LM @date: 2015-6-8 @rely: zepto*/
0 0
- 前端规范(持续)
- 前端名词解释(持续更新)
- web前端规范 (推荐)
- 前端规范(html5,js)
- 前端规范
- 前端规范
- 前端规范
- 前端规范
- 前端规范
- 前端规范
- 前端规范
- Web前端持续集成方案(一)
- Web前端持续集成方案(二)
- Web前端持续集成方案(三)
- Web前端持续集成方案(四)
- 【前端】js小技巧(持续更新)
- 前端面试问题(持续更新)
- 前端知识点总结(持续更新)
- 比较文件MD5
- &
- 验证码的生成和使用
- sizeof小览
- server建立以及svn使用
- 前端规范(持续)
- [小技巧] Windows 命令行显示英文
- (转)python学习笔记——Thread常用方法
- HDOJ 题目2888 Check Corners(二维RMQ)
- HDU-1867-A + B for you again
- 文章标题
- A20平台调试GPS模块
- diffrence between [[[[UIApplication sharedApplication] delegate] window] and [[UIApplication sharedA
- 白雪歌送武判官归京