小程序学习总结6

el/2023/12/3 1:46:10

生命周期


当然,微信小程序和其他前端框架类似也是有生命周期的:

小程序注册完成后,加载页面,触发onLoad方法。
页面载入后触发onShow方法,显示页面。
首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次。
当小程序后台运行或跳转到其他页面时,触发onHide方法。
当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法。
当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload


    Page({
    /**
    * 页面的初始数据
    */
    data: {},
    
    /**
    * 生命周期函数--监听页面加载(像首页数据请求可以放在这里)
    */
    onLoad: function (options) {},
    
    /**
    * 生命周期函数--监听页面初次渲染完成
    */
    onReady: function () {},
    
    /**
    * 生命周期函数--监听页面显示
    */
    onShow: function () {},
    
    /**
    * 生命周期函数--监听页面隐藏
    */
    onHide: function () {},
    
    /**
    * 生命周期函数--监听页面卸载
    */
    onUnload: function () {},
    
    /**
    * 页面相关事件处理函数--监听用户下拉动作(这里添加了下拉刷新的功能)
    */
    onPullDownRefresh: function () {},
    
    /**
    * 页面上拉触底事件的处理函数
    */
    onReachBottom: function () {},
    
    /**
    * 用户点击右上角分享
    */
    onShareAppMessage: function () {}
    })


tabBar
tabBar即小程序的底部导航栏,由于微信的限制,最少2个最多5个导航栏,只可设置文案、图标。
 


http://www.ngui.cc/el/2883556.html

相关文章

小微信程序总结(marksheng)

一、小程序代码组成 须知 App() 必须在 app.js 中注册,且不能注册多个。编译后的代码包大小需小于 1MB,否则代码包将上传失败。每个页面需要手动在app.json中进行注册,否则不能访问。app.json中pages数组的第一项代表小程序的初始页面,小程序中新增/减少页面,都需要对 pag…

路由模式和vue23的区别

1.vue3和vue2的区别 1.vue2和vue3双向数据绑定原理发生了改变 vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。 vue3 中使用了 es6 的 ProxyAPI 对数据代理。 相比于vue2.x,使用proxy的优势如…

日常笔记6

什么是同源策略 同源策略 是由NetScape提出的一个著名的安全 策略,它是浏览器最核心也最基本的安全功能 所谓的同源,指的是协议,域名,端口相同。浏览器处于安全方面的考虑,只允许本域名下的接口交互,不同源…

日常总结7

刷题错误类型: 1.JavaScript中document.getElementById()的返回值的类型为?object 问题描述: var value1 document.getElementById(“num1”).value; //3或9 var value2 document.getElementById(“num2…

ajax详解(marksheng整合版)

一、简介 Ajax 即“AsynchronousJavascriptAndXML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。 Ajax 异步JavaScript和XML(标准通用标记语言的子集)。 Ajax 是一种用于创建快速动态网页的…

web前端问题锦囊从查——说——写(marksheng私人版)

一、ajax的理解 回答原理题流程: 如果是英文词汇就先翻译成中文一句话描述该技术的用途描述该技术的核心概念或运作流程口述该技术的代码书写思路该技术的优点该技术的缺点如何弥补缺点ajax的概念 翻译async JavaScript and XML 异步的js和xml一句话描述该技术…

前端面试题总结(终极私人VIP版) 连更中......

1、 响应式布局如何实现 响应式布局可以让网站同时适配不同分辨率和不同的手机端,让客户有更好的体验。方案一:百分比布局 利用对属性设置百分比来适配不同屏幕,注意这里的百分比是相对于父元素; 能够设置的属性有 width、height、padding、margin,其他属性比如 border、…

为什么前端面试官问的问题都是各种原理呢?

为什么前端面试官问的问题都是各种原理呢? 这几天去面试了几家公司,面试官在问了一些常见的技术后 总会问各种原理,比如 ajax 原理 http原理 mvvm原理,脏查询原理 等等 像这些原理,我也看过很多文章,但是…

前端问原理应该怎么答?

回答流程如下: 如果是英文词汇就先翻译成中文一句话描述该技术的用途描述该技术的核心概念或运作流程口述该技术的代码书写思路该技术的优点该技术的缺点如何弥补缺点接下来实战: 请问 AJAX 的原理是什么? AJAX 就是异步的 JS 和 XML 的缩写…

sticky布局(marksheng)

position: sticky; sticky的中文意思是“粘性的”,position:sticky表现也符合这个粘性的表现。特别适合导航的跟随定位效果。 基本上,可以看出是position:relative和position:fixed的结合体——当元素在屏幕内,表现为relative,就要…