发表于: 2017-03-08 20:12:56

2 833


今天完成的事:1)今天要拆官网组件,感觉无从下手,就先看了许多资料。看了几个别人家的组件库,了解一下reset和normalize.css的区别。

看了css命名规范,BEM命名法。但感觉BEM过于繁琐,具体选用还是根据要做的项目大小以及团队来看。看了模块化开发,和师兄师姐们任务14的日报(按任务查日报的这个功能超赞的比心~)。

梳理了一圈后,现在拆组件库大概按照这样的流程:

①先整个reset,尽量有针对性的重置,减少不必要的计算量;

②引入基础的样式文件,比如那种拆分到原子级别的。这个文件网上有别人写好的现成的,可以下过来改一改,不过东西实在太多命名也不习惯,还是准备自己写。

③把官网按照功能模块拆出来。同时考虑到任务15不用bs框架写响应式,现在拆模块的时候就做好响应式。

只是初步摸索的一条路,也许还存在问题。

2)写了一个reset样式文件。 准备把官网模块分别拆出不同的文件出来。导航栏拆一个,底部联系栏拆一个。栅格系统一个。轮播图一个。

目前就拆了一个导航栏,还有很多问题。


明天要做的事:继续拆。不知道自己能写多快,感觉脑子已经锈掉了。


遇到的问题:1)之前写的时候只是无脑堆样式,用bs框架各种堆砌还原设计图。现在发现有很多样式重复,一层盖一层,带来多余计算,拖慢网页打开速度。

2)自己写媒体查询脑壳痛。


收获:以上。

意识到之前只知道还原样式带来的问题。


返回列表 返回列表
评论

    分享到