软件工程师实习报告3000字

　　詹⽼师让我模仿“过家家gogaga”所开发的“打电话认师姐”微信⼩游戏写⼀个类似的应⽤。 我把原始应⽤找出来便开始抠代码， 第⼀步是将套在微信接⼝中的原始应⽤抠出来(套在微信接⼝的原始应⽤只能在微信浏览器中运⾏，⽆法在电脑上测试)，周⼆开始做， ⼀开始我的效率⾮常低， 因为我很多测试⽅法并不熟悉， 在参阅了微信JS-SDK后总算把原始代码抠出来， 厘清该应⽤的基本逻辑后开始重写， 在詹⽼师的耐⼼地指导和对基础知识的讲解下，我们将原始代码中120⾏的CSS代码优化到60⾏，将五百多⾏的JS代码优化到只有60⾏，这事实上是在原有的逻辑上完全重写了，这让我开始有点成就感了。

　　也第⼀次感受到产品开发中的⼤局观，这种⼤局观更多的是体现在细节上，⽐如代码变量名的设置需要与⽂件存放联合考虑，以便⽇后修改和维护。 詹⽼师在讲代码逻辑的时候亲⾃写了⼀个例⼦让我体会， 虽然消化这些⽤了快⼀天，但感觉真的收获很⼤， 有拔云见⽇之感。

　　实习⼀周后所遇到的种种困难也让我意识到⾃⼰很多问题，归纳如下：

　　1.尽管之前对于书本的学习有⼀定积累，但还是暴露出代码的不熟练，细节⽅⾯处理能⼒差，在细节上耗费时间太多。　　2.缺乏基本的软件开发测试思路， ⽐如之前不知道chrome具有相当强⼤的错误测试功能，它对于没有触发的函数也有错误提⽰。

　　3. 缺乏专注的习惯，⽐如詹⽼师让我先完成功能⽅⾯，但我却习惯于去找找界⾯的素材， 这就导致两边都没有做好。虽然认识上知道不该这么做，但是习惯上却很难改。

　　4.⾃⼰很多时候虽然有问题但是不能完全阐述清楚，所以跟leader沟通的时候往往⽀⽀吾吾，以后有问题⾃⼰⾸先得想清楚，将问题讲明⽩也是很关键的能⼒。　　另外也记录⼀些⾃⼰的浅薄感受：

　　1.⼯科出⾝的詹⽼师对于代码的运⾏效率有很多的考虑，但对于⽤户体验和交互效果似乎稍微少点，当然也可能是我新来并不了解的原因。

　　2. 公司在做⼩应⽤的时候并不会在⽤户测试和产品结构功能上讨论太多，公司要的是迭代效率， 就是要快速出应⽤，然后再快速上线下⼀个。

　　本周接到新的任务，为中国教育在线制作H5的招聘页⾯， 之前的“给师姐打电话”的H5应⽤还没有优化好，能做的改进的地⽅还有很多，leader詹⽼师让我先把招聘站做好， H5应⽤先放放， 他给了我⼤街做的“中国好Offer”作为参考， 拿到之后确实感觉这些页⾯都做得很好， 詹⽼师搜集的资源确实⼗分丰富，从实习到现在他发给我的参考很实⽤，在看完了五六⼗个H5的招聘页⾯之后开始构思， 在将产品架构基本做好后，测试⼜发现很多问题， 有技术层⾯的，但更多的设计本⾝的问题。技术的细节的问题：基于jquery mobile的开发框架国内的资料⼗分有限，不得不查阅原始的英⽂API，很多问题也只能去JQM的论坛查找，这些都⼗分考验英⽂阅读能⼒。CSS的布局问题繁杂，在各个浏览器，各个应⽤的渲染都不⼀样， 也是很折磨⼈的过程，我现在就碰到了css中font-weight属性在Safari没有渲染的问题，⾄今没有解决。

　　逐渐体会到前端⼯作的繁琐与细节， 需要学的东西很多， 有时候可以凭⾃⼰⼀些⼩聪明在当前解决，但并没有摸到问题的根源，扬汤⽌沸不是长久之计，但⼜好像没有⾜够的时间来系统的摸索，我只能先将这些问题⼀⼀记下来。这些技术的体会是⼀⽅⾯，另⼀⽅⾯便是产品的设计层⾯， 现在就是因为产品快做好后发现有很多地⽅犯了低级错误， 以往的纸上谈兵头头是道，等到⾃⼰亲⾝实践却感到把握不住很多设计原则， ⽐如界⾯设计给⽤户造成的不必要的⼲扰， 功能可见性的不⾜，逻辑上的不严谨， 以下我归纳了下岗做好的H5界⾯存在的交互问题：

　　1.页⾯的设计初衷是左右滑动来切换页⾯，但给⼏个朋友测试后都不能进⼊页⾯后就⾃然⽽然的知道是左右滑动。　　2.join us的图标给⽤户是按钮的错觉，在测试中很多⽤户以为是按钮，都会下意识的点击。

　　3.交互效果的乏善可陈，与滑动的逻辑似乎也没有太⼤关联，只是单纯的加⼊了⼀些css3的动画。　　4.⽤于提⽰左右滑动的动态箭头会让⽤户以为是点击作⽤　　改进：

　　1.放弃join us 图标

　　2.改为上下滑动，箭头提⽰更改　　3.重新设计图标摆放结构

　　总结： 这次的H5页⾯主要在于设计问题， 事先并没有完全构思好原型就急切投⼊到代码的编写中，这种开发⽅式本⾝是⼗分幼稚的!