前端,在公司尤其是在UI的眼里,貌似他们也会写简单的页面,所以很多时候一个菜鸟前端是要被取笑的。。
无妨,毕竟底气不足,也想谈谈作为一个菜鸟,眼中的前端是怎么样的,哪些难以实现。
这段时间收获并不大,因为页面较多,所以很多时候都是抱着完成任务的心态去工作,工作效率就不谈了,写完一个页面,组件类的,之后再有重复的,就是ctr+c 或者ctr+v的工作
技术副总监交了我一些规划似的方法,执行者为我。要组件化框架化,把相同的组件柜类,写样式,然后不同的样式再继续拓展这样前期就会比较难,后期就会比较简单
当初我也是这样想的,但是我自己挖的坑怎么都填不好
其一:我想我们部门是和产品部门结下了梁子,看似色调 尺寸一样的页面,其实千差万别,尼玛,我套用原来的根本无卵用,还要不停的改原来的,加个类名 在写新的去覆盖之前的,我没有觉得我的高质量有多少简约,反而增加了我不停改正不停对比的工作重复
这样看来,其实产品部并不是画好简单的图就完事的那种,他们把不同的样式进行无线的自由组合,所以我觉得代码好不好写,页面好不好写,其实跟产品有着最直接也是最密切的关系,并不是作图好看就可以。
其二:因为自己前期写的套用格式,后期无法套用,我就一直尝试去套用,被自己最初写的代码坑的苦不堪言
其三:css 命名,我的命名多数都是根据百度翻译而来,但是一个完整型的网页,类似的名字实在太多,最初考虑的并不完善,只能不停的加长名字的翻译,以视区别,所以好的前缀与后缀灰常重要,这决定了你后期写代码的时间和工作量。切记单纯翻译,你会嫌弃自己
其四:布局,宁愿多用几个div包裹 也不比吝啬少几个,总会有几种需求让你有备而无患
其五:基础样式的编写,一定要考虑好后期的更改和拓展
总结以上几点:也就是命名规格,布局,样式
我写的css是根据模块来区分,比如说modal.css table.css btn.css header.css footer.css top.css and so on
我引入的css 太多,我不觉得有好处 相反我深深觉得不对劲
虽然是基于bootstrap 按照他们对css 的规则去不停引入,作为一个电商网站,目前,我是觉得不适用的。此网站是本人写的第一个网站,有种无力感,但我知道,我一定会完成的!