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资讯

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页面处理一些业务。

ionic4自定义汉化日期组件ion-datetime

ionic4如何自定义ion-datetime,以及汉化日期组件ion-datetime呢?我们可以自定义日期组件的Options来实现汉化自定义功能

Ionic4 Vs React Native_Ionic4 React Native性能对比

如果您想开发跨平台的App,最常见的就是Ionic和React Native框架。两者都有一个充满激情的开发者社区,并分别在大型企业中大量使用。

Ionic4 生命周期钩子函数-Lifecycles

Ionic4中的生命周期函数和angualr7基本是一样的,下面我们看看Ionic4中的生命周期函数,以及生命周期函数的用法。

Angular7/Angular5实现tab切换选中_Angular Tab选项卡功能

Tab选项卡在前端工程中用的特别多,目前所用的ui组件库并没有给出Tab选项卡实现,自己就写一个。可以用在angular项目中,也可以用在ionic项目中

Ionic4回到顶部功能以及改变滚动条位置

ionic4有ion-infinite-scroll组件可以让我们方便的实现移动端的分页查询逻辑(上拉加载更多操作)。可是在列表很长的时候,我们还需要一个可以快速返回列表顶部的功能。下面给大家分享一下返回顶部的方法。

Angular 中使用apollo-angular操作GraphQl Server API接口

GraphQL是一种新的API 的查询语言,它提供了一种更高效、强大和灵活API 查询,GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述,使得客户端能够准确地获得它需要的数据,而且没有任何冗余。它弥补了RESTful API(字段冗余,扩展性差、无法聚

Vue中使用vue-apollo模块操作GraphQl服务器api接口

GraphQL是一种新的API 的查询语言,它提供了一种更高效、强大和灵活API 查询,它弥补了RESTful API(字段冗余,扩展性差、无法聚合api、无法定义数据类型、网络请求次数多)等不足。

ionic4 打包生成微信页面,ionic build打包生成微信webapp教程

我们知道ionic不仅可以开发跨平台可以安装的app,也可以开发微信web页面,下面我们看看ionic4 如何打包移动端web页面,也可以说把ionic4 项目打包生成微信页面。

ionic4华为Android手机底部功能按键挡住页面如何处理

ionic4华为手机底部功能按键挡住页面如何处理,如下图:已有邀请码,立即注册下面还有内容,被浮动功能按键挡住了,现在想的是能不能再登录页隐藏掉华为手机底部功能按键。