发表于: 2017-03-08 20:12:56
2 833
今天完成的事:1)今天要拆官网组件,感觉无从下手,就先看了许多资料。看了几个别人家的组件库,了解一下reset和normalize.css的区别。
看了css命名规范,BEM命名法。但感觉BEM过于繁琐,具体选用还是根据要做的项目大小以及团队来看。看了模块化开发,和师兄师姐们任务14的日报(按任务查日报的这个功能超赞的比心~)。
梳理了一圈后,现在拆组件库大概按照这样的流程:
①先整个reset,尽量有针对性的重置,减少不必要的计算量;
②引入基础的样式文件,比如那种拆分到原子级别的。这个文件网上有别人写好的现成的,可以下过来改一改,不过东西实在太多命名也不习惯,还是准备自己写。
③把官网按照功能模块拆出来。同时考虑到任务15不用bs框架写响应式,现在拆模块的时候就做好响应式。
只是初步摸索的一条路,也许还存在问题。
2)写了一个reset样式文件。 准备把官网模块分别拆出不同的文件出来。导航栏拆一个,底部联系栏拆一个。栅格系统一个。轮播图一个。
目前就拆了一个导航栏,还有很多问题。
明天要做的事:继续拆。不知道自己能写多快,感觉脑子已经锈掉了。
遇到的问题:1)之前写的时候只是无脑堆样式,用bs框架各种堆砌还原设计图。现在发现有很多样式重复,一层盖一层,带来多余计算,拖慢网页打开速度。
2)自己写媒体查询脑壳痛。
收获:以上。
意识到之前只知道还原样式带来的问题。
评论