Web App开发—框架和库的选择

这次我们开发的是一个Web App, 即以H5页面来代替原生页面进行开发app。

​ 这个APP的用户是公安用户和单位用户，公安用户可以查看其管辖的网站的网络安全情况，并且给其下发单位发送通报，通知其去处理网站的安全问题。单位用户可以通过该平台查看其网站的网络安全情况，及时对紧急情况作出处理，并且能够接收以及回复其上级单位的通报。

项目主要是采用了Vue+ Webpack+Vuex+Vux.

​ 1.Vue.js。 vue.js是一个MVVM框架，数据和界面分离，大大提高界面和业务逻辑的开发。而且小巧灵活，非常适合开发手机前端网页，特别是单页面应用。我们选择vue.js 2.0以上的版本。

​ 2.Vuex。 Vuex.js是vue.js 2.0的数据状态管理方案，解决vue的组件之间的数据和事件传递的问题。单页面应用最好用上vue-router.js, 需要将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。

​ 3.Vux。 Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。vux-loader保证了组件按需使用，因此不用担心最终打包了整个vux的组件库代码。即使你不使用vux的代码, 但能从源码得到一些参考那么也是件让人高兴的事情。

​ 4.MD5.js。 网络数据传输要保证数据的安全性，签名要用到md5后的请求数据和后端进行检验。

​ 5.fastclick.js。 iphone手机浏览器对页面点击事件有200毫秒到300毫秒的延迟，Android手机上的浏览器一般没有这个问题。为了消除这个延迟，提高页面响应速度，专门用fastclick插件消除这个延迟。

​ 6.scroll。 没有采用Vux的scroller组件，自己封装的组件可以支持上拉和下拉刷新。

​ 7.photoSwipe。图片预览组件，可以支持放大预览上传的图片或者已经加载的图片。

​ 在本次项目中，Vux库的很多组件无法直接使用，必须对组件进行适当地修改才能适用于app项目。以上就是本项目用到的基本的框架和组件。