发表于: 2017-03-17 20:52:20

0 622


今天完成的任务

1.了解了css和html的一些编码规范

2.重写自己的task5代码

明天计划的事情

1.继续再重写task6的代码,然后再重构代码的过程中继续规范自己的编码。

遇到的问题

1.html的编码规范,学到了一些新东西

a.IE兼容模式

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

b.引入css或者js文件时不必再指定type.

c.一定程度上遵循语义化和实用性,在保证实用性的基础上,最大化语义化,尽量使用少的标签和低的复杂度。

2.css编码规范

a.声明顺序

定位元素,浮动,display

盒模型

字体属性

背景属性

其他属性

b.不用@import

c.在less或者sass中尽量减少嵌套

d.class的命名

   class 名称中只能出现小写字符和破折号。破折号应当用于相关 class 的命名(类似于命名空间) 写。

   使用有意义的名称。使用有组织的或目的明确的名称,不要使用表现形式的名称。例如把一个红色的button命名为red-btn。

   基于最近的父 class 或基本(base) class 作为新 class 的前缀。

   使用 .js-* class 来标识行为(与样式相对),并且不要将这些 class 包含到 CSS 文件中。

收获

在代码的重构里慢慢的改变自己以前一些不良的编码习惯,至少先写出看起来很舒服的代码吧



返回列表 返回列表
评论

    分享到