发表于: 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简化代码的用意,总觉得自己理解有误
收获:对于代码规范和命名有了新的理解,希望自己以后不要写太多难以维护的烂代码。
评论