• 《Vue代码规范指南》

  • 价格:免费
  • 状态:全书已完结
  • 在读人数:8
  • 热度:1121
创建者
  • 余归
  • 0 粉丝 27博客
内容简介
代码规范是
章节目录
  • 第一章 命名规范
  • 1.1项 目文件命名规范
  • 市面上常用的命名规范: camelCase(小驼峰式命名法 —— 首字母小写) PascalCase(大驼峰式命名法 —— 首字母大写) kebab-case(短横线连接式)Snake(下划线连接式)1.1.1 项目名 全
  • 1.2 Vue 组件命名规范
  • 1.2.1 单文件组件名 文件扩展名为 .vue 的 single-file components (单文件组件)。单文件组件名应该始终是单词大写开头 (PascalCase)。 components/ |- MyComponent.vue 1.2.2 单例组件名 只拥有单个活跃实例的组件应该以 The 前缀命名
  • 1.3 代码参数命名规范
  • 1.3.1 name 组件名应该始终是多个单词,应该始终是 PascalCase 的。 根组件 App 以及 <transition>、<component> 之类的 Vue 内置组件除外。这样做可以避免跟现有的以及未来的 HTML 元素相冲突,因为所有的 HTML 元素名称都是
  • 第二章 代码规范
  • 2.1 Vue代码规范
  • 2.1.1 代码结构 <template><div id="my-component"><DemoComponent /></div> </template><script> import DemoComponent fr
  • 2.2 HTML代码规范
  • 2.2.1 文件模板 HTML5 文件模板: <!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>HTML5标准模版-堆代码 duidaima.com</
  • 2.3 CSS代码规范
  • 2.3.1 样式文件 样式文件必须写上 @charset 规则,并且一定要在样式文件的第一行首个字符位置开始写,编码名用 “UTF-8”。 推荐: @charset "UTF-8"; .jdc {} 不推荐: /* @charset规则不在文件首行
  • 2.4 JavaScript代码规范
  • 2.4.1 单行代码块 在单行代码块中使用空格。 不推荐: function foo () {return true} if (foo) {bar = 0} 推荐: function foo () { return true } if (foo) { bar = 0 } 2.4.2 大括号风格
  • 第三章 注释规范
  • 3.1 HTML 文件注释规范
  • 注释的目的: 提高代码的可读性,从而提高代码的可维护性 注释的原则: 如无必要,勿增注释 ( As short as possible ) 如有必要,尽量详尽 ( As long as necessary ) 3.1 HTML 文件注释 3.1.1 单行注释 一般用于简单的描述,如某些状态描述、属性描述等。注释内容前后各一个空格字符,注释位于要注释代码的上面,单独占一行。 推荐: <!-
  • 3.2 CSS 文件注释规范
  • 3.2.1 单行注释 注释内容第一个字符和最后一个字符都是一个空格字符,单独占一行,行与行之间相隔一行。 推荐: /* Comment Text */ .jdc {} /* Comment Text */ .jdc {} 不推荐: /*Comment Text*/ .jdc {displ
  • 3.3 JavaScript 文件注释规范
  • 3.3.1 单行注释 单行注释使用 //,注释应单独一行写在被注释对象的上方,不要追加在某条语句的后面。 推荐: // is current tab const active = true 不推荐: const active = true // is current
  • 第四章 其它
  • 缩进换行请使用两个空格。 大型团队多人协作项目推荐 JavaScript 代码末尾加分号。小型个人创新练手项目可尝试使用 JavaScript 代码末尾不加分号的风格,更加清爽简练。(全书完)
读者评论
最近这些人在读这本书