发表于： 2017-04-08 23:36:48
1 639
今天完成的事情：
1、根据任务13的要求不用bootstrap重写任务7，已完成。
2、html和css文件尽量按照规范来书写。
3、给页面1首页写了一个侧边栏，点击按钮可以出现。
4、了解了css样式的分离、合并和模块化。
明天计划的事情：
1、开始任务14、15的学习。拆出组件和模块并设置样式。
2、在不使用bootstrap的情况下写出轮播图。
遇到的问题：
1、暂无。
收获：
1、学会了如何使用css写侧边栏，现阶段主要利用css3的过渡来解决。
2、模块化可以让代码高度重用，显著提高开发效率。分离可以精简CSS代码，合并也可以精简CSS代码，一切都是权衡！或是说是在恰当的情况下使用恰当的手段。
分离可以精简CSS，但是同时会带来巨大的HTML代码的开销。
CSS样式合并，指的是一些不可分离的样式（按钮，图标等），将他们公共的样式部分进行合并，非公共的再次独立出来，以减小CSS文件的大小。
3、拆分模块的技巧：
模块与模块之间尽量不要包含，相同的部分，如果有相同部分，应将它们提取出来，拆分成一个独立的模块。
模块应在保证数量尽可能少的原则下尽可能的简单，以提高重用性。
4、CSS分离与CSS合并的共存（这里推荐张鑫旭的博客，关于css的样式的分离、合并、模块化的相关知识）
返回列表
评论