一个月的总结

[lianjianbo]

一个月来的总结

 时间过的飞快，转眼入职已经一个多月了，一下是我这一个月以来的总结。  在刚来的一两周里，由于不熟悉vue和element-ui的使用，所以在组长给我的一个练手项目里处处碰壁。在第一周自主学习了vue的官方文档之后，一切显得不会那么的不从容了。虽然也经常请求组长的帮忙。简单来说，学习——就是我这一个多月以来的工作标签。在经过了两周多快三周的时间过后，那个小小的练手项目也已经被我一点一点的蚕食掉了。以下，重点来谈下以electron+vue-cli实现一个跨平台桌面程序。首先，它是一个用electron显示，vue-cli实现的一个页面。该页面有三个部分组成，一是由<el-header></el-header>组成的一个<table>组件，该table主要用于接收后台传输的数据。二是由<el-aside></el-aside>组成的一个<multicastForm>组件，三是由<el-main></el-main>组成的<ModifyAttribute>组件，该组件是用由form表单组成，主要是用来接收第一个组件table的数据。  在刚开始的时候，我将三个组件的内容全部写在了一个组件中，这样使得代码看起来非常的乱，在组长腾辉的指导下，将页面分成三个组件，然后用父组件去调用这三个子组件，因为vue是可以实现数据双向绑定的，这使得对数据的处理就更加方便。在腾辉的帮助下，三个组件的框架很快地搭建好了，接下来是进行数据传输，处理和渲染的问题了。首先是将点击开始扫描后，扫描到的数据渲染到表格上。在渲染数据这一问题上，耽误了好长时间。一开始的思路是这样的：因为表格的数据是数组类型的，而后台的数据是存在队列中的，因此只需要将队列的值取出来之后赋值给数组即可。后来发现，此法不通，请教腾辉后，发现有更简捷的方法：就是将队列中的数据pop出来，然后寻找标识队列和数组的唯一特性并遍历数组，随后将其push出来渲染到表格中。  在相继完成第一个和第二个组件之后，接下来便是处理第三个组件——form表单的处理。首先，form表单的处理就是要对选中点击表格的一行并渲染到form表单中，并能显示。而对处理这个方法的思路是这样的：一是要有一个选中表格的单击事件：由于使用的是element-ui的样式组件，所以该表格有一个row-click事件，其意思是当某一行被点击时会触发该事件。二是要在该事件中完成数据的渲染：尝试一番过后，虽然也实现了渲染，但代码冗余太大，可维护性差，在腾辉的帮助下，重新换思路，更换代码，使代码更加简洁，增加其维护性。  最后，在三个组件全部完成后，还有一些小问题需要去修补：如样式的对齐，表单的对齐，页面空白的处理，以及页面大小自适应的问题。此项任务的完成是60多个工时，也就是一周多的时间，而我却用了两周多的时间才完成。这也让我认识到了目前自身能力的不足，当然我也不会因此而气馁，反而会使我更加努力，不畏惧挫折迎接挑战。  当然，这一个月来我也收获了不少。首先，在编写代码的时候，我容易进入代码的死胡同里，就是只看到了代码，而没有跳出代码去看实质的问题，后来我慢慢学会了走出来，不会再陷进去了。其次，我懂得了分析问题的重要性，一开始，写完代码，接着就会去运行，一旦运行出错，我便会很慌，不知所措，经过一段时间的沉淀，静下心来的思考，我会去分析每一个错误，接着学着去调试，一步一步找出问题的所在。可以说心态是比以前更好，更有耐心。  成长的道路是艰苦的，学习的道路是曲折的，我相信，在艰苦之后，曲折之后，终会迎来黎明的曙光，相信我会在公司同组长和其他组员相处得很融洽，也能给自己带来不少的收获。