发表于: 2018-06-22 09:15:31

1 632


今天完成的事情:

1、完成了任务14

2、总结了任务14 后的深度思考问题


明天计划的事情:

1、开始任务15


遇到的问题:

组件化和模块化概念有些混淆,师兄解答后明白了一些


收获:

一、@import用法

在css或scss文件最前面使用,可以引入另一个css或scss文件,语法:

@import "xxx"(引号内是需要引入的文件的路径,相对路径或绝对路径都可以)


二、为什么要做组件库?

传统开发方式效率低以及维护成本高的主要原因在于很多时候是将一个系统做成了整块应用, 而且往往随着业务的增长或者变更,系统的复杂度会呈现指数级的增长, 经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身

但是如果把混乱的样式划分成一个一个模块,每个模块用一个单独css文件,后期维护和修改起来就方便的多

优点:

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

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

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

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


目前流行的组件库有:Bootstrap,uikit,jQuery UI,Metronic等等


之前轮播图没箭头的原因:缺乏字体支持,之前是只把bootstrap.min.css这一个文件复制到项目里用,这次把下载的整个bootstrap文件夹放到项目里就OK了


返回列表 返回列表
评论

    分享到