Ionic for everyone-用你喜欢的语言(Vue/React/Angular)结合Ionic快速开发移动应用。

Ionic是一个开源的移动应用程序开发框架,它可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用,混合app web页面。

Ionic4目前已经发布了基于Angular的正式版本,对 React 和 Vue 的支持尚处于 alpha 状态,未来我们可以用自己喜欢的语言结合Ionic来开发移动端应用。

Ionic4是Ionic有史以来最快、最小和最可扩展的版本。

Ionic 4 优异的性能则让 Ionic 成为了构建高性能 PWA 的最佳 UI 框架。 Ionic 团队花了一年的时间使用 Stencil 构建一个 Web 组件管道来生成 Ionic 组件,以达到 Google 规定的性能标准,使用新的异步组件加载和交互的方法。确保Ionic4有更快的运行速度。

Ionic教程 Ionic文档 Ionic资讯

H5 TV开发真机调试_Android studio 通过Wifi连接TV实现真机调试

Android studio 通过Wifi连接TV实现真机调试步骤 1、开启调试模式 2、用adb和电视建立连接 3、android studio运行

Html5+Cordova智能电视(TV)应用开发教程

TV应用和手机应用几乎是一样的,唯一不同的就是电视要通过遥控器来控制,我们需要处理遥控器按键事件以及焦点选中事件(焦点框、焦点动画)等。下面给大家介绍一下Cordova+Html5框架来开发智能电视应用。

Ionic4在 ios 平台下禁用上下拖动效果

使用Ionic4 Cordova 进行跨平台应用开发时,发现在 ios 平台下,如果页面处于最顶端时,用手指向下拖动,会露出空背景。同样页面在最底部的时候,继续向上拖动,下方也会露出空背景。下面我们看看如何解决。

Ionic4 修改底部tabs按钮

有时候我们想自定义ionic4底部tab切换按钮,如下图所示。

ionic serve的时候关闭ionic3 CLI的版本更新提示

在使用ionic cli命令时,会弹出ionic版本更新的提示,但有时根本不想更新或者适用脚本自动构建的时候,是特别不希望这个出现的,那么这个该如何关掉这个提示呢下面看看。

ionic4支付宝支付

要在app中进行支付宝支付的话,首先需要在支付宝开发平台注册账户,然后创建应用。创建完成应用后要注意配置签名。应用审核通过后我们就可以使用cordova支付宝支付插件完成支付。下面我们一起看看

ionic4微信支付

ionic中实现微信支付的话我们首先必须得在微信开放平台注册账户,注册完成后申请成为开发者,然后创建应用开通微信支付,开通后我们就可以使用cordova微信支付插件完成支付。下面我们看看。

ionic cordova run browser 的使用

ionic cordova run browser这个命令可以让我们在浏览器上面运行ionic项目,并可以调用常用的api。

ionic3 press长按事件和 tap点击事件冲突

ionic3中如果给一个元素同时绑定tap事件和press事件的话,我们会发现tap事件和press事件冲突。使用press事件,第一次点击图片会同时触发长按事件。

ionic4 返回键返回总是返回 tab1如何解决

Ionic4.x中从tabs切换页面跳转到其他页面,使用ion-back-button返回的话,默认都会返回到tab1页面。如果我们想从哪个tab页面跳转过去就返回到指定的tab页面的话,这时候就要用到NavController里面提到的back方法。​

ionic4修改应用图标 应用名称 以及启动画面

实际的项目中我们必须修改应用名称、应用图标、以及启动画面,下面我们分别给大家讲讲在android 以及ios中如何修改ionic项目的应用图标 应用名称 以及启动画面

ionic4调用原生设备Api提示but cordova is not available

ionic4调用原生设备Api提示but cordova is not available如何解决。已经运行 ionic build --prod 以及ionic cordova prepare了

ionic4 cordova打包后 Android9没法请求数据 ,Android(http)请求失败解决方案

ionic4 cordova打包后 ​Android 9.0/P http 网络请求的问题,为保证用户数据和设备的安全,针对下一代 Android 系统(Android P) 的应用程序,将要求默认使用加密连接,这意味着 Android P 将禁止 App 使用所有未加密

ionic4 中新增底部固定浮动导航

ionic4 中如何新增底部固定浮动导航呢?下面我们一起看看哦。比如我们想在购物车页面底部增加一个浮动导航用于显示价格和去结算按钮。这个时候我们就可以用ionic4中提供的ion-footer来实现

this.navController.navigateForward 跳转传值

ionic4.x中通过this.navController.navigateForward 跳转传值如何实现。

如何修改angular安装模块的命令以及修改angular的包管理器?

有时候我们用ng add安装第三方模块的时候会发现默认安装模块使用的命令是npm,但是npm有时候会失败。所以我们想的是能不能把npm换成yarn。这个时候我们就可以用ng config -g cli.packageManager yarn来配置默认安装模块的命令

ionic4编译速度过慢如何解决?

部分同学会发现ionic4中编译一次需要几十秒,远比ionic3久,在Github上看有没有人反馈这个问题,发现还真的有。主要原因就是你的Nodejs版本和Npm版本太低导致的。

Ionic Angular中使用EventEmitter事件驱动实现不同页面通讯

有时候我们想在一个页面中改变另一个页面的状态。就比如我们在Login页面执行登录,登录成功后返回到User页面。在User页面中显示用户是否登录状态。 或者我们想在A页面执行事件通知B页面处理一些业务。