关于前端:前端开发规范

39次阅读

共计 1715 个字符,预计需要花费 5 分钟才能阅读完成。

文件命名

文件倡议应用小写字母,不必大写字母;文件名蕴含多个单词时,单词之间倡议应用半角的连接线(-)分隔。

变量

小驼峰式命名办法

函数

小驼峰式命名办法(构造函数应用大驼峰命名法)

常量

全副大写

正文

单行正文:
- 独自一行://(双斜线)与正文文字之间保留一个空格
- 在代码前面增加正文://(双斜线) 与代码之间保留一个空格,并且 //(双斜线)与正文文字之间保留一个空格。
- 正文代码://(双斜线)与代码之间保留一个空格。

// 调用了一个函数;1)独自在一行
setTitle();
var maxCount = 10; // 设置最大量;2)在代码前面正文
// setName(); // 3)正文代码

多行正文:
- 若开始 (/* 和完结 _/) 都在一行,举荐采纳单行正文
- 若至多三行正文时,第一行为 /_,最初行为_/,其余行以_开始,并且正文文字与 * 保留一个空格。

/*
 * 代码执行到这里后会调用 setTitle()函数
 * setTitle():设置 title 的值
 */
setTitle();

组件开发标准

1. 注册组件

注册组件的时候,全副应用 PascalCase 格局。
import UserBook from './user/UserBook'

2. props 命名标准

在申明 prop 的时候,其命名应该始终应用 camelCase,而在模板中应该始终应用 kebab-case

<welcome-message greeting-text="hi"></welcome-message>
<script>
 props: {greetingText: String;}</script>

3. methods 命名标准

驼峰式命名,对立应用动词或者动词 + 名词模式
尽量应用罕用单词结尾(set、get、go、can、has、is)
附: 函数办法罕用的动词:

get 获取 /set 设置,
add 减少 /remove 删除
create 创立 /destory 移除
start 启动 /stop 进行
open 关上 /close 敞开,read 读取 /write 写入
load 载入 /save 保留,
create 创立 /destroy 销毁
begin 开始 /end 完结,
backup 备份 /restore 复原
import 导入 /export 导出,
split 宰割 /merge 合并
inject 注入 /extract 提取,
attach 附着 /detach 脱离 bind 绑定 /separate 拆散,
view 查看 /browse 浏览
edit 编辑 /modify 批改,
select 选取 /mark 标记
copy 复制 /paste 粘贴,
undo 撤销 /redo 重做
insert 插入 /delete 移除,
add 退出 /append 增加
clean 清理 /clear 革除,
index 索引 /sort 排序
find 查找 /search 搜寻,
increase 减少 /decrease 缩小
play 播放 /pause 暂停,
launch 启动 /run 运行
compile 编译 /execute 执行,
debug 调试 /trace 跟踪
observe 察看 /listen 监听,
build 构建 /publish 公布
input 输出 /output 输入,
encode 编码 /decode 解码
encrypt 加密 /decrypt 解密,
compress 压缩 /decompress 解压缩
pack 打包 /unpack 解包,
parse 解析 /emit 生成
connect 连贯 /disconnect 断开,
send 发送 /receive 接管
download 下载 /upload 上传,
refresh 刷新 /synchronize 同步
update 更新 /revert 还原,
lock 锁定 /unlock 解锁
check out 签出 /check in 签入,
submit 提交 /commit 交付
push 推 /pull 拉,
expand 开展 /collapse 折叠
begin 起始 /end 完结,
start 开始 /finish 实现
enter 进入 /exit 退出,
abort 放弃 /quit 来到
obsolete 废除 /depreciate 废旧,
collect 收集 /aggregate 汇集

4. 多个属性的 html 元素标准

多个个性的元素,占据一行过长时,应该分多行撰写,每个个性一行。(加强更易读)

5. 元素属性的程序

原生属性放后面,指令放前面

正文完
 0