发表于: 2018-06-04 22:35:55

1 623



今天完成的事:

1、重构了三个页面的代码。


2、看了一下汉堡菜单的原理,和之前我构思用CS3写的轮播的原理有点像。明天试一下。

明天的计划:

1、继续啃任务13,

遇到的困难:

1、之前做的工作不够,想重新写,但是这对我的检查能力不好,这个任务就是锻炼重构的能力的,于是,挣扎了一下,改呗。

重构的过程,非常难受,离开了框架自己就是个二货。。。好了,开个玩笑...

终于把代码CSS+html的什么重新检查了,去掉bs之后样式崩了一大半,之前太依靠框架了,需要去掉的row、container贼多。尤其是第二个页面,整个样子都崩掉了。然后之前的命名也不是很规范,看的自己都觉得,怎么说来的,抽象。但是整体来说,统一了主体的颜色、字体大小,footer部分的东西,还是可以的。。。

2、webstorm的实时编译的功能,有时候会出错,在编写scss的时候,它偶尔会读不出当前页面占位符等,而且只能同时编译一个SCSS,这给我带来了非常大的困扰。目前还没找到解决这个问题的办法。

收获:

1、今天看了一下汉堡菜单,网上的大部分都会涉及一些JS的内容,大体是为了判断点击次数。但是...之前,

我在完成任务10的期间折腾过用纯粹的css3写轮播图,那时候想过一个思路,用label绑定input的radio,通过判断radio是否是出于checked状态而引发某个元素的滑动或者定位,这个汉堡菜单应该也可以这样写,明天试一下。

2、有一个CSS3的新属性 backface-visibility ,它的值有两个,visible和hidden;表示元素的背面是否可见,语言很难描述,有兴趣去菜鸟但是看下效果就知道了;

tip:这里插个题外话,觉得CSS3的属性非常强大,尤其是动画模块,可以做非常多有趣的东西,但是任务对于这方面涉及的不是很多,有点小遗憾,后面有时间在抽空加深学习,我是真的喜欢那种超炫的动态效果~~

这里分享一个非常有趣的demo,其乐无穷的css动画世界才是根本呐。。。

https://segmentfault.com/a/1190000015052653?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly

进度:CSS-任务13


开始时间:2018.05.31

  

结束时间:2018.06.,6

有无延期风险: 无。

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





返回列表 返回列表
评论

    分享到