发表于: 2018-07-23 00:45:58
6 552
今日完成内容
学习组件化思想
学习资源http://www.10tiao.com/html/184/201611/2247484505/1.html前端为什么要组件化
资源里说了很多不懂得东西,但是组件化部分还是看懂了,组件化目的就是简化前端工作内容,将一个页面或者整体一个项目中的内容分化成一个个小部分,任务成员分而治之,各司其职互不干扰方便维护。前面几个任务学习BS4也就是运用BS4的组件吧。这个任务我理解就是把BS4的组件丢了,自己做自己的组件。肯定会锻炼基础的CSS能力吧。比如轮播图。。。还不知道咋弄。。。
1.按照任务13先将CSS组织架构一下,跟任务13一样,reset,通用样式库,网站样式库。
2.主要任务就是网站通用组件
header:联系电话和媒体 比较简单
nav:导航条
制作方法均参考bs4
明日任务目标
继续任务14与任务15
主要目标轮播图,footer,链接
今日任务难点
navbar 按钮的自适应
重点。。。点击按钮后,屏幕变大后导航链接失效。。。。
浪费了大量时间,最后找到方法导航条的display !important后,按钮通过js改变导航条的display就不会影响屏幕变大后响应内容
评论