ionic
有梦想的风筝
一个有梦想的攻城狮
展开
-
ionic android从打包到发布
1.打包前的环境搭建 ionic的运行环境这里就不一一赘述了,不懂得可以去网上看看教程。这里主要记录Android的打包过程 1.1安装jdk,并配置Java环境 首先安装java jdk (下载前看清版本是32还是64的),安装完成后配置环境变量,并输入$ java -version验证是否安装成功。(参考教程) 1.2安装并配置android sdk android开发者...原创 2018-06-29 17:46:19 · 1584 阅读 · 0 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(十一)————echarts进阶——可缩放滑动图表
关于echarts的基本用法我们都会了,高级一点的日历也没问题了。下面来挑战一下滑动的图表吧。 首先呢老样子先把echart引入到ionic项目中(不清楚的小伙伴挪步这里) 然后再需要的ts中引入echarts import echarts from 'echarts'; 然后获取html中的id,以时间线为X轴创建一个图表 getEchart(){ //月份是从0-11这个常识就不用说了 ...原创 2018-11-09 09:42:01 · 310 阅读 · 0 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(十)——echarts绘制日历
前言 前段时间项目经理和我说要搞一个日历图表出来,思来想去最终还是决定用echarts去实现,上文提过echarts的基本运用方法(不了解的可以移步这里),这里就不在赘述。在这记录自己的实现过程与大家分享,有不当之处也希望大家可以指出。 引用 import echarts from 'echarts'; ionViewDidEnter(){ let lunarData = []; //获取当...原创 2018-10-17 10:17:05 · 483 阅读 · 0 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(九)——echarts的基础运用
前言 图表在项目开发的过程中时经常用到的,在这里记录下自己遇到的在ionic中引用echarts的问题 安装 1.使用npm安装ECharts npm install echarts --save 2.安装 ECharts 的 TypeScript 定义文件 npm install @types/echarts --save 引用 1.打开使用echarts页面的ts文件,将ECharts引入...原创 2018-10-16 13:23:08 · 385 阅读 · 1 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(八)——版本升级2.0版本
前言 前段时间因为项目需要写了个自动升级的功能,也就是版本升级1.0,主要使用的是ionic官方提供的插件cordova-plugin-app-update。 相比网络上的教程而已它相对简单(简单的不要太多(ノ゚▽゚)ノ),不过相对的缺点也很明显,首先就是样式很丑,不能修改(emmmm反正我是不会修改,有大佬会的话务必教教我哇)其次就是ios不能使用。所以能只好重新写了个升级版本也就是——版本...原创 2018-09-06 13:17:11 · 774 阅读 · 0 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(七)——多图放大预览可左右滑动
1.插件安装 npm install ionic-gallery-modal --save 2.在app.module.ts引入 import * as ionicGalleryModal from 'ionic-gallery-modal'; import { HAMMER_GESTURE_CONFIG } from '@angular/platform-browser'; im...原创 2018-09-04 09:50:58 · 487 阅读 · 0 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(六)——版本升级
因项目需求涉及版本更新,因此参照官网案列写一个简单的版本更新例子,留作以后参考。 安装Cordova和Ionic Native插件: $ ionic cordova plugin add cordova-plugin-app-update $ npm install --save @ionic-native/app-update 将插件添加到app.module.ts中: .........原创 2018-08-21 10:27:41 · 405 阅读 · 0 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(五)———多图上传
插件安装 ionic cordova plugin add cordova-plugin-telerik-imagepicker --variable PHOTO_LIBRARY_USAGE_DESCRIPTION="your usage message" npm install --save @ionic-native/image-picker 由于Android6.0以后,有权限限制...原创 2018-08-14 16:06:03 · 323 阅读 · 0 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(三)——刷新报错
ionic serve 运行报错: events.js:183 throw er; // Unhandled 'error' event ^ Error: read ECONNRESET at _errnoException (util.js:992:11) at TCP.onread (net.js:618:25) 问题出在 ws v.3.3.3里...原创 2018-07-18 10:20:38 · 832 阅读 · 0 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(四)——时间控件Date Picker的运用
1.安装安装Cordova和Ionic Native插件: $ ionic cordova plugin add cordova-plugin-datepicker $ npm install --save @ionic-native/date-picker 2.在app.module.ts中引入date-picker: import { DatePicker } from '@ionic...原创 2018-07-23 11:15:02 · 1515 阅读 · 7 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(一)——轮播失效问题
ionic 轮播无效问题 1.slides轮播图手动滑动后无法自动播放问题 在轮播所在的ts文件中引入ViewChild,Slides import { Component, ViewChild } from '@angular/core'; import { Slides } from 'ionic-angular'; 之后通过@ViewChild匹配到组件 Slides元素 ...原创 2018-06-28 16:06:25 · 696 阅读 · 0 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(二)——ios点击延迟和拍照闪退
1.点击延迟 我们将(click)事件添加到通常可点击的元素。这包括button和a元素。来提高可访问性,因为屏幕阅读器将能够识别该元素是可点击的。 不过,有时候我们也会将(click)事件添加到通常不可点击的元素。执行此操作时,可能会遇到300ms从单击元素到事件触发的延迟。要消除这种延迟,可以将该tappable属性添加到元素中: <div tappable (click)=...原创 2018-07-10 13:35:59 · 618 阅读 · 0 评论 -
ionic——项目搭建
前言 Ionic应用程序主要通过Ionic命令行实用程序(“CLI”)创建和开发,并使用Cordova构建/部署为本机应用程序,所以node是不可缺少的。电脑上没有安装的小伙伴可以自行安装(这部分资源网上很多,这里就不多赘述了)。 node安装完成之后就可以正式开始了 首先安装Ionic和Cordova CLI $ npm install -g ionic cordova 注意...原创 2018-09-13 16:55:14 · 730 阅读 · 0 评论