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

Posted 2020-07-26 祁祁

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