本文转自:https://www.jianshu.com/p/de40aeb3d371 往期传送门 来扯点ionic3[0] 吹完牛再入门也不迟 来扯点ionic3[1] 创建一个新页面     上一次我们完成了一个新页面的创建 可能你被乱七八糟的概念搞得心烦意乱 不过你那么聪明又那么好看 我相信你肯定花了点时间就把他们搞懂了 我们先看看手里有几个页面? AboutPage ContactPage HomePage TestPage 我们要做什么? 在HomePage上放一个页面,点击之后跳转到…

首先要做一个诚挚的道歉,作为大四狗,因为升学的事情,断更两个月,所以要感谢各位仁慈的读者没有脱粉(好像也就50个粉丝).这一节,我们延续上一节制作的页面,来讨论声明周期钩子的事情. 以我的经验来看,多数同学是知道这个概念的.如果不太了解,那你肯定知道浏览器在加载完一个网页时,会触发一个onload事件,平时我们用window.onload或者jquery中的$(document).load()方法去定义一个网页加载完成时应该做一些什么. 在一个APP中,这类的事件要更为丰富一些.很多时候,你要在…

本文转自:https://segmentfault.com/a/1190000012146400 一般意义上,一个互联网 APP 中的数据主自与服务器的交互,但是对于有些数据,我们希望获取到它们以后能保存,并在全局环境使用,比如用户数据——我们不希望在每个页面都从服务器拉取一遍.这时我们就可以利用 HTML5 的 localStorage API —— 一个比 cookie 更稳定和高效,且跨浏览的一种存储机制.我们可以尝试模拟登录的流程来体验这一 API 的使用. 创建登录页面 在 pages…

一般意义上,一个互联网 APP 中的数据主自与服务器的交互,但是对于有些数据,我们希望获取到它们以后能保存,并在全局环境使用,比如用户数据--我们不希望在每个页面都从服务器拉取一遍.这时我们就可以利用 HTML5 的 localStorage API -- 一个比 cookie 更稳定和高效,且跨浏览的一种存储机制.我们可以尝试模拟登录的流程来体验这一 API 的使用. 创建登录页面 在 pages 文件夹创建登录页面目录 login,包括 login.ts 和 login.html ,别忘了在…

问题 要求在[我的]页面,点击[退出登录]按钮,返回到登录页面. 使用 this.navCtrl.setRoot(LoginPage); 或者 this.navCtrl.push(LoginPage); 方法,会导致登录页的下面也变成了Tabs的选项卡,相当于是在Tabs的View中展示了一个新页面 走的弯路 1.修改成使用 modalCtrl.create 的方法,返回了登录页并且没有了Tabs的菜单,但是点击手机自带的返回按钮,还是会返回的内部页面,不符合要求 let modal = thi…

一.从一个页面跳转到另一个页面的方法 1.引入服务 import { NavController } from 'ionic-angular'; 2.初始化 constructor(public navCtrl: NavController) { } 3.跳转页面 this.navCtrl.push(AddRecordPage); AddRecordPage是引的的要跳转的新页面,我这里的AddRecordPage是这么引用的: import { AddRecordPage } from '..…

在app.module.ts中 配置pageTransition属性 [ BrowserModule, IonicModule.forRoot(MyApp, { pageTransition: 'ios-transition' }), ] pageTransition有三个取值"ios-transition", "md-transition", "wp-transition" 参考:https://www.cnblogs.com/metaphor…

当刷新(浏览器刷新)页面的时候,重置到首页(或其他页面)纯js的是window.onload()但是vue几乎不会用到这个,vue所有的是生命周期那么我们可以根据生命周期来实现这个beforeCreate(),created(), beforeMount(), mounted()一个vue只执行一次项目刷新 必执行App.vue,所有将此代码放到App.vue中,或者其他首次加载就会执行的vue中 beforeCreate(){ //beforeCreate(),created(), befor…

1.Ionic3.x 页面正向传值 关于正向传值,上一篇文章里面有讲,具体可以看这里https://segmentfault.com/a/11... 2.Ionic3.x 页面 pop反向传值,主要有两种方式 1 .利用ES6提供 Promise 对象 2 利用Ionic3.x提供Event对象,观察者模式(publish/subscribe) 1)利用ES6提供 Promise 对象 这边假设有两个页面A页面, B页面, 情景如下,A跳转B页面,在B页面返回A页面需要给A页面选回的值. A页面…

页面在项目架构中是一个很重要的概念,它让我们能够将一个功能复杂的项目拆分成一个一个功能比较独立的小区域,这极大的提高了代码的可读性和可维护性. 在我们这个框架中,一个页面由JS和HTML两部分组成,首先让我们来看看JS部分吧. 以上的这部分代码就是一个在命名空间“at.pages”下的“Details”页面的定义.你可能已经注意到了,在第2行代码,有一个“pages/details.html”.对,就是这样,HTML文件的相对路径在这个页面的构造函数中进行了指定.这样,这个页面的JS部分和HTM…