发表于： 2017-04-08 20:45:55
1 670
今日所做：
1.改写任务7，用less去按照任务7页面布局的特点，写出可以共用的样式模块，使用
模块来进行样式设置，减少了代码量
2.学习css命名规范，以及bem命名法，发现bem是一个很清晰的命名方法：bem，
是block、element、modify首字母的缩写，它命名的结构也是由这三部分组成，不
同的部分之间用不同的分隔符来连接，一般来说block和element之间用__来连接，
element和modify之间由--来连接
3.bem有两个非常强大的地方，个人觉得最厉害的在于它命名的结构性使得人在阅读样
式代码的时候，可以通过看class的名字就能够对目前设置了样式的元素在html中的结构
有一个快速而清晰的了解，这样的话在后期的样式修改和维护上面就会方便许多
4.第二个强大的地方就在于进行类命名的时候不用再为起什么名字发愁了，按照这种命名
方式去命名，很少会有重名的可能性
5.bem命名法也会有一定的缺陷，就是名字过长，有的时候只设置一个属性值，但却要
写上一大段的名字；个人觉得把bem命名法和less结合在一起使用更加方便
6.完成了任务7的第一个页面重写
明日计划：完成任务7第二个页面的重写
遇到的问题：
任务7第二个页面有一个音频的按钮，如果用html去设置的话难以实现将div作为开关，通过
点击div来控制播放的功能，因为会出现一个控制条
今日收获：
学习并在任务中使用了bem命名法
返回列表
评论