背景
最近一个多月完成了公司的一个攻坚战项目，项目内容就是对于公司现有业务的一个大版本的迭代。我负责的主要内容是其中的三个模块，内容不多，但是有些地方逻辑很绕。通过这次开发，攒下来了一些经验，特此记录下来。
开发前的准备
做开发切记不要急躁，道理就摆在这里，但是大多数人都做不到，我也是一样。所以在开发之前需要做到两件事：
- 看产品原型，了解清楚需求逻辑，并就模糊的地方与产品仔细沟通。这里要注意的是一些UI样式要在这里与产品确认好，例如页面滚动区域的高度等等。
- 画思维导图，拆分需求为一个个小的点，后续在开发中并实时同步，这样确保开发过程中考虑的更加全面。同时在开发过程中遇到的问题和其他待确定的东西，都可以同步到思维导图上面去。从而保持整个开发思维上的完整，既有利于梳理思路也有利于后期修复bug。
开发前的准备
在这里反思一下自己做的不好的地方。这次开发我负责其中3个模块A、B和C，复杂度依次递增。我从最简单的模块A进行开发，画好了思维导图，拆分了需求，解决了遇到的问题，开发过程很顺利。再然后就是难度中等模块B，开发过程中很顺利。但是后续产品验收和上线的时候出了问题，其中一些地方没有考虑的深入贴合原型图。甩锅可以甩给原型没说清楚，但是自己还是明白，当时自己图省事没有与对应产品进行仔细沟通。脑子里没有做到全局层面上的考虑，这对于前端开发谈不上是一个大的缺点，但是如果后续提高自己的技术，学会从不同角度考虑需求，做到全面的审视整个产品是很重要的能力。引以为戒，全面考虑，注重细微。
最后开发的是模块C，对应后端很给力，基本没有出现bug。但是我前端这边出了不少问题，样式上和兼容性上面。事后反思出了上面所讲的偷懒不愿意多考虑细节之外，没有对于边界条件和不同机型的变化做一个「兼容性考虑」。前端画页面，浏览器往往是不可信的，唯一值得相信的就是真机运行。所以第二个得到的教训是开发过程中，使用真机测试，并且考虑边界情况，不要拖到测试提bug。
好记性不如烂笔头，这是这段时间我理解较深的一句话。人贵在有智慧，懂得利用工具改变做事情的难度。对于这些可以利用外在工具进行存储的地方，就要大胆地利用，从而对自己的生活带来便利性。不要每一件东西都要努力记住，人的大脑一时间是记不住很多东西的，就算记住了很快也就忘记了。需要记住的是思想，考虑问题的思维方式和角度。
开发中的一些体会
开发过程和以前开发基本是一样的，但也有一些心得体会。
1. 在实践中学习的知识是最牢固的。之前学习技术知识点，要么看书敲demo，要么看视频跟着学。这样学习的好处是系统化，缺点是不一定适合自己，一段时间后如果没有使用，也渐渐淡忘了。这次开发中，部门内部推行了统一的git分支管理。其中最重要的就是使用cherry-pick(遴选)这个命令，保证了每个分支上commit的规范与完整性。在此之前，我对于git的使用很生疏，有点畏惧使用，因为心里怕把代码搞坏。经过这次开发之后，对于git的熟练度上升了一个level。在实践中学习知识，越是重要的实践，学习到的知识越会牢牢记住。
2. 灵活使用组件库，但不要依赖组件库。前端开发中，不可避免地会使用组件库。原因是重复造轮子，自己写一个交互效果要花费很多时间并且不一定效果很好。倒不如直接使用现有的组件库，几分钟就能得到想要的效果。但是组件库的使用也存在问题，这些问题却有意无意地被我们忽略。首先最浅显的问题就是，组件库的样式不一定是我们想要的。组件库的通用性，就天然注定了具体项目中样式的不适合。我们需要在其基础上进行一些修改，组件库一般有着自己的scope，用来避免外来样式的污染。遇到这种情况，首先需要打开控制台，定位到具体dom元素，找到对应的class名，在尝试使用/deep/进行样式的重写。
除此之外，这次开发正式上线的那一刻遇到了组件库的另一个问题。那就是组件库的样式真机上出现bug，定位了多次还没解决。最后再同事的帮助下，解决了。解决方案就是不完全使用组件库提供的组件，部分内容可以自己写。后面同事告诉我，组件库忌讳的是嵌套层次太深，造成样式的彼此覆盖。以后使用组件库时，能自己写的就自己写，不能自己写的也要避免dom的层次不要太深。
3. 使用合适的工具提高开发效率。以前对于这些话有点不以为然，心里觉得那些小工具没什么太大用，自己也能做到。但这样想其实是错误的，开发中小工具的使用目的是保持思维的连贯性，使得不被无关的事情干扰。举个例子，谷歌浏览器的Vue-devtools插件能够在页面中实时看到数据，这在调试的时候很有用，避免一次次使用console.log大法，省下了时间去全神贯注解决bug。还有vscode中一些有用插件的使用很有帮助，git-history插件直观的展示了不同分支的commit情况，便于我们进行git操作，再也不担心出错啦。
4. 学习吸收别人的代码思维和代码风格。在大项目开发过程中，难免需要团队多人协作开发。这也就难免会看到别人开发的代码，首先不要害怕别人看到你的shit一样的代码，或许人家早就习惯了呢？大大方方写代码，看看别人的代码书写风格，觉得漂亮的就吸收过来。一些逻辑用的很妙的地方，认真请教学过来。将别人的长处吸收，有意的形成自己的代码规范和开发风格。不练级，怎么以后能升级呢？
5. 思考积累自己的代码片段。在开发过程中会遇到很多问题，有的问题同事已经有了成熟的解决方案，有的问题还没有。遇到问题那就搜索找到问题的解决办法，最后将解决方法吸收，存入自己的问题解决库，积少成多，这就是以后自己的解决问题的能力。
结束的思考
人都是懒的，人都是喜欢好的东西。但是好的东西之所以号，其中一个原因在于难以得到。为了得到好的东西需要付出努力，大多数人不是不知道这个道理，但是总是心存侥幸，想要找到捷径。结果就是时间过去了，人也荒废了，然后慢慢低头屈服。最大的捷径就是一点点辛苦的付出汗水，只此而已。
