博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端规范
阅读量:6850 次
发布时间:2019-06-26

本文共 1175 字,大约阅读时间需要 3 分钟。

文件命名

在 web 项目中,所有的文件名应该都遵循同一命名约定。以可读性而言,减号(-)是用来分隔文件名的不二之选。

同时它也是常见的 URL 分隔符(i.e. //example.com/blog/my-blog-entry or //s.example.com/images/big-black-background.jpg),所以理所当然的,减号应该也是用来分隔资源名称的好选择。

请确保文件命名总是以字母开头而不是数字。而以特殊字符开头命名的文件,一般都有特殊的含义与用处(比如 compass[1] 中的下划线就是用来标记跳过直接编译的文件用的)。

资源的字母名称必须全为小写,这是因为在某些对大小写字母敏感的操作系统中,当文件通过工具压缩混淆后,或者人为修改过后,大小写不同而导致引用文件不同的错误,很难被发现。

还有一些情况下,需要对文件增加前后缀或特定的扩展名(比如 .min.js, .min.css),抑或一串前缀(比如 3fa89b.main.min.css)。这种情况下,建议使用点分隔符来区分这些在文件名中带有清晰意义的元数据。

//不推荐MyScript.jsmyCamelCaseName.cssi_love_underscores.html1001-scripts.jsmy-file-min.css
//推荐my-script.jsmy-camel-case-name.cssi-love-underscores.htmlthousand-and-one-scripts.jsmy-file.min.css

  

HTML CSS引号

HTML CSS使用双引号(“”) 而不是单引号(”) 。

//不推荐
//推荐

  

ID和Class名的分隔符

使用连字符(中划线)分隔ID和Class(类)名中的单词。为了增强课理解性,在选择器中不要使用除了连字符"-"(中划线)以为的任何字符(包括没有)来连接单词和缩写。

另外,作为该标准,预设属性选择器能识别连字符(中划线)作为单词  [attribute|=value] 的分隔符,

所以最好的坚持使用"-"连字符作为分隔符。

//不推荐.demoimage {}.error_status {}
//推荐#video-id {}.ads-sample {}

  

三元条件判断(if 的快捷方法)

用三元操作符分配或返回语句。在比较简单的情况下使用,避免在复杂的情况下使用。没人愿意用 10 行三元操作符把自己的脑子绕晕。

//不推荐if(x === 10) {  return 'valid';} else {  return 'invalid';}
//推荐return x === 10 ? 'valid' : 'invalid';

  

转载地址:http://nurul.baihongyu.com/

你可能感兴趣的文章
什么是聚合根
查看>>
机器学习&数据挖掘笔记_17(PGM练习一:贝叶斯网络基本操作)
查看>>
图像旋转
查看>>
css两列等高布局
查看>>
PHP适合做大型网站吗?
查看>>
lua入门之二:c/c++ 调用lua及多个函数返回值的获取
查看>>
C使用FILE指针文件操作
查看>>
cobbler pxe-menu
查看>>
openssl 非对称加密 RSA 加密解密以及签名验证签名
查看>>
MyBatis Generator生成DAO——序列化
查看>>
算法笔记_175:历届试题 蚂蚁感冒(Java)
查看>>
pdb文件是什么
查看>>
.Net 跳转
查看>>
vim搭建笔记
查看>>
人要有畏惧之心
查看>>
SpringCloud学习笔记(4)——Zuul
查看>>
mysql主从备份及原理分析
查看>>
Docker 入门 --- 命令总结
查看>>
MySQL 批量写入数据报错:mysql_query:Lost connection to MySQL server during query
查看>>
【spring boot】spring boot中使用@RestController不起作用,不返回json,依旧去找访问接口的请求地址对应的页面...
查看>>