前端代码规范

日常检查自己有没有犯错

1.最重要的:布局,在任何分辨率下都应保持原样
2.注意对齐,各个模块要整整齐齐,有一条“看不见”的对齐线
3.CSS样式不要写在标签里,拒绝内联样式
4.命名问题:要让别人看得懂,注意语义化,字母大小写(驼峰规则)
class:名词/形容词
id:名词
常量:名词
函数:动词+名词
5.代码要多写注释、不同模块之间空行,要让代码的可读性高
6.css样式的一些注意点:
写的前缀,各个浏览器内核的,要写全,不要只写一个
尽量用sass
要精简,例如:不要同时出现margin和margin-left
background-color 要用十六进制,并且字母大写 #FFEE00
width:98% 这种是绝对不允许出现的
css层叠,要嵌套
7.封装组件
8.一个没有审美的前端不是好前端,注意配色问题

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值