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

ionic4 配置android ios使用一套css样式

使用ionic4开发项目的时候我们会发现,android平台和ios平台使用的不是一套样式。项目在android平台使用的是android的样式,在ios平台使用的是ios样式,现在我们想的是让ionic4 项目android ios使用一套css样式。

ionic4模态对话框Modal以及Modal和组件之间传值

Modal模态对话框主要用于登录注册页面,我们可以把它理解为从页面底部弹出的另一个页面。下面我们看看ionic4模态对话框Modal的使用,以及ionic4模态对话框Modal和组件之间传值。

ionic4中数据交互get post jsonp请求服务器数据

ionic4.x中请求数据和angular中几乎是一样的,其中get、post和和服务器交互使用的是HttpClientModule模块。

ionic4自定义底部tabs菜单背景颜色以及按钮颜色

Ionic4.x修改主题颜色的话需要在src/theme/variables.scss文件中修改。自定义底部tabs菜单背景颜色以及按钮颜色的话我们需要找到src/theme/variables.scss,然后在里面自定义背景按钮颜色。

Ionic4.x中侧边栏结合底部tabs切换教程

ionic4.x项目中我们可以通过ionic start myApp sidemenu 生成一个带侧边栏的项目。但是默认情况带侧边栏的项目没有底部tabs切换。下面我们看看ionic4底部 tabs 结合侧边栏 ion-menu的实例

angular7开发的项目如何部署在 nginx apache服务器

angular7开发的项目如何部署在 nginx apache服务器呢?1、运行 ng build --prod打包项目 2、把dist下面的所有文件复制到你的网站根目录,3配置伪静态。

ionic4中的gestures 手势事件- ionic4长按事件

ionic4官方文档中没有给我们提供手势相关事件的使用方法,但是官方的源代码中是提供了手势相关事件的,ionic4中的gestures 手势事件包括: tap, press, pan, swipe, rotate, and pinch events等

ionic4.x segment组件实现tab切换功能

在ionic中如果我们想在页面中实现tab切换是非常简单的,我们可以借助segment组件,然后结合ngSwitch来实现。

ionic4远程请求数据生成的轮播图不自动轮播

Ionic4.x中的轮播图组件是基于swiper插件,所以配置slides的属性也是基于swiper的,但是有时候我们会发现远程请求数据生成的轮播图不会自动轮播。

ionic4 slides轮播图组件的使用

Ionic4.x中的轮播图组件是基于swiper插件,所以配置slides的属性需要在swiper的api中找,Swiper Api:http://idangero.us/swiper/api/