发表于: 2017-04-11 21:46:51

1 554


今日完成的任务:

1.学习了css模块拆分的依据以及css重置样式表

2.关于样式命名规则应该遵守以下依据:

要避免当状态改变时名称失去意义,最常见的就是用于布局的类名,如“left”、“right”,当左边栏不再是左边栏的时候,“left”这个名就没有实际意义了,即是语义化与结构化应该尽量选择语义化命名

规则是

 [ 模块前缀 ] _ 类型  _ ( 作用 | 状态 ) n _ [ 位置 n ] 

模块前缀:

弹出 pop                    

公共 global,gb       

标题 title,tit

提示 hint

菜单 menu

信息 info

预览 pvw

Tips tips  


类型:

按钮 bt

文本 tx

段落 p

图标 icon

input input

颜色 color,c

背景 bg

边框 bor


位置:

公共 gb

边框 bor

段落 p

弹出 pop

标题 title,tit

菜单 menu

内容 cont

导航 nav


作用:

设置 set

添加 add

删除 del

操作 op

密码 pw

导入 inc

 

.input_tx

段落文本颜色

.c_tx_p

密码输入框

.input_pw

相册弹出的设置层

.pop_set_photo

登录密码输入框

.input_pw_login

日志设置成功提示

3.完成了任务十三header部分的拆分,思考了一下如何能够更加高效的复用代码

明日计划完成的任务:

完成任务十三

学习js,看完三十页高级程序设计(70~100)

今日遇到的困难:

使用less还不太熟练,没有体现less简化代码的用意,总觉得自己理解有误

收获:对于代码规范和命名有了新的理解,希望自己以后不要写太多难以维护的烂代码。


返回列表 返回列表
评论

    分享到