![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ionic
文章平均质量分 94
刘文壮
Github地址:https://github.com/liuwenzhuang
展开
-
Ionic/Angular中Controllers探秘
Ionic/Angular中Controllers探秘注:本文乃译文,如有疏漏或理解错误之处,请大家多多批评,大家也可移步原文。在我的另外一篇译文ionic应用构造中提到,Controllers是Ionic应用的中枢。控制着应用的逻辑结构以及数据存取。在本文中,我们将更加深入地了解Controller的作用、如何使用Controllers以及他们是如何融入Ionic应用的。Controller的作用翻译 2015-11-11 17:07:37 · 3366 阅读 · 0 评论 -
Angular Service和Fatory的差异
学习AngularJS的过程中,必不可少地需要使用Service或Factory进行辅助开发,他们是Angular DI系统(Dependency Injection)中的重要成员,而他们有什么区别呢?我想大多数人都被告知他们差不多,相同的功能使用Service或Factory都可以实现,但事实并非如此。原创 2016-08-03 01:13:28 · 813 阅读 · 0 评论 -
Angular $http拦截器介绍与使用
$http service在Angular中用于简化与后台的交互过程,其本质上使用XMLHttpRequest或JSONP进行与后台的数据交互。在与后台的交互过程中,可能会对每条请求发送到Server之前进行预处理(如加入token),或者是在Server返回数据到达客户端还未被处理之前进行预处理(如将非JSON格式原创 2016-06-27 20:05:56 · 18148 阅读 · 2 评论 -
Angular $scope和$rootScope事件机制之$emit、$broadcast和$on
Angular按照发布/订阅模式设计了其事件系统,使用时需要“发布”事件,并在适当的位置“订阅”或“退订”事件,就像邮箱里面大量的订阅邮件一样,当我们不需要时就可以将其退订了。具体到开发中,对应着$scope和$rootScope的$emit、$broadcast和$on方法。本文介绍Angular的事件机制,原创 2016-06-29 20:25:09 · 14768 阅读 · 11 评论 -
不要自认为localStorage在hybrid app中是可靠的
不要自认为localStorage在hybrid app中是可靠的在Cordova/PhoneGap app中有多种本地存储数据的方式,而最常用的无疑是localStorage,localStorage提供了一种存储键值对数据的方案:// simple examplelocalStorage.setItem('name', 'Pinky'); var name = localSt翻译 2015-11-01 00:38:38 · 13568 阅读 · 2 评论 -
ionic怎样使用LokiJS作为本地存储
ionic怎样使用LokiJS作为本地存储本文是翻译而来,留存以后观看,难免有错误之处,大家也可查看原文。 源码可以在Github上找到。LokiJS是JS库,并使用内存数据库,所以拥有更快的性能,更加适合于hybrid app。其API和MongoDB很是相似。并且可以通过IndexedDB存储数据库,也可以通过使用JSON文件作为存储,甚至可以自己定义存储模式。LokiJS被创造出来的原因之一翻译 2015-10-31 19:03:44 · 5477 阅读 · 4 评论 -
ionic调试“死亡白屏”
注:本文是翻译而来,难免有错误之处,请大家多多批评指正,大家也可移步原文。死亡白屏(White Screen of Death)我想“死亡白屏”应该是不需要解释的,开发过ionic app的童鞋应该都有遇到过,这里解释以防读者没有听说过:“可能在浏览器中调试时一切正常,当你在真机或模拟器上测试时不正常,当app启动时只有空白的页面”。在我的开发中,死亡白屏经常是因为缺失了JavaScript文件,这翻译 2015-11-01 23:35:59 · 13255 阅读 · 2 评论 -
“JavaScript Promises和AngularJS $q Service”Part 1 (基础篇)
注:本文是译文,难免有错误或理解不足之处,请大家多多指正,大家也可挪步原文。由于本文讲解十分精彩,非常推荐大家查看原文,由于原文内容十分丰富,所以将其分为2部分,这是Part 1(基础篇)。promise或deferred在异步编程中简单而又实用。维基上列了一些promise模式的实现要点。AngularJS根据Kris Kowal’s Q 定义了了自己的实现方式。在本文中我将介绍promises和翻译 2015-11-02 23:38:38 · 1097 阅读 · 0 评论 -
“JavaScript Promises和AngularJS $q Service”Part 2 (教程篇)
注:本文是译文,难免有错误或理解不足之处,请大家多多指正,大家也可挪步原文。由于本文讲解十分精彩,非常推荐大家查看原文,由于原文内容十分丰富,所以将其分为2部分,这是Part 2(教程篇),戳这里查看Part 1(基础篇)。翻译 2015-11-03 11:19:31 · 1570 阅读 · 0 评论 -
ionic工程组织文件
我想熟悉编程的人或熟悉各种IDE工具的人对于工程文件的组织方式一定不陌生,今天介绍一下ionic工程组织文件的方式。如果你对AngularJS不熟悉,没有接触过AngularJS编程,那么刚开始使用ionic工程时可能不知道如何更好的组织文件。当然,组织文件的形式多种多样,最常见的是下面这种:app/ controllers/ detail.js翻译 2015-11-05 23:26:30 · 1498 阅读 · 0 评论 -
ionic环境搭建
ionic环境搭建安装Ionic CLI和cordova安装CLI最简单的方法是通过npm安装(别问我npm怎么安装):$ npm install -g cordova ionic注:-g参数表示全局安装,为保证不会出错,Windows用户使用管理员权限打开命令提示符;OS X/Linux在命令前加上sudo,下同,不同版本Linux终端获取管理员权限可能不同,请自行查阅。测试安装是否成功$ ion原创 2015-11-06 00:15:42 · 3110 阅读 · 0 评论 -
Hello World:手动创建第一个ionic应用
Hello World:手动创建第一个ionic应用本文乃翻译而来,如有理解不足之处,请多多指正,大家也可移步原文。学习一门编程语言,Hello World几乎都是第一个应用,这或许是从C语言那里传下来的?从Hello World逐步深入记录了我们学习一门编程语言的全过程。本文将介绍ionic的入门应用Hello World,可能和其他语言的Hello World相比有些繁琐:HTML构建首先,新建翻译 2015-11-07 18:40:36 · 1891 阅读 · 0 评论 -
ionic app中如何使用PouchDB+SQLite作为本地存储
注:本篇乃是译文,难免会有疏漏,欢迎大家批评指正,大家也可挪步原文。我最近在寻找一种在ionic app中作为本地存储的解决方案,就我所查找的资料来看,最流行的方式是使用SQLite数据库。然而,跟随别人探寻PouchDB的脚步发现PouchDB能够实现本地存储并与服务器端同步,但是对于特定的app来说我并需要服务器端。而且PouchDB可以不使用SQL语句的方式进行数据库存储,而我本身又翻译 2015-11-01 19:38:52 · 4793 阅读 · 1 评论 -
使ionic应用更加贴近原生
使ionic应用更加贴近原生本文乃翻译而来,并加入个人理解,如有理解错误指出,请大家指出,大家也可移步原文。近来,由于设备性能的提高以及混合开发技术的优化,原生开发和混合开发之间的界限越来越不明显了。一些混合开发技术中甚至可以使用“原生切换动画”、“原生滚动”等效果,如ionic。很多情况下,已经分不清原生app和混合app的区别了,特别是很多原生app使用WebViews。混合开发技术仍在飞速的发翻译 2015-12-02 12:23:22 · 3563 阅读 · 0 评论 -
Ionic单元测试(Unit Tests)
代码测试的必要性,对任何编程语言都毋需赘述,JavaScript和HTML自然不例外。本文描述如何对Ionic/Angular进行单元测试(Unit Tests)及端对端(End to End Tests或者UI Tests)测试。对于测试环境而言,目前框架很多,本文使用的是Karma,尤其是其本身就为Angular而生,故能够与Angular完美集成。 对于测试用例而言,框架也有很多,本文原创 2016-04-07 12:11:08 · 2294 阅读 · 0 评论 -
ionic代码压缩与代码混淆
ionic代码压缩与代码混淆原文 本文解释了ionic工程发布之前的最后一步,即代码压缩(获取更好的性能)以及代码混淆(以免源码被有心者轻易获取)。包括以下步骤:(cordova hook)检查javascript:这一步需要在代码压缩和代码混淆之前进行以保证javascript代码无错误(gulp task)将html页面代码转换为angular的JS代码:这一步起到了混淆html翻译 2015-11-30 17:06:17 · 11035 阅读 · 4 评论 -
ionic/angular中module探秘
ionic/angular中module探秘注:本文乃译文,如果有理解不对之处,请多多指正,大家也可移步原文。ionic和angular本身就是基于模块化(module)的概念设计的,这就使代码具有很好的复用性,而且逻辑清晰,易于理解。这也使得angular的“依赖注入”设计有了用武之处。在本文中,我们来看下什么是module、怎么实现module以及使用module的不同方式。什么是module?翻译 2015-11-08 18:30:46 · 5909 阅读 · 0 评论 -
ionic应用构造
ionic应用构造注:本篇乃是译文,难免会有疏漏,欢迎大家批评指正,大家也可移步原文。如果你从没有接触过ionic或angular, ionic的构造对你来说是一个新事物。对我来说,jQuery的学习曲线有些陡峭,但是一旦你理解了其概念,对你来说那就成为了很有用的工具。首先要理解的是Angular使用的是MVC模式,这是Angular的核心,这就意味着如果你如果曾接接触过MVC模式,那其基本概念对于翻译 2015-11-09 22:24:20 · 4281 阅读 · 0 评论 -
理解Ionic 2之import
在Ionic 1中最重要的概念是模块化,由于Angular 1实现的Ionic 1理所当然地继承了模块化的概念。所以我们通过Ionic 1可以非常优雅地按照模块化的理念构建我们的工程,使得维护、重构、增删功能节点、理解工程不再困难晦涩。当然,Ionic 2作为Ionic 1的升级版本,在模块化的实现上要更加简洁、更加强大。本文通过ES6的关键字import来接触Ionic 2/Angular 2的模原创 2017-03-02 20:07:47 · 1504 阅读 · 0 评论