webapp开发技术选型

2019独角兽企业重金招聘Python工程师标准>>>

react

React是Facebook在2013年发布的一个前端框架，而如今的React俨然已经演变成一个前端生态，这个生态圈包含了众多基

优势：虽然不能做到一处编码到处运行，但是基本上即使是两套代码，也是相同的jsx语法，使用js进行开发。用户体验，高于html，开发效率较高

劣势：对开发人员要求较高，不是懂点web技术就行的，当官方封装的控件、api无法满足需求时 就必然需要懂一些native的东西去扩展，扩展性仍然远远不如web，也远远不如直接写Native code，发展还不成熟，目前很多ui组件只有ios的实现，android的需要自己实现于React的框架：ReactJS、ReactCanvas、ReactNativeforiOS、ReactNativeforAndroid。

 

ionic

ionic是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择，是基于angualrjs

优势：纯web思维，开发速度快，简单方便，一次编码，到处运行，如果熟悉web开发，则开发难度较低。文档很全，开发者多，视频教程多
劣势： 占用内存高一些（不过手机内存都大了不影响），不适合做游戏类型app

此种方法一般为 css组件+javascript组件+cordova打包

基础教程：

http://bbs.phonegap100.com/thread-2047-1-1.html

http://www.phonegap100.com/

整套下载地址：

• angularjs+ionic视频教程【exe格式】
• 链接: http://pan.baidu.com/s/1kU2sH6J 密码: j15m
•  angularjs+ionic视频教程【Avi格式】
• 链接: http://pan.baidu.com/s/1jHkJJpW 密码: esg4

其他

经过调研，还有其他组件也可用于app的开发

1、一个基于vue.js和Firebase制作的笔记spa（mobile端），UI库使用light7，页面切换使用vue-router。

https://github.com/Geocld/vue-vueRouter-note-Firebase-mobile

http://www.jcodecraeer.com/a/javascript/2016/0929/6648.html

 

相关技术列表

js框架

1. vue
2. angular js
3. react

css组件+JavaScript组件

1. framework7
2. ionic
3. vux

打包

1. node
2. cordova
3. crosswalk

转载于:https://my.oschina.net/hnuweiwei/blog/820857