今天完成的任务：

今天完成了任务14-15 

学习的还是挺仓促的！ 但是我对js特别感兴趣啊 

学无止境 css也是一门需要深入研究 自己要不断思考才能学好的一门语言！ 回头查漏补缺，不断学习！ 明天开始看js相关的东西！

遇到的问题  手写轮播图 一开始没什么思路 然后问了下师兄 经师兄知道可以用雪碧图制作 很简单！

值得注意的是：如图！

为了让图片能平滑过度 可以让雪碧图第一张与最后一张图片相同 然后让最后一张图片保留时间句短 15s的1% 用户压根感觉不到！哈哈

最后附上任务总结：

任务名称：CSS-task14-15-任务总结

成果链接：https://jackzhoujia.github.io/xiuzhenyuan/TaskFourTeen/TaskFourTeenIndex.html

任务耗时： 3天

技能脑图：

官网脑图:

任务12-13主要是要求对组件化的了解！！

看了很多组件化的文章我根据自身的需求将任务分为以下及个部分：

base文件夹 helper文件夹 layou文件夹t page文件夹

1.bae文件夹中我只放了_reset.scss：用于页面一些默认属性的值的重置  前面加横岗 的话不会被自动编译 用来给最后的一个main_scss import!!

2.helper里放了 funciton用来放sass函数 mixin用来放sass选择器 placeholder用来放占位符  varibles专门用来放变量 这样子sass的一些东西其他文件可以随意调用 并且如果大改 修改起来非常的方便 ！！

3.layouts 用来拆分头 脚 导航栏 等一些东西 能细分就细分！！我这边只是拆了头部 脚步 和导航栏 因为任务不多 如果多的话可以更加细分如：表单 按钮 等一切东东 就和bootstrao框架一样 

4.page里放各个页面不同的主题部分 用于各个页面不同主题部分的写入 以及细节的修改！！

还有一个是要求手写阑珊布局 我刚开始想看源码来着， 官网下载下来的，打开发现连程序从哪走都看不明白 还是 有点不自量力啊！ 然后看编译出来的代码 用什么 拼什么

回头学完js再回过头来试试能不能看个大概吧！！