ionic框架是一端开发,三端适用(android端,ios端,web端),意思是在其中一端开发的代码,拿到另外两端,代码同样生效 那现在就说一下在web端开发拿到ios端开发前需要做的事情 开发ios端需要在ios环境下,简单点说就是你要有一台mac电脑 首先,打开你的或者不是你的mac电脑 打开终端,选一个项目空间 ①在当前项目空间新建一个空项目,命令:ionic start NAME (项目名称) tabs(或者blank等等,根据项目需求而定) ②将在web端项目中的 src 目录复制替

Ionic3新的懒加载机制给我带来了如下新特性: 避免在每一个使用到某Page的Module或其他Page中重复的import这个类(需要写一堆路径) 允许我们通过字符串key在任何想使用的地方获取某一Page: 通过以上两点让我们的代码更简洁: 懒加载,客户响应度更好,体验更友好的加载,更快的响应.这个是我认为的带来的最好的特性: 让开发过程实时编译更快. 下面我们对比的看看老的方式和新的懒加载方式的实现. 环境描述: Ionic CLI: 3.1.2 1. 老的加载方式实现 首先我们在ter

在ionic3 打包的app,如果要实现代码来控制应用程序的推出. 在android以下代码是可以的,但是在ios是不支持的.因为这不适用于ios app,因为苹果apple 不允许应用程序以编程的方式退出.他可以通过ios-objective-C来完成,可是这样的应用程序在 app store 是上架不了的,如果你要提交审核上app store 会被拒绝.打包成ios苹果应用程序只能用home健推出或者后台去关闭. import { Platform} from 'ionic-angular'

本文为原创文章,转载请标明出处 目录 前言 animate.css 的使用 animate.scss 的使用 1. 前言 animate.css 是一款强大的.跨浏览器的预设CSS3动画库,内置了很多典型的CSS3动画,兼容性好使用方便,可以应用于我们的基于Ionic3的Hybrid App,在这里你可以看到各个动画的动画效果,现在最新的版本是3.5.2,强烈建议大家使用. animate.scss 是基于上述 animate.css 的SASS版本,不过已经两年没有更新了,止于3.2.2版本,

ionic3.0 引入第三方插件 (swiper),方法很多,现详细说明下官方推荐(typings)做法. 1.全局安装Typings 1. npm install -g typings  2.搜索你想要的插件,如 swiper: 1. typings search swiper 搜索结果如下(有3个swiper资源): 1. react-native-swiper dt https://github.com/leecade/react-native-swiper#readme2. swiper

ionic3的常用命令: //新建项目.ionic start ionic_tab tabs // 新建页面ionic g page NewPage// 查看usb链接的手机adb devices chrome://inspect/#devices //谷歌调试 //真机调试  ionic cordova run android -l -c //压缩发布  ionic cordova build android --prod --release //安卓签名 keytool -genkey -v

对于angular系列来说,从2到4仅仅是版本号的变更,绝大部分都是兼容的.  如果按照规范编写代码,一般来说是没有问题的. 学习angular4     快速入门参考  https://www.angular.cn/docs/ts/latest/ angular4  是由组件组成的. 组件由 HTML 模板和组件类组成,组件类控制视图. 1.各类文件的含义和功能 package.json    存放一些插件的信息 app.modules.ts    类似 angular1 里面的 app.js

1.懒加载是什么? 在ionic2中所有的组件.模块.服务.管道等都堆积在app.module.ts模块中,在页面初始化的时候会一次性加载所有的资源,导致资源过大,页面渲染缓慢,也导致app.module.ts混乱,不美观,不易维护,不适用于结构繁多.业务复杂的项目. 懒加载的出现,使得在跳转到对应页面的时候加载对应页面的js.css.html,这样每个页面都是一个模块,只有在需要的时候才会加载,大大缓解了首屏的压力. 2.懒加载的使用: https://ionicframework.com/d

ionic3 总共有8个钩子函数,分别是:onPageLoaded,onPageWillEnter,onPageDidEnter,onPageWillLeave,onPageDidLeave,onPageWillUnload,onPageDidUnload 还有两个钩子不太一样,上面的钩子函数都没有返回值,以下两返回布尔值:ionViewCanEnter,ionViewCanLeave // 页面被加载完成后调用的函数,切换页面时并不会进行重新加载,因为有cache的存在  onPageLoad

记得上次写过一篇如何弹出页面的文章,好像是2月28号ionic3 Modal组件那一篇,这篇也算那一篇的续集吧!这篇是弹出的页面关闭后刷新父页面的干活!上代码! 弹出页面:(关闭的时候可以传入值,再父页面取到) this.viewCtrl.dismiss(username.value); 父页面: let modal = this.modalCtrl.create(ContactPage);//这个方法表示,当我们新建的模态框被关闭的时候,会跳到这个页面里来,接下来,我们在这个方法里面从新查一遍

这里主要是记录ionic3+angular4开发混合app时自定义组件,我想自定义组件的方法和angular4应该类似,具体在纯angular4中自定义组件,暂时没有实践,个人觉得差别不大,之后实践了会再次更新. 首先,在ionic3中有命令可以直接创建一个组件:ionic g component componentName 使用这个命令创建的组件会在components目录下生成一个组件文件夹和一个module文件,具体目录,请看截图:我这里是有3个小组件 并且会把你创建的组件自动import

ionic3 项目中遇到安全漏洞 解决办法: https://www.npmjs.com/package/ionic-voricles-obfuscate 安装插件 cordova plugin add ionic-voricles-obfuscate   yarn add --dev javascript-obfuscator or   npm install --save-dev javascript-obfuscator Obfuscate ionic cordova build [ios

Install ❯❯❯ npm install cryptaddress-validatorionic3 中的引入 import * as cryptaddress from 'cryptaddress-validator';node 引入 const cryptaddress = require('cryptaddress-validator'); cryptaddress().test('1Ez69SnzzmePmZX3WpEzMKTrcBF2gpNQ55') //=> true crypt

我们都知道Ionic3为我们提供了一套丰富易用的UI组件库,然而凡事是都有不完美之处,今天我们来看一下ionic3 slides组件在实现轮播功能时候的小问题. 先开UI小姐姐给到的3张美美哒效果图 接下来是home.html下的组件使用 <div class="slide-wrap"> <ion-slides pager loop="true" autoplay="3000" > <ion-slide> &l

ionic3  生命周期 ionViewWillLeave,当页面关闭离开时 执行的事件, 从页面根部跳转 this.appCtrl.getRootNav().setRoot() 方法离开时是 不执行 ionViewWillLeave方法.   this.navCtrl.push()方法离开 执行 ionViewWillLeave方法.    

总的来说都很顺利,毕竟已经打包成功在手机上面跑起来了,给的两个教程很给力,基本没有误差,照着步骤敲没问题,打包命令有所更新目前已修正,吃一堑长一智下面说下其中遇到的问题:1.第一点是ionic serve这个启动服务时遇到的问题,总是手欠把ionic serve敲成ionic server倒是启动服务屡屡报错,后面突然恍然大悟,于是顺利的启动了服务.2.第二点是打包命令,本来的文档里面的打包命令可能是由于版本比较落后,打包命令运行不成功,后由新打包命令运行不报错.3.第三点是安装Gradle,这

之前我有篇随笔讲的是ionic3应用内跳转第三方地图应用的方法 忘了记录在ios内是需要把你用到的第三方地图应用加入跳转URL白名单内的 第三个是高德地图 iosamap 第四个是百度地图 baidumap 第二个微信  wechat 忽略第一个 ^_^

ionic3/4 使用NavController 返回两层的方式:  this.navCtrl.popTo(this.navCtrl.length() - 3);

1.Ionic3 websocket 启动没问题,编译的时候报错 events.js:136thrower;// Unhandled 'error' event^Error: read ECONNRESET at _errnoException (util.js::) at TCP.onread (net.js::) 解决办法,删除node_modules/ws目录,然后在项目目录启动命令行,输入 npm install ws@3.3.2 2.ionic3 懒加载机制问题 Ionic3的懒加载机

一.创建一个android项目,编写插件功能,并测试ok,这里以一个简单的调用原生Toast.makeText为例. 1.新建android项目 2.编写插件类 package com.plugin.testPlugin; import org.apache.cordova.CallbackContext; import org.apache.cordova.CordovaInterface; import org.apache.cordova.CordovaPlugin; import org

ionic3 通过插件phonegap-plugin-barcodescanner,调用机器硬件摄像头实现扫码功能. 首先当然先了解下 phonegap-plugin-barcodescanner,这个插件. 支持的平台 Android的 iOS版 Windows(Windows / Windows Phone 8.1和Windows 10) Windows Phone 8 黑莓10 浏览器 支持的条码类型 安装 首先,我们在项目中安装这个插件和ionic-native插件: $ ionic c