发表于: 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就不会影响屏幕变大后响应内容



返回列表 返回列表
评论

    分享到