Skip to content

ionic和Vue和React对比使用

dicallc edited this page Jan 16, 2018 · 2 revisions

很幸运的这个三个我在工作中都用过,只是在不同项目中实战了,所以就简简单单的说一下我的使用经验吧

React.js

目的:开发H5

项目组:6个人一起开发一个企业项目

效果:虽然是H5,但是比移动项目组的RN,都要快一点,这样开发RN的同事有点小尴尬,但是学习React.js,更多的就是组件化和数据绑定

然后就是各种React技术栈的配合(Redux,router,less/sass)

Redux实现数据的统一管理,Router实现路由跳转,当然你还得学习webpack进行打包

这一切的结合最后等于一个angular

但是相对于新手来说你只要拿着ES6一本书看完就ok了,项目中基本没什么问题,对于前端来说问题基本不大

angular和ionic技术选择:

目的:混合开发

项目组:两个安卓和ios进行学习并开发

效果:其实原生打开混合应用效果并不是很理想,但犹如支付宝打开其中的微应用也并不快,有待优化

移动端实现应用市场,市场中可进行升级,下载,删除,微应用,微应用都由混合开发而成

我最先也是拿angular和ionic入门的,前端的开始也是从这开始的

辛苦,辛苦的原因是环境忒难配了,难在开始!

后期你就可以享受到了angular全家桶的好处,因为你能在前端里面牛逼的特性,基本里面都有,这也是为啥跟React对比

React就是一把螺丝刀,而angular就是一个工具箱

你要明白之前谷歌团队的承诺2周一个小版本,这是对于angular多大的支持力度,如果你选择angular,相信你不会后悔的

ionic 更像是包装cordova的一些东西,其实有大部分东西UI都是ionic提供的,混合开发中UI你只要参考ionic的文档,尽量使用他的组件,当然有段时间我们也自暴自弃也没使用,也没啥问题

ionic的UI确实在移动端适配力度不太好!

有issue提到:我没怎么写交互的代码,没什么可以参考

这是事实,其实交互代码,对于移动端开发来说可以理解为是业务对吧,业务操作大部分是用angular在写,你其实按照angular中文文档写,是问题不大的,大部分都可以找到解决办法

比如:

数据传递与通信,angular提供了三种解决办法,父与子通信,子与父通信,兄弟通信

联网操作:我代码里也是有的,你可以使用RXJS,也可以使用promise

对于dom操作:我记得angular开发组曾说过,angular的dom操作的是引入了jq的,如果你熟悉jq,你应该能用angular进行编写

其他的你能在官方文档中发现,希望能给你带来惊喜

还记得我当初入门这个的时候,从css,html,js,sass.es6,typescript

其实这些的先进的东西混合在一起,通过谷歌的融合才成现在的angular。对于新手非常不友好,因为对于新手来说不懂为啥要用这些东西,当然前端可能知道这些东西都是前端未来的趋势

Vue.js

相比较angular的话,Vue的侵入不怎么强,我们平常需要或实用功能,Vue基本就有,相当于一个简化版的angular吧,有想深入了解的话,可以看看我写的一篇对于Vue的经验,毕竟主场是angular

从接手开发传统桌面端才想起Vue的好