移动端混合开发

到现在做移动混合开发一年多了，做了3个项目，也算是个老手了。虽然只干了一年，但花了很多时间研究，所以感觉至少有2年多的经验。

框架选择：综合上手难度、普及率、资料查询难度等选择了ionic（框架自带整合angularjs+cordova）。官方地址：https://ionicframework.com/docs/

个人觉得ionic做的页面非常美，没图你说个什么？下面先看看效果

花了7天做的一个演示demo，地址是http://renrenxiuka.whty.com.cn/app/ICBC/index.html

是不是被惊艳到了？

ionic优点：

1.节约成本、页面好维护

   这是混合开发的共同特点，原生开发ios开发ios的，android开发android的，即耗人力，页面做的也会有差异。混合开发一个人就可以开发跨平台且共用的页面

2.控件多

  常用的控件官网上都可以查询到，使用方便，比如广告轮播、日期选择等控件。如果控件没有，也可以使用html+css+js的方式实现。如何引用自定义js?后面的博客我会写到。

3.便捷的插件

 什么是插件？我的理解，插件就是一些封装好的原生功能，在页面上调用。

 ionic采用了cordova来调用原生的功能，自身提供了很多写好的插件，也可以自定义插件，非常方便。

 4.资料查询

  百度搜到关于ionic的资料寥寥无几，要在github上去搜索，在官网上也可查询。

  当需要调整某个控件的颜色或宽度时，在官网上查不到或者觉得慢怎么办？在浏览器上打开调试模式即可看到各种html元素和css样式，找到那个样式再修改即可。

 5.上手简单

  从一个html小白到上手只需几天的时间即可

 6.开发速度快

  用原生写一个list列表，要activity+adapter+viewholder+xml，明明很简单的东西要写一大堆代码，数据请求到了还要notify刷新页面

  现在recyleListview的item分割线甚至还要手动写代码。

  用ionic几分钟可以搞定，页面与ts文件(类似js)数据双向绑定

ps:还有好多优点，比如丰富的图标库等等

 

缺点

1.兼容性

 这是所有混合开发的通病吧，毕竟是基于html

 如ion-list分割线某些机型不显示、某些机型不支持var关键字等，这些都要靠自己慢慢积累。

 2.好像没啥缺点了。。

 

 在后面我会写一些关于ionic的博客，欢迎大家关注和留言。

如果内容对您有帮助，请打赏我吧，您的支持是我更新的最大动力！

扫码关注我吧：