课后总结(2019-6-19)

291 阅读1分钟

课后总结(2019-6-19)

该节课主要讲了 css/js 的规范,以及规范相关的一些历程。

为什么要有规范?

  • 跟性能无关
  • 跟功能无关
  • 跟结果无关

实际规范的主要意义:

  • 提高团队效率
  • 减少团队gap
  • 保留最佳实践

易读

  1. 易读-空格

    多种类型字符混合的时候应当使用空格隔开

    /* 推荐 */
    .video {
      margin-top: 1em;
    }
    
  2. 易读-习惯

    css固定顺序 这是为了保证更好的可读性和可扫描重要。作为最佳实践,我们应该遵循以下顺序(应该按照下表的顺序):

    结构性属性:

    display
    position, left, top, right etc.
    overflow, float, clear etc.
    margin, padding
    

    表现性属性:

    background, border etc.
    font, text
    
  3. 易读-命名

    // 	变量 **小驼峰、区分单复数**
    myName = ''
    collegeas = ['', '']
    names = []
    
    // 对象/类 **大驼峰、单数**
    class DogHouse
    
    // 常量 ** 大写 **
    TYPE_KEYWORD
    
    // 函数 **小驼峰、动词开头**
    creatUser()
    getUserInfo()
    deleteUser()
    
    // 布尔值 ** 小驼峰、“肯定”意思、‘Is has can’ **
    hasUser
    canDelete
    IsCompeleted
    
    // 私有属性 ** 小驼峰、下划线开头 **
    _getUserFromMysql
    
    

精简

例如:css中的 font, padding, margin, background,里面的属性可以直接设置多个集合。

严谨

例子: TypeScript

什么规范最好?最重要?

用什么规范不重要,重要的是要有规范。保障团队统一风格