发表于: 2019-07-11 23:10:10

1 889


今天完成的事情:今天学习了组件库,做组件库的目的是为了提高开发效率,降低维护成本,原本的系统是做成整个应用,修改动辄牵一发动全身,因此想要把一个整体分为几个不互相影响的部分,这就是组件化的思想。而网上也有关于css组件化的解释:css的很多demo都是对应着一个样式,而这些样式很有可能出现相同的部分,把这些相同的部分提取出来,就实现了css的组件化,在没有less和sass之前,都是把相同的部分放在一个公用css文件里,但是这样会使得css阅读困难,而且修改的时候会经常找不到在哪,而less和sass出现之后,使得CSS的编程可以定义变量, 可以实现继承,CSS内容的结构也变得更加清晰,提高了CSS文件的阅读性,更容易让人理解,修改起来也变得简单。然后学习了css的模块化,相当于一个组件里的积木。把一个组件的css样式按照一定的命名规则来命名,使得这些css一眼看去都是一个组件里的,例如导航栏最外层是nav,里面的文字可以使用navbar-word命名,链接可以使用navbar-link命名,这样可以让css作用域是在相应的组件中,而不是在全局中,修改的时候不会影响整体。

    然后开始进行任务十四的拆出相应组件,再从组件中拆出模块,本来想着直接用模块写组件,发现有点困难,因为不写出组件而是直接写模块的话,有些属性会不知道怎么分类,最后还是先把东西按组件写出来,再归类成一个一个模块。

明天计划:准备把组件都写出来,然后进行模块命名,再将各个组件拼接起来成为一个页面,几个页面共用的组件则放在同一个css里。不同的组件则分开另写。



返回列表 返回列表
评论

    分享到