ionic3开发
记录自己在ionic3开发过程中遇到的问题
有梦想的风筝
一个有梦想的攻城狮
展开
-
ionic开发的过程中遇到的问题及解决方法的整理(十一)————echarts进阶——可缩放滑动图表
关于echarts的基本用法我们都会了,高级一点的日历也没问题了。下面来挑战一下滑动的图表吧。首先呢老样子先把echart引入到ionic项目中(不清楚的小伙伴挪步这里)然后再需要的ts中引入echartsimport echarts from 'echarts';然后获取html中的id,以时间线为X轴创建一个图表getEchart(){//月份是从0-11这个常识就不用说了 ...原创 2018-11-09 09:42:01 · 310 阅读 · 0 评论 -
ionic android从打包到发布
1.打包前的环境搭建ionic的运行环境这里就不一一赘述了,不懂得可以去网上看看教程。这里主要记录Android的打包过程1.1安装jdk,并配置Java环境首先安装java jdk (下载前看清版本是32还是64的),安装完成后配置环境变量,并输入$ java -version验证是否安装成功。(参考教程)1.2安装并配置android sdkandroid开发者...原创 2018-06-29 17:46:19 · 1585 阅读 · 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安装EChartsnpm install echarts --save2.安装 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 --save2.在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 · 407 阅读 · 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开发的过程中遇到的问题及解决方法的整理(四)——时间控件Date Picker的运用
1.安装安装Cordova和Ionic Native插件:$ ionic cordova plugin add cordova-plugin-datepicker$ npm install --save @ionic-native/date-picker2.在app.module.ts中引入date-picker:import { DatePicker } from '@ionic...原创 2018-07-23 11:15:02 · 1516 阅读 · 7 评论 -
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开发的过程中遇到的问题及解决方法的整理(二)——ios点击延迟和拍照闪退
1.点击延迟我们将(click)事件添加到通常可点击的元素。这包括button和a元素。来提高可访问性,因为屏幕阅读器将能够识别该元素是可点击的。 不过,有时候我们也会将(click)事件添加到通常不可点击的元素。执行此操作时,可能会遇到300ms从单击元素到事件触发的延迟。要消除这种延迟,可以将该tappable属性添加到元素中: <div tappable (click)=...原创 2018-07-10 13:35:59 · 618 阅读 · 0 评论 -
ionic开发的过程中遇到的问题及解决方法的整理(一)——轮播失效问题
ionic 轮播无效问题1.slides轮播图手动滑动后无法自动播放问题在轮播所在的ts文件中引入ViewChild,Slidesimport { Component, ViewChild } from '@angular/core';import { Slides } from 'ionic-angular';之后通过@ViewChild匹配到组件 Slides元素...原创 2018-06-28 16:06:25 · 696 阅读 · 0 评论