开发时间轴动态扫描图谱展示功能总结

  开发时间轴动态扫描图谱展示功能已经有大约有35天了，这期间遇到过不少的困难和挑战，同时也收获颇丰。最初的状态是看到后端代码的不知所措，看到前端代码的一脸茫然，这期间的过程是痛苦的，想尽快完成任务，无奈水平和能力有限，无论怎么挣扎和努力都进度缓慢。有的时候人必须认清现实，有些事是急不来的，任何事物的发展都有其自身的逻辑和规律，搞技术开发就应该静下心来，扎扎实实的打基础，不可操之过急。这次开发这个功能自己学到了很多，自己以前也学习了相关的后端的知识，譬如：spring、springMVC以及mybatis等，但这次真正开始开发的时候，借鉴前辈的代码还是一脸茫然，根本看不懂前辈的代码，有些代码必须在前辈的指导下才能看懂，在前辈的指导下自己在查阅相关的资料加以巩固和加强相关知识的运用，这使得我深刻认识到理论和实践根本就是两码事，理论知识如何要得到深刻的认识，必须要回到技术开发的实践。只有实际的开发才能够确确实实的提升自己，光看书是没有用，这两个要有机的集合在一起，但重点还是实际的开发实践。此外这现价段自己要不断的进行开发经验的积累，要注重经验的积累，这个对于一个程序开发人员来说很重要。

其实，个人感觉后端的知识并不是特别的难，对于本次开发难点主要在前端，因为本次做的功能就是图谱展示，所以前端是重头戏。这其中涉及到openlayer的运用，说实话我对这个技术是陌生的，我用差不多两周的时间才把后端所用的知识弄懂，能够从后台获取到所要的图谱，但这只是工作的第一步。第二部就是进行openlayer图层的轮播，这个对于一个从未接触过此技术的人来说，完全不知道该怎么做，这期间还走了不少弯路，开始的时候前辈提示我将不同的图层在循序的时间内设置可见和不可见就行，但自己可能是基础知识薄弱还是自己的理解能力差的问题，我总是在添加图层图片的URL上想办法，想在此有所突破，结果可想而知，撞的头破血流也没有突破，所以有的时候方向错了，在怎么努力都是在做无用功。之后再前辈的指导下，在研读一些公司之前相关的代码，借鉴一番之后就实现第二步的图谱循环轮播效果的功能。
 

第三步就是添加时间轴插件，百度不到合适的插件，好不容易找到一个自身的bug众多，运用的过程让我苦不堪言。时间轴插件给我的感觉就是总能给我带来惊喜，总是在自己感觉要成功的时候出现bug,有的时候真的很气馁，总是不能一帆风顺，总是困难不断。刚开始就在时间轴起始时间的赋值这块卡住了，尝试了自己知道的所有的方式皆以失败告终，最后是前辈帮助我克服这个困难，用的方法很简单就是利用javascript动态的添加和操作html元素，再次感觉到自己开发经验的不足，可以用捉襟见肘来形容。第二次遇到的困难就是图层中图片总是不能一下子加载而是缓慢的逐个加载严重影响客户的观感，为此前辈的指点是做一个图片预加载，但虽然解决这个问题但新的问题随之出现，加载的图层图片在首次播放时总是出现闪动，之后就不出现这种情况，中途尝试了诸多的方法但最终皆失败，最后前辈给的解释是可能是openlayer内在的处理机制的问题，问题可能不出现在我这里，为此我暂且搁置了这一问题。

 

下面进行的是时间轴插件bug的改正，同时也要实现时间点的播放和在指定时间点图层显示相一致，这个需要我在插件中进行相关的处理。首先我要读懂插件，开始的时候也是有困难的，但之后就大致就知道了插件内相关函数的意思。最后进行各种测试，在谷歌浏览器几乎没有什么问题后又改用IE浏览器进行测试，刚开始就出现错误，总是报undefined的错误，后来前辈指点是程序的运行循序不对，可能是某个程序先于需要提供给它参数的程序跑了起来，导致了这个错误，改正这个错误可以说该功能基本已经完成了。

最后想说的是：念念不忘，必有回响；不忘初心，不辱使命。