没有合适的资源?快使用搜索试试~ 我知道了~
前端编码规范 Version 1.21
需积分: 0 2 下载量 118 浏览量
2022-08-08
19:23:23
上传
评论
收藏 658KB DOCX 举报
温馨提示
试读
92页
前端编码规范文档版本修改记录版本修改日期修改摘要修改人审批人审批日期V 1.02018-10-10初版张印YYYyyyy-mm-ddV 1.12018-10-1
资源详情
资源评论
资源推荐
前端编码规范
文档版本修改记录
版本
修改日期
修改摘要
修改人
审批人
审批日期
V 1.0
2018-10-10
初版
张印
YYY
yyyy-mm-dd
V 1.1
2018-10-18
已有项目 fix 失败
张印
V 1.2
2018-10-23
1.7 描述错误更改
张印
第 2 页,共 92 页
目录
第 1 章 VUE 风格规范 ...............................................................................................................................4
1.1 组件名为多个单词 ......................................................................................................................4
1.2 组件数据........................................................................................................................................4
1.3 PROP 定义 ......................................................................................................................................5
1.4 为 V-FOR 设置键值.......................................................................................................................6
1.5 避免 V-IF 和 V-FOR 用在一起.....................................................................................................7
1.6 为组件样式设置作用域 .............................................................................................................8
1.7 私有属性名 .................................................................................................................................10
1.8 组件文件......................................................................................................................................10
1.9 单文件组件文件的大小写 .......................................................................................................11
1.10 基础组件名 .................................................................................................................................12
1.11 单例组件名 .................................................................................................................................13
1.12 紧密耦合的组件名 ....................................................................................................................13
1.13 组件名中的单词顺序................................................................................................................14
1.14 自闭合组件 .................................................................................................................................15
1.15 组件数据......................................................................................................................................16
1.16 模板中的组件名大小写 ...........................................................................................................16
1.17 完整单词的组件名 ....................................................................................................................18
1.18 PROP 名大小写 ...........................................................................................................................18
1.19 多个特性的元素.........................................................................................................................19
1.20 模板中简单的表达式................................................................................................................20
1.21 简单的计算属性.........................................................................................................................21
1.22 带引号的特性值.........................................................................................................................22
1.23 指令缩写......................................................................................................................................23
1.24 组件/实例的选项的顺序 ..........................................................................................................24
1.25 元素特性的顺序.........................................................................................................................24
1.26 组件数据......................................................................................................................................25
第 3 页,共 92 页
1.27 单文件组件的顶级元素的顺序 ..............................................................................................25
1.28 没有在 V-IF/V-ELSE-IF/V-ELSE 中使用 KEY .................................................................................26
1.29 SCOPED 中的元素选择器...........................................................................................................27
1.30 隐性的父子组件通信................................................................................................................28
1.31 非 FLUX 的全局状态管理.........................................................................................................30
第 2 章 JS 代码规范 ................................................................................................................................33
2.1 逻辑错误......................................................................................................................................33
2.2 最佳实践(避免一些问题) .........................................................................................................44
2.3 变量声明......................................................................................................................................50
2.4 风格指南......................................................................................................................................54
2.5 ECMASCRIPT 6...............................................................................................................................80
第 3 章 附录 A 操作手册......................................................................................................................82
3.1 开发环境搭建 .............................................................................................................................82
3.2 编辑器 ..........................................................................................................................................93
3.3 VUE 安装 .......................................................................................................................................93
1 创建 VUE 项目..............................................................................................................................94
2 WEBPACK 项目中 ESLINT 的使用 ................................................................................................96
第 4 页,共 92 页
第1章 Vue 风格规范
1.1 组件名为多个单词
自动检测:否
自动修复:否
检测规则:无
概述:组件名应该始终是多个单词的,根组件 App 除外。
说明:
这样做可以避免跟现有的以及未来的 HTML 元素相冲突,因为所有的 HTML 元素名称都是单个单词的。
正例:
Vue.component(' todo-item', {})
反例:
Vue.component('todo', {})
1.2 组件数据
自动检测:是
自动修复:是
检测规则:no-shared-component-data
概述:组件的 data 必须是一个函数。
说明:
当在组件中使用 data 属性的时候 (除了 new Vue 外的任何地方),它的值必须是返回一个对象的函数。
正例:
export default {
data () {
return {
foo: 'bar'
}
剩余91页未读,继续阅读
晕过前方
- 粉丝: 113
- 资源: 328
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0