发表于: 2018-11-20 21:00:05

2 311


今天完成的事情:

今天在进行页面的重构和学习代码的规范和命名规范

发现自己的代码中确实存在一些问题

内容太多,会慢慢加强记忆,以后一定多加留意,严格按照规范来书写代码。

我们在编写代码的时候,一定要保持规范化和标准化,尽可能的减小服务器负载,保证最快的解析速度。


HTML规范

页面的第一行添加标准模式声明!DOCTYPEhtml

代码缩进:tab键设置四个空格(通常在软件右下角设置相应空格大小)

html中除了开头的DOC和'UTF-8'或者head里特殊情况可以大写外,其他都为小写,css类都为小写

建议为html根元素指定lang属性,从而为文档设置正确的语言lang="zh-CN"

不同doctype在不同浏览器下会触发不同的渲染模式

非特殊情况下样式文件必须外链至…之间;非特殊情况下JavaScript文件必须外链至页面底部

背景图片请尽可能使用sprite技术,减小http请求

给区块代码及重要功能(比如循环)加上注释,方便后台添加功能

不要使用@import,与<link>标签相比,@import指令要慢很多,不光增加了额外的请求次数,还会导致不可预料的问题。


正确的标签嵌套 

除了固定的嵌套规则(如ul包含li,ol包含li等),一般遵循以下规则:

1.块级元素与块级元素平级、内联元素与内联元素平级

2.块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素

3.有几个特殊的块级元素只能包含内联元素,不能再包含块级元素 h1~h6、p、dt。

4.块级元素不能放在标签p里面。

5.li标签可以包含div标签,因为li和div标签都是装在内容的容器。


CSS书写顺序

1.位置属性(position, top, right, z-index, display, float等)

2.大小(width, height, padding, margin)

3.文字系列(font, line-height, letter-spacing, color- text-align等)

4.背景(background, border等)

5.其他(animation, transition等)

尽量让自己的网站按照先后顺序 比如先写页头,在写页体,最后写页脚

尽量将媒体查询的位置靠近他们的相关的规则。不要把他们放在一个独立 文件当中,也不要写在最底下,以免容易忘记


class命名

规则命名中,一律采用小写加中划线的方式,不允许使用大写字母或_

命名避免使用中文拼音,应该采用更简明有语义的英文单词进行组合+

不允许通过1、2、3等序号进行命名;避免class与id重名

class用于标识某一个类型的对象,命名必须言简意赅

尽可能提高代码模块的复用,样式尽量用组合的方式

规则名称中不应该包含颜色(red/blue)、定位(left/right)等与具体显示效果相关的信息。应该用意义命名,而不是样式显示结果命名


明天计划的事情:

学习css架构,尝试拆分自己的代码


遇到的问题:

暂无

收获:

学习了编写代码的规范和命名规范,继续加强记忆,在以后编写代码的时候一定严格按照规范来


返回列表 返回列表
评论

    分享到