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 打包生成微信页面,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/

Ionic4.x表单相关组件 ion-input、 ion-toggle 、ion-radio 、ion-checkbox、ion-textarea

下面我们看看Ionic4.x表单相关组件 ion-input、 ion-toggle 、ion-radio 、ion-checkbox、ion-textarea的使用,以及获取ion-input、 ion-toggle 、ion-radio 、ion-checkbox、i

ionic4.x表单组件ion-radio ion-radio-group双休数据绑定

ionic4.x中给我们提供了很多常见的表单相关的UI组件,下面给大家看一个比较特殊的 ion-radio。以及获取 ion-radio的值。

Ionic4.x中创建自定义公共模块

在ionic4.x项目中,有时候我们想在多个页面共用一个功能,这个时候就要用到创建公共模块。为什么要用公共模块而不是公共组件呢?是因为ionic4.x中的页面是模块组成的,多个模块没法共用一个组件。但是多个模块可以共用模块。所以我们要想实现功能的共用,就需要创建自定义公共

Ionic4新增底部tabs页面

默认情况通过ionic start demo tabs创建的项目只有3个tab切换页面。有时候我们想增加或者减少tabs切换页面。下面我们就看看Ionic4.x中新增减少底部tabs页面

Ionic4.x 创建页面以及页面跳转教程

Ionic4.x中创建页面和ionic3中是一样的,下面我们一步一步给大家看看在ionic4.x中如何创建页面以及进行页面跳转

Ionic4.x目录结构

在我们学ionic4.x之前,我们必须得知道ionic4.x的目录结构。这样我们才能知道每个文件是干什么用的。