先自我介绍一下，前端小菜鸡一枚，项目组用的是vue为主，这篇感悟比较适合与本人一样刚开始工作的小菜鸡们。。。
工作时，相比自己敲代码，最大的感受就是自己的代码十分不规范，在此有一些感受，记录一下，顺便让大家吐槽一下我这个菜鸡。。
1 请求接口时获得的数据千万不要直接使用，除非你真的的能确保他只会用一次而不被别的地方使用，获得数据以后需要中间转化一遍以后再使用，保存请求数据原样不变。
2 函数封装不能贪图一时的方便，将一系列过程都封装到一起，万一你后面突然发现有需要中间某一步骤，蛋疼了。
3 页面布局使用流式布局尽量不要使用定位，定位看起来一开始方便，但是你可以想象，突然需求要求页面中间添加一个div，然后每一个定位都要重新计算的蛋疼。
另外强烈推荐工作一个月后的同学重新看一遍设计模式（感谢我的领导要求我看设计模式，膜拜了），认真想想前辈的代码是为什么这么编写的，相比自己有什么方便的。像我一样的同学我想应该挺多的，平时敲的代码虽然也有，但是敲过大型的应该比较少甚至没有，前辈的代码的好处都在于结构清晰，目光长远，便于以后修改（0.0 想必这也是他们踩坑的感悟）。
另外给大家讲一下碰见的问题以及解决方法，和工作中觉得比较有用的点。
1 当你需要的效果是表格中某一数据没有时显示一些占位字符以保持美观 可以在{{ data || '--'}} 这么写，如果data是空那么会显示-- 比较美观。
2 element 组件 select下拉框选项需要重复加载并赋初值以后选择不了的问题，根据百度以及我的理解这个是因为vue是在页面加载时就确认了这个dom是否被监听，也就是说，后来插入的dom节点vue可能并不能监听。解决方法1 给下拉框加一个 @change 事件 触发函数内写一个 this.$forceUpdate. 解决方法2 $set 这个方法本菜鸡也没用过，需要的人请自行百度。嘿嘿嘿。。
3 vue有一个transtion标签可以用来写一些人工需要的效果，挺方便的
4 padStart方法和padEnd方法，可以给头部或者尾部补全相应长度，在转换时间时可以用来补齐08：11：06 中的0，很方便
暂时就写这么多吧，项目挺大的，很多也正在学习，刚开始前端工作生涯小菜鸡一枚，有一段话刚开始学习时看的一直记得挺清楚，初级程序员：以能够达成需求目的为目标。中级程序员：以代码整洁为目标。高级程序员：以项目骨架为目标。大概就记得这个意思了，高级应该还有更多需要学习的。自我评价我也就是个初级，急需工作经验以及知识面拓宽视野。大家如果有什么推荐的书或者前端程序员必备知识，欢迎推荐，希望能与大家共同成长，话不多说，祝大家快快发财。