前端代码规范(针对VUE项目)

1、html

    1)标签尽量不要写行内样式,各个模块之间做好注释

    2)超过500行的代码考虑封装

    3)自己命名的class尽量跟组件区分:组件是 xx-xx,我们就xxXx

    4)尽可能的减少节点,没必要的外层包装能去掉就去掉

    5)标签的规则:块级元素大于行内块,例如:div包含p包含span,请不要逆行

2、css

    1)避免行内样式

    2)避免important

    3)避免计算属性

    4)漂浮注意塌陷

    5)文字大小注意单位:不要用rem、em去给文字设大小,文字大小固定写死,并且最小12,且为偶数,需要适配请用媒体查询

    6)样式权重很重要

3、js

    1)能有switch请不要用if

    2)获取数据的方法命名请用get开头

    3)做好方法标注,参数的类型、作用

    4)方法间空一行

    5)一行一个表达式

    6)拒绝分号

    7)第一选择用单引号,html用双引号

    8)重复的代码考虑封装

    9)太复杂的逻辑代码不建议封装

    10)定时器是黑科技,请多想起来

。。。

    想到在补充

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值