发表于: 2019-11-04 22:39:55

1 817


今天完成的事情:任务十四-轮播图手写

明天计划的事情:任务十四-十五
遇到的问题:轮播图中relative盒子无内容填充,宽高撑不起来的问题。

解决方法:插入图片,设置如下属性使其自适应。

img {

    max-width: 100%;

    height: auto;

}

收获:轮播图的写法

采取的是内容页绝对定位,100%-300%,checked命令后translateX命令使其移动到页面中

任务深度思考

为什么要写组件库?


1.从开发者角度来看:

在CSS上,保证代码上的模块化,具有独立作用域;         

 内部的布局,字体的变化(不包括颜色这类是不可控的)只由其最外层容器影响;

 在容器不受外部影响变化的前提下,内部容器的样式不被外部所影响。

从公司角度来看:

业务划分更佳清晰,新人接手更佳容易,可以按组件分配开发任务;

项目可维护性更强,提高开发效率;

更好排查问题,某个组件出现问题,直接对组件进行处理;

开发测试过程中,可以只编译自己那部分代码,不需要编译整个项目代码。



<div



组件化与模块化的区别?

  模块化强调的是 拆分 ,无论是从业务角度还是从架构、技术角度,模块化首先意味着将代码、数据等内容按照其职责不同分离,使其变得更加容易维护、迭代,使开发人员可以分而治之。例如一个完整的系统可以拆分为功能模块,架构模块,而功能模块又可以拆分为商品浏览模块、订单模块、购物车模块、消息模块、支付模块,而架构模块可以拆分成数据存储模块,数据请求模块,缓存模块,数据处理模块等。

  组件化则着重于 可重用性 ,不管是界面上反复使用的用户头像按钮,还是处理数据的流程中的某个部件,只要可以被反复使用,并且进行了高度封装,只能通过接口访问,一个网站可以分为导航组件,头部组件,留言组件,底部组件等等。

  总的来说,模块化是具体的,而组件化是具体的,模块化的诉求是解耦,组件化的诉求是好用,但是他们的思想都是通过分治来让开发人员的工作变得更加轻松,让软件系统具有更优秀的可用性和可靠性。



返回列表 返回列表
评论

    分享到