css任务十四与十五总结

技能脑图：

官网脑图：

自己脑图：

任务总结：

组件化

组件化更多关注的UI部分，页面的每个部件，比如头部，内容区，弹出框甚至确认按钮都可以成为一个组件，每个组件有独立的HTML、css、js代码。

可以根据需要把它放在页面的任意部位，也可以和其他组件一起形成新的组件。一个页面是各个组件的结合，可以根据需要进行组装。

模块化

模块化侧重的功能的封装，主要是针对Javascript代码，隔离、组织复制的javascript代码，将它封装成一个个具有特定功能的的模块。

模块可以通过传递参数的不同修改这个功能的的相关配置，每个模块都是一个单独的作用域，根据需要调用。

一个模块的实现可以依赖其它模块。

组件化和模块化的区别

模块化更一种开发规范，比如cmd  amd 是为了更好的解藕，比如一个网站，按照不同的模块来开发，

比如你有个评论区，a 项目有，b 项目有，如果仅是单纯的模块开发，这个js 文件你就可以单独来回引用，

更比如 ，一个页面 分好多个功能， 这时候你要是都写在一个js 中 会越来越大，而你把他分成不同的模块，

比如评论是一块，分页又是一块，已经上线，或你不做了，后期别人拉手，或你接手别人的项目，这个时候来个需求让你把分页去掉，或修改 你可以清楚的找到对应模块文件 进行修改 或去掉  

模块是自定义的，

组件，更想当于一个通用的东西，有的分功能组件，有的分业务组件

大图切换，这种就是单纯的一个效果展示，只要调用就ok 

一个分页，也是只单纯的调用，

组件更是一个多处都可以使用 ，不需要再单独开发的

默认样式重置出现的原因：

在日常生活中常用的几个主流浏览器中， 当我们没有给html元素设置样式时，这些浏览器会根据自己的默认样式对html元素进行布局，但是由于每个浏览器的默认布局样式不同， 会导致元素的展示方式出现差异，从而使同一页面在不同浏览器中的展示出现差异。使用CSS样式重置这一方式，就可以使网页展示效果保持一致。