理解Ionic、Angular、Cordova及插件之间的关系
使用Ionic开发时,不可避免地会遇到Angular、Cordova以及Cordova插件,经常有人搞不清楚它们之间的关系,甚至将它们都归为Ionic之中,本文就试图梳理Ionic、Angular、Cordova及Cordova插件之间的关系。
理解Ionic 2之class及其修饰器@App、@Pipe
ES6及TypeScript的出现使得灵活的JavaScript语言增添了一丝严谨,从最基本的声明变量的方式到复杂的对象抽象都有极大的影响。而class的出现可谓是千呼万唤始出来,而在Ionic 2及Angular 2中又对class做出了怎样的诠释呢?
理解Ionic 2之import
在Ionic 1中最重要的概念是模块化,由于Angular 1实现的Ionic 1理所当然地继承了模块化的概念。所以我们通过Ionic 1可以非常优雅地按照模块化的理念构建我们的工程,使得维护、重构、增删功能节点、理解工程不再困难晦涩。当然,Ionic 2作为Ionic 1的升级版本,在模块化上更加简洁、更加强大。。。
Ionic 2环境搭建
环境搭建是开发的第一步,像Hello World之于C语言,环境搭建完成后总是要实验一下环境是否工作正常。本文讲述使用Ionic 2开发的第一步,即配置开发环境和测试开发环境,包括cordova、ionic的安装,安装过程中可能出现的问题。还简单介绍了一下Ionic CLI的使用方法和使用过程。如果之前使用过Ionic 1开发,那么基础环境已经配置完成了,只需要升级一下Ionic即可。
Angular Service和Fatory的差异
学习AngularJS的过程中,必不可少地需要使用Service或Factory进行辅助开发,他们是Angular DI系统(Dependency Injection)中的重要成员,而他们有什么区别呢?我想大多数人都被告知他们差不多,相同的功能使用Service或Factory都可以实现,但事实并非如此。通过他们实现某些特定的功能相信对于开发人员并不困难,但了解他们之间具体的差异就需要费一些功夫了。
Ionic App修改特定页面路由规则
Ionic 1应用使用AngularUI Router管理应用内的页面跳转关系,其默认的跳转的规则能够满足我们大部分的需求,但用户的需求总是各式各样的,需要开发者有能力随机应变,本文介绍了Ionic修改默认的页面跳转规则,分为对硬件返回键的处理以及对页面返回按钮的处理,使得页面跳转能够按照我们的特殊需求进行。
Angular $http拦截器介绍与使用
$http service在Angular中用于简化与后台的交互过程,其本质上使用XMLHttpRequest或JSONP进行与后台的数据交互。在与后台的交互过程中,可能会对每条请求发送到Server之前进行预处理(如加入token),或者是在Server返回数据到达客户端还未被处理之前进行预处理(如将非JSON格式数据进行转换);当然还有可能对在请求和响应过程过发生的问题进行捕获处理。所有这些需求在开发中都非常常见,所以Angular为我们提供了$http拦截器,用来实现上述需求。
Angular $scope和$rootScope事件机制之$emit、$broadcast和$on
Angular按照发布/订阅模式设计了其事件系统,使用时需要“发布”事件,并在适当的位置“订阅”或“退订”事件,就像邮箱里面大量的订阅邮件一样,当我们不需要时就可以将其退订了。具体到开发中,对应着$scope和$rootScope的$emit、$broadcast和$on方法。本文介绍Angular的事件机制,包括$scope和$rootScope处理事件上的异同,$broadcast、$emit和$on的使用方式及他们区别等内容。
使ionic应用效果更加贴近原生
由于设备性能的提高以及混合开发技术的优化,原生开发和混合开发之间的界限越来越不明显了,使用过Ionic的开发者会感觉控件等样式方面已经很贴近于原生应用了,但还是能够感觉到性能上略显不足,本文介绍了如何通过一些方法对Ionic应用进行进一步优化,使得Ionic应用性能更加贴近于原生应用。