基于VUE框架的前端实战小结

进入副本

11.17周日上午收到要去参展的消息，开始重新接收功能需求以及界面布局，并运用之前以后的知识经验（HTML，CSS，JS）前端三件套进行实操，忙率一天一顿操作下来，终于要把提的要求都差不多实现了都扔在了一个模块杂交，到了晚上决定让我临摹一个基于vue框架的前端系统，悬着的心终于死了。开始从github上下代码，开始安装各种依赖环境，再扛住了网速以及报错的双重考验之后，突如其来的一个登录界面进不去展示页面又是晴天霹雳，又是一顿操作乱改，最后转变思路，不再纠结用户名和密码的正确与否，选择使用假令牌绕过认证，直接进入首页，完美解决了第一个难题。

开始修炼

11.18开始查看这个庞大的代码框架之下的各个分支，看清原有的存储结构与逻辑，有好多未曾见过的规则与格式。与组长对接功能需求，开始重写代码。

11.19-11.20根据最新要求，与后端相连，部署前后端接口，在前端发送请求，对后端的响应解析处理合理展示，遇到许多未曾处理过的数据格式和对象，新的语法，新的错误，与网络通信相关联，查看报错及时修改等等，最后成功解决前后端相连的问题。

11.21-11.26根据最新的布局与界面要求，开始修改代码，将功能拆分出来，每个页面重新布局，设计新的展示功能，同时美化界面，修改源码，合理仿照，不断调试，修改bug。

成功通关

通过一周多的地狱副本修炼，学到了许多新的知识，也是体验到了闭上眼睛代码往脑子里钻的感觉了，也是有了凌晨修改bug的经历了。感谢一路上陪伴我的拆特G先生，没有他我也不可能把所需的功能这么快的实现，也让我学会了合理利用现有资源供给自己所需。感谢徐*师兄，帮助我调式错误，实现前后端互连，也让我学到了很多，学会console.log查看控制台输出，类似于断点，每个地方设置查看以便发现错误，同时互连过程中的前后端不同的报错，来回的查找解决，也让我受益匪浅。感谢刘**师兄，在我前端展示部分一些地方功能卡bug的时候多加提点，理清我手忙脚乱中的逻辑思维。感谢徐**师兄，不断提改要求，不断测试检验，提供情绪价值，不断反馈逐步提升。感谢加班那些天陪我一起下班的伙伴们，给我宽慰，缓解压力。

通过这次实战，让我再次找回了写代码的感觉，同时也有一些学习心得：

• 合理利用资源，事半功倍，但也要看懂代码逻辑，明白整体框架，以便后续修改。

• 不要操之过急，有时候思维逻辑是最重要的，师兄过来提点一下换个解决思路，直接完成了最终功能，而不是沿着之前的路数找错解决。

• 要会运用控制台，输出日志查找错误，查找布局类别，合理调整。

汲取精华

前端给我的感觉，每一小部分功能单独写没那么复杂，但针对不同的输入以及需求不同的输出，融合到一起确是那么的庞大又注重细枝末节。每一个地方都有它的独到之处，要明白布局的结构逻辑，要明白功能所需落到代码中该如何实现，要明白每一个模块每一个类别他的所属特点，代码命名要清晰，代码书写要规范，代码功能要简明，代码注释要必要，要明白每一个功能语句他的含义，以及真正落实到页面上他到底实现了什么样的功能，父块和子块又有巧妙的互通之处。不需要的类要及时删除，禁止不同页面之间类属性命名相同，以免影响其他页面的布局。明白你对于一个对象的数据处理以及存储逻辑，当增加新的功能时，正确绑定，合理操作，往一个八分熟的功能页面中加入新的功能最重要的是对对象数据的处理运用，以及其他功能实现逻辑的重新思考，做好初始化与删除工作，想好每个功能之间的前后逻辑。总结下来，最最最重要的一点，思维逻辑与代码处理。你要实现什么功能，首先是想好该怎么一步步实现，确保思维逻辑的正确，再考虑在实现每个小功能过程中用什么变量存储什么结构，不同变量之间的先后关系，后续调bug时也能有迹可循。

话不多说，加油努力，开搞开搞