引言

此教程为教你怎么用WordPress开发一个属于你自己的app(小程序)

前面我们讲解了怎么用WP开发一个首页幻灯片接口(低成本0基础开发app之开发首页幻灯片接口)，本来这一节中我们应该讲解如何将数据渲染到app上面，但为了照顾小白，我这里插入一下uni-app的一些基础知识。

uni-app请求接口

app想要与服务端进行交互，就需要向服务端的接口发起请求，在uni-app中是用uni.request方法来发起请求的。

一个简单的请求接口Demo如下：

uni.request({ url: 'https://www.example.com/request', //请求接口 method:'GET',//请求方式(GET，POST……) data: { text: 'uni.request' //要发送的数据 }, dataType:'json',//返回数据格式 header: { 'custom-header': 'hello' //自定义请求头 }, success: (res) => {//请求成功后返回 console.log(res.data); this.text = 'request success'; }, fail:(res) =>{//请求失败后返回 }});

uni-app的页面生命周期函数

何为页面生命周期？即一个页面开始加载->显示->加载完成->页面隐藏->页面卸载……开发者则可以监听这些生命周期完成一些复杂的页面逻辑，比如说检测用户是否登录等。

在uni-app中一个页面有一些默认的函数方法，这些方法有的是在页面显示时加载，有的是在监听页面渲染完成之后加载等等这些即为页面生命周期函数。这里我就列举几个函数以作说明。

onLoad ： 监听页面加载

onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数 console.log("此页面加载时将执行我");  }

onShow ：监听页面显示

onShow: function (option) {  console.log("此页面显示时将执行我");  }

onReady ： 监听页面初次渲染完成

onReady: function (option) {  console.log("此页面初次在屏幕上渲染完成之后会执行我");  }

更多uni-app页面生命周期函数可百度：uni-app生命周期函数

点击下面的链接你可以得到源代码仓库地址。

iframe 监听内部接口是否加载完成_低成本0基础打造自己的app之uni-app请求接口以及生命周期函数...相关推荐

c#web页面显示弹窗_C#监听IE文档加载完成、弹窗、JS弹窗、页面跳转
这个Demo在早段时间有个网友需要做一个相关方面的软件,我给做出来的.很方面,在JS弹窗监听上耗了不少时间.现在均已解决!请勿用作非法商业用途,该软件产生的后果与作者本人无关,特此声明. 由于需要对H ...
vue监听滚动到底部加载更多
整理之前做过的一个vue滚动到底部的加载显示更多功能,后台已经分好了页就剩前端渲染主要参数pageSize 每页数量(这里默认10) pageNum 页数,能用代码说的就不吹泡泡了直接上代码: 一. ...
vue3 watch监听在组件初次加载的时候执行
设置参数immediate为true,组件初次加载就会触发一次监听 watch( () => props.name, (newValue, oldValue) => { console.l ...
Android——RecyclerView自定义OnScrollListener实现下拉刷新监听，上拉加载更多功能
目录 [前言] 1.OnScrollListener滑动事件监听抽象类 2.利用onScrollStateChanged及onScrolled方法实现下拉刷新及上拉加载更多
linux下nginx监听443端口重新加载配置不生效，需要重启nginx
在nginx里放开443的监听,执行 nginx -s reload 命令,访问https不生效需kill调nginx的进程重新后方能添加443端口的监听参考 https://blog.csdn. ...
Cesium-监听地图服务是否加载完成的方法
Cesium-监听地图服务是否加载完成的方法在加载地图服务时添加loading,地图服务加载完成后关闭loading动画,具体代码如下: var helper = new Cesium.EventH ...
Android Loader 异步加载详解一：基础概念
转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/70241844 本文出自[赵彦军的博客] Android Loader 异步加载详解 ...
为什么 HashMap 加载因子一定是0.75？而不是0.8，0.6？
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章有很多东西之前在学的时候没怎么注意,笔者也是在重温HashMap的 ...
为什么 HashMap 默认加载因子非得是0.75？
点击上方 "编程技术圈"关注, 星标或置顶一起成长后台回复"大礼包"有惊喜礼包! 每日英文 Sometimes,God does not give you w ...

iframe 监听内部接口是否加载完成_低成本0基础打造自己的app之uni-app请求接口以及生命周期函数...

引言

uni-app请求接口

uni-app的页面生命周期函数

iframe 监听内部接口是否加载完成_低成本0基础打造自己的app之uni-app请求接口以及生命周期函数...相关推荐

最新文章

热门文章