发表于: 2018-05-27 23:09:41

1 596


今天完成的事:


1、写任务10;思路很卡。

之前的很多方法居然没有记得,不是不会,是居然没有记得运用,看来要抽空总结一下笔记。


明天的计划:

1、继续完成写完任务10

虽然今天重写有点痛苦,但是应该能写完。

毕竟新知识的难点我在小课堂上面写过demo,好很多。

遇到的困难:

1、我发现了自从加入了响应式以后,绝对定位体系就显得很是局促。在响应式后,术语决定定位的范畴会发生各种奇怪的现象,甚至有一些“鬼畜”般的跳动行为;也开始理解了慢慢的不用position的理由。

2、下午小课堂的时候听了一下js的函数声明和函数表达式,我整个人是这样的,尽管亚洲师兄讲的很清楚,进度太慢了我,要加快结束css;

收获:

1、发现一个关于栅格布局的知识:col-md-offset/push/pull:

首先看这3个英文单词的中文含义解释:offset 补偿(课本上或相关教程上一般都把这个叫做“偏移”),其实就是在左侧补列(1~11列);push 推;

pull 拉;偏移、推、拉,都有一个参照物,即相对的位置,那就是左侧, 相对于左侧偏移、推、拉 ;

写法比如:

col-md-offset-3(在左侧补充3列)

col-md-push-8(从左侧往右侧推8列)

col-md-pull-2(往左侧拉2列)

从效果上看offset和push效果一样,其实采取的方法是不同的,offset是直接在左侧补列达到偏移的效果,push是通过位置移动达到移动的效果;之前没有注意这个,它的原理是position:relative来实现(F12看了一下bootstrap的源码)。之前以为栅格挺简单的,就没仔细看,忽略了一些东西。


2、今天主要是复写了一下,所以新知识比较少。


进度:CSS-任务10


开始时间:2018.05.22

  

结束时间:2018.05.28


有无延期风险: 无。

禅道:http://task.jnshu.com/zentao/my-task.html





返回列表 返回列表
评论

    分享到