-
Notifications
You must be signed in to change notification settings - Fork 219
ionic和Vue和React对比使用
很幸运的这个三个我在工作中都用过,只是在不同项目中实战了,所以就简简单单的说一下我的使用经验吧
目的:开发H5
项目组:6个人一起开发一个企业项目
效果:虽然是H5,但是比移动项目组的RN,都要快一点,这样开发RN的同事有点小尴尬,但是学习React.js,更多的就是组件化和数据绑定
然后就是各种React技术栈的配合(Redux,router,less/sass)
Redux实现数据的统一管理,Router实现路由跳转,当然你还得学习webpack进行打包
这一切的结合最后等于一个angular
但是相对于新手来说你只要拿着ES6一本书看完就ok了,项目中基本没什么问题,对于前端来说问题基本不大
目的:混合开发
项目组:两个安卓和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