谈谈一个菜鸟写了一段时间的静态页面

前端,在公司尤其是在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 的规则去不停引入,作为一个电商网站,目前,我是觉得不适用的。此网站是本人写的第一个网站,有种无力感,但我知道,我一定会完成的!

原文地址:https://www.cnblogs.com/qingcui277/p/5590490.html