发表于: 2018-06-01 22:32:26

2 561


今天完成的事情:

#1 完成小课堂博客,完成小课堂所有相关事情

#2 听直播


明天计划的事情:

#1 完善自制栅格系统

#2 完成页面2


遇到的问题:

#1 下拉导航栏使用脱离文档流的方法,如果取消脱离文档流,图标不能保持在原来位置

图标使用了绝对定位居中的方法,改用定高居中。

#2 栅格布局只设定等分形式,对于不等分形式占满剩余空间的方法,即剩余部分自适应

clipboard.png

左侧列使用了float: left; 右侧使用BFC自动占满剩余空间

.left{ 

float: left;

.right{ 

overflow: hidden; //通过设置overflow: hidden来触发BFC特性

 }

若浮动元素的块状兄弟元素为BFC,则不会占满一整行,而是根据浮动元素的宽度,占据该行剩下的宽度,避免与浮动元素重叠。并不是一定要在.right上用overflow: hidden;,只要能触发BFC就好了。


收获:

#1 目前自制的栅格系统已经可以使用,明天在页面检查效果。

#2 看直播,虽然大部分内容都忘记了,看到一种进阶之路:功能-复用-性能-未来-创世。不断的完成不同功能,从中提取复用功能,完成对于功能的组件化,实现认识的提升;考虑代码性能,让用户得到良好体验,提升业务,已经不是简单的功能,而是更加整体认识。面向未来这个相对容易理解,预先考虑项目的方向和以后的演化,添加更多功能,选用合理的编程语言;创世阶段自己已经可以独立完成伟大的项目。



任务14

开始时间:5.27

预计结束时间:6.3

http://task.jnshu.com/zentao/project-task-629.html


返回列表 返回列表
评论

    分享到