# 通用书写规范
# 文件/资源命名
在 web 项目中,使用连字符(-)来分隔文件名,可以提高可读性。例如:order-detail-view.js。确保不用大写字母开头,不要驼峰命名。
# 省略外链资源 URL 协议部分
省略外链资源(图片及其它媒体资源)URL 中的 http / https 协议,使 URL 成为相对地址,避免Mixed Content 问题。
# 写注释
写注释时请一定要注意:写明代码的作用,重要的地方一定记得写注释。 没必要每份代码都描述的很充分,它会增重HTML和CSS的代码。这取决于该项目的复杂程度。
# 单行注释
JavaScript单行注释:
// 这是一条单行注释
1
CSS单行注释:
/* 这还是一条单行注释 */
1
# 多行注释
/*
* 这是一条多行注释
* 这是一条多行注释
*/
1
2
3
4
2
3
4
# 函数注释
使用JSDoc风格注释。
/**
* 以星号开头,紧跟一个空格,第一行为函数说明
* @param {类型} 参数 单独类型的参数
* @param {[类型|类型|类型]} 参数 多种类型的参数
* @param {类型} [可选参数] 参数 可选参数用[]包起来
* @return {类型} 说明
* @author 作者 创建时间 修改时间(短日期)改别人代码要留名
* @example 举例(如果需要)
*/
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
# 文件头注释
推荐:VScode 文件头部自动生成注释插件:koroFileHeader,该插件快捷键:window:ctrl+alt+i,mac:ctrl+cmd+i
/*
* @Author: your name
* @Date: 2020-05-20 15:38:50
* @LastEditTime: 2020-05-20 16:47:06
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \f2e_standard\docs\.vuepress\config.js
*/
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 条件注释
<!--[if IE 9]>
.... some HTML here ....
<![endif]-->
1
2
3
2
3