前端技术选型报告

一、 技术栈

VueJs+ElementUI+WebSocket/stopmJs+百度地图API+nodeJs/MockJs
运行平台：现代浏览器（Chrome、Firefox、Edge以及大部分国产浏览器的极速模式）

二、 框架选型

Vue全家桶（vue+vue-router+axios）
主要特性：
1、 渐进式MVVM框架
2、 组件化编程，方便复用
3、 虚拟DOM技术，页面性能好
4、 API简洁明了
5、 社区丰富强大

Vue vs React
1、 都支持平台级的大型复杂应用，生态都很丰富
2、 状态管理上，理念类似，vue使用vuex,React使用的是Redux
3、 在扩展能力上，两者生态也相差无几
4、 社区活跃度都很高，都有较多的配套UI
5、 React学习曲线比较陡。在模板上，React使用的是JSX,而Vue使用的是接近常规的HTML模板，提供了比较人性化的指令。在文档上，Vue是国人开发的，中文文档比较友好，React中文文档比较粗略。

三、 UI选型

ElementUI
1、 面向web的vue配套UI。
2、 丰富的组件、界面比较美观。
3、 文档比较完整、社区活跃。

四、 消息框架选型

Websocket+ stompjs.js
构造stomp对象，连接后端RabbitMQ服务，实现消息实时推送。

五、 地图Api选型

选择百度地图Api的原因：
1、 Api齐全，可满足标注、绘制点线面、路线规划、轨迹回放等功能。
2、 Api性能较好，定位精度高
3、 路线规划可满足铁路、公路、飞机的需求

百度地图Api vs 高德地图Api
1、 两者都具有比较丰富的Api
2、 高德APi比较简答，上手比较容易，文档上，高德文档也比较友好
3、 在路线规划上，目前高德暂时不满足铁路、飞机的规划，而百度可以

六、 Mock数据选型

NodeJs+MockJs
使用NodeJs+MockJs的方式进行开发数据的模拟，满足前端开发受限于后端接口的问题，使前后端开发可以同步进行，提高开发效率