Ionic3
Ionic3 学习记录
Wayfreem
记录学习笔记
展开
-
ionic3 学习之集成加密的工具 crypto-js
安装 Material UI 方法:Material 官网:https://material.angular.iostep 1: npm install --save @angular/material @angular/cdkstep 2: npm install --save @angular/animationsstep 3: angular.cli ...原创 2018-03-23 09:58:30 · 3260 阅读 · 0 评论 -
ionic3学习之环境搭建
ionic 简介ionic 是一款基于Angular、Cordova 的强大的HTML5 移动应用开发框架, 可以快速创建一个跨平台的移动应用。可以快速开发移动App、移动端 WEB 页面、微信公众平台应用,混合app web 页面。ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。ionic 特点...原创 2018-04-04 10:29:21 · 1646 阅读 · 0 评论 -
命令行 jarsigner 签字和解决找不到证书链错误
命令行 jarsigner 签字和解决找不到证书链错误问题:最近在学习 Ionic3,然后做了页面,想在自己的Android手机上面测试下。结果在最后使用 jarsigner 签名时报错。报错的图片:处理办法命令行的解释jarsigner -verbose -keystore [您的私钥存放路径] -signedjar [签名后文件存放路径] [未签名的文件路径] ...原创 2018-03-26 20:33:28 · 5305 阅读 · 0 评论 -
ionic3学习之目录结构分析
ionic3目录结构新建工程在要创建项目的目录下使用命令:ionic start myApp tabs如果不熟悉搭建环境的同学,可以去看下 ionic3学习之环境搭建工程图示工程目录说明:hooks: 编译 cordova 时自定义的脚本命令, 方便整合到我们的编译系统和版本控制系统中node_modules : node 各类依赖包,程序开发时...原创 2018-04-09 22:41:48 · 538 阅读 · 0 评论 -
ionic3学习之登录页
准备工作部分源码说明:constructor(public modalCtrl: ModalController) {}我们使用的是:ModalController 不是 NavController。这两者的区别为: NavController 和 ModalController 都是打开新页面,但是NavController 是直接将页面放入到原有的页面堆栈中的,而Mod...原创 2018-04-18 12:05:05 · 2761 阅读 · 0 评论 -
ionic3学习之记住密码登录
ionic3学习之记住密码登录准备工作:先看下,重点看下存储数据在 storage 中 ionic3学习之登录页登录的逻辑处理我们需要将用户登录是否记住密码记录下来图示: login.ts_login(username: HTMLInputElement, password: HTMLInputElement){ // 记录用户是否记住密码 ...原创 2018-04-19 11:52:40 · 2058 阅读 · 4 评论 -
ionic3学习之Android返回键的处理
ionic3学习之Android返回键的处理provider 简介了解 ionic3 的 provider provider 是 ionic 自己定义的一个概念,类似于我们在 angular上面的 service。两者有部分的相同点以及不同点。 对比:不同点 技术 使用的命令 文件名 路径 类的名字 ionic ionic g ...原创 2018-05-02 11:24:14 · 1750 阅读 · 0 评论 -
ionic3学习之Android平台打包方式
打包之前的准备1.下载相关工具1.1 下载 android skd 下载地址: http://developer.android.com/sdk/index.html(可能需要翻墙)1.2 下载 gradle 下载地址:https://services.gradle.org/distributions/1.3 下载 android studio2.设置环...原创 2018-05-03 21:42:52 · 584 阅读 · 0 评论 -
ionic3学习之集成 ngx-translate
集成 ngx-translate官方连接github:https://github.com/ngx-translate/coreStep 1:安装npm install @ngx-translate/core --savenpm install @ngx-translate/http-loader --saveStep 2:导入TranslateMod...原创 2018-05-03 21:54:30 · 1032 阅读 · 4 评论 -
ionic3学习之懒加载
ionic懒加载简介使用懒加载能够减少程序启动时间,减少打包后的体积。并且懒加载是当点击,触发的时候才去加载,所以程序启动的时间比较快。配置懒加载需要以下几个步骤:1.给需要懒加载的页面配置module.ts;2.在对应页面的.ts文件里增加@IonicPage()特性;3.在app.module.ts移除页面引用;4.使用懒加载(在调用这个界面的地方,不 im...原创 2018-05-03 22:26:12 · 1254 阅读 · 0 评论 -
ionic3学习之Events
简介官网的说明: Events is a publish-subscribe style event system for sending and responding to application-level events across your app. Events是一个发布 - 订阅式事件系统,用于在应用程序中发送和响应应用程序级别的事件。可以理解为:发布一个事件之后,可以将...原创 2018-05-11 11:12:45 · 5892 阅读 · 2 评论 -
ionic3学习之集成ChartJs图表控件
简介按照官方的说法:为设计和开发人员准备的简单、灵活的 JavaScript 图表工具。Chart.js 是由社区共同维护的开源项目,提供 8 种可视化展现方式,每种方式都具有动态效果并且可定制。基于 HTML5 Canvas渲染图表,在所有现代浏览器(IE9+)上都有高效的绘图效率。可以根据窗口的尺寸变化重绘所有的图标,展现更加细腻。关于 Chart.js 2.0版本说明新增混合...原创 2018-05-31 10:53:54 · 2113 阅读 · 2 评论 -
ionic3学习之聊天界面开发
图示废话就先不多说了,直接上图显示最后的效果。 开发准备step1:任务分析 我们需要有两个界面: - 消息列表页 - 聊天界面step2:生成界面cd 当前工程目录下// 生成消息列表页ionic generate page chat// 生成聊天界面ionic generate page chat-messagestep3:添加一个自定义的管道...原创 2018-06-08 11:22:35 · 4920 阅读 · 10 评论 -
ionic3学习之总结
简述ionic3 学习了有段时间了。然后也在 github 上面找了好多相关的代码作为参考。最后自己也做了一个小的例子。这个也是在业余的时间学习的。最近需要去学新的东西了,这个就先记录一个里程碑。例子图示因为录制的东西有点多,这个图打开或许比较慢。大家就等等看。 相关功能点说明 实现界面跳转(两种跳转方式) 实现界面跳转是正向传值 部分界面实现懒加载 首页的轮...原创 2018-06-14 14:06:00 · 798 阅读 · 0 评论