Web前端开发最佳实践--读书笔记

常用的前端文件的组织结构

js（放置JavaScript文件）

• lib（放置框架JavaScript文件）；
• custom.js；

css (放置css样式代码)

• lib（放置框架css文件）；
• images（放置用于样式中的背景图）；
• reset.css(去掉元素默认样式的样式)；
• custom.css(业务相关样式文件) ；

resource（放置页面图片文件以及其他类型资源）

index.html

---

代码规范

• id名称中的关键词用下划线‘_’连接， class中的关键词用中划线‘-’连接；
• css样式定义中的左大括号放置在选择器的同一行；
• css样式中属性与值中间有一空格；

- 多个选择器具有相同的样式时，每个选择器独占一行；