课后总结(2019-6-19)
该节课主要讲了 css/js 的规范,以及规范相关的一些历程。
为什么要有规范?
- 跟性能无关
- 跟功能无关
- 跟结果无关
实际规范的主要意义:
- 提高团队效率
- 减少团队gap
- 保留最佳实践
易读
-
易读-空格
多种类型字符混合的时候应当使用空格隔开
/* 推荐 */ .video { margin-top: 1em; }
-
易读-习惯
css固定顺序 这是为了保证更好的可读性和可扫描重要。作为最佳实践,我们应该遵循以下顺序(应该按照下表的顺序):
结构性属性:
display position, left, top, right etc. overflow, float, clear etc. margin, padding
表现性属性:
background, border etc. font, text
-
易读-命名
// 变量 **小驼峰、区分单复数** myName = '' collegeas = ['', ''] names = [] // 对象/类 **大驼峰、单数** class DogHouse // 常量 ** 大写 ** TYPE_KEYWORD // 函数 **小驼峰、动词开头** creatUser() getUserInfo() deleteUser() // 布尔值 ** 小驼峰、“肯定”意思、‘Is has can’ ** hasUser canDelete IsCompeleted // 私有属性 ** 小驼峰、下划线开头 ** _getUserFromMysql
精简
例如:css中的 font, padding, margin, background
,里面的属性可以直接设置多个集合。
严谨
例子: TypeScript
什么规范最好?最重要?
用什么规范不重要,重要的是要有规范。保障团队统一风格