发表于： 2017-04-06 23:45:38
2 516
今天完成：
完成任务12的第二个页面，优化html结构，完成任务12.
明天计划：
开始任务13
遇到困难：暂无
收获：
开发过程中应该遵守哪些编码规范和class命名规范：
首先，要符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度。
1.页面的第一行添加标准模式声明<!DOCTYPE html>；
2.代码缩进：tab键设置四个空格（通常在软件右下角设置相应空格大小）；
3.html中除了开头的DOC和 'UTF-8'或者head里特殊情况可以大写外，其他都为小写，css类都为小写；
4.建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言；
5.不同doctype在不同浏览器下会触发不同的渲染模式<meta http-equiv="X-UA-Compatible" content="IE=Edge">；
6.非特殊情况下样式文件必须外链至<head>...</head>之间;非特殊情况下JavaScript文件必须外链至页面底部；
7.尽可能减少div嵌套；
8.在页面中尽量避免使用style属性,即style="…"; 写在相应的样式文件中；
9.对于属性的定义，确保全部使用双引号，绝不要使用单引号；
10.背景图片请尽可能使用sprite技术, 减小http请求；
11.给区块代码及重要功能(比如循环)加上注释, 方便后台添加功能；
12.不要使用 @import,与 <link>标签相比,@import 指令要慢很多,不光增加了额外的请求次数,还会导致不可预料的问题。
这些规则都是我们日常写代码经常碰到，要想查询更详细的规则，
请参阅：https://github.com/fex-team/styleguide/blob/master/html.md
返回列表
评论