如何优雅的编写前端代码

代码千万行,注释第一行。命名不规范,同事泪两行。

锵锵锵!今天萌芽跟大家一起来讨论讨论编码规范问题,可不要小看注释哦!在多人项目的时候注释可是非常重要的,你是否有觉得自己页面排版不够好?经常自己都不知道自己的这个class或者id用在哪里?或者因为偷懒写一大把css选择器导致布局一改还要再调?这都是编码规范问题!自己都看不懂自己的代码的话就更别想让别人看得懂了。先做个小总结:

  • HTML语义化
  • CSS约束与样式规范
  • JavaScript命名规范

HTML语义化

遵守HTML语义化约束,在不同的地方使用相应的标签更有效地开发并且有助于浏览器的读取执行。

如 <em>、<strong>、abbr等。

关于导入资源:Css放在头部javascript放在body里面的最下方,避免浏览器初次渲染过高。

HTML本身就是一门超文本语言,了解语义是非常重要。语义化的编写代码首先能够增强可读性,也有助于我们的机器阅读,他的文本表现力丰富适合引擎搜索有效的爬取更多的信息,极大的提升搜索量根据文章自动生成目录等等。 

将你构建的页面当作一本书,将标签的语义对应的其功能和含义;

  • 书的名称:<h1>
  • 书的每个章节标题: <h2>
  • 章节内的文章标题: <h3>
  • 小标题/副标题: <h4> <h5> <h6>
  • 章节的段落: <p>
  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值