微信小程序之WXS、运行机制、生命周期和页面路由

最新推荐文章于 2023-03-24 01:11:36 发布
最新推荐文章于 2023-03-24 01:11:36 发布
阅读量889 收藏 1
点赞数
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17503037/article/details/90792671
版权

WXS–微信Script

WXS模块特性

在这里插入图片描述

WXS注释特性

在这里插入图片描述
wxs不支持try --catch语句

WXS数据类型

在这里插入图片描述
在这里插入图片描述

MINA框架（小程序框架）讲解

在这里插入图片描述
将wxml解释成js对象进行展示
wxml和wxss是在UI线程中运行，即使离线也不影响UI的渲染，避免跨线程通信的消耗

小程序运行机制

小程序启动分为冷启动和热启动
冷启动：第一次启动，会比较慢
热启动：一段时间内启动会把后台态的小程序切换到前台
销毁：小程序切换到后台时在一段时间内不会销毁，超过一段时间后会被微信销毁，这个时间是5分钟
更新：冷启动时，如果有更新，小程序会异步下载最新版本包，同时用本地微信包启动，在下次打开时会应用新版本

运行机制–加载

在这里插入图片描述
初次启动会通过逻辑层请求cdn代码包，所以比较慢，之后启动会去cdn校验是否有最新代码包，如果有就会下载，就是小程序更新了。

小程序生命周期

在这里插入图片描述

小程序页面生命周期

在这里插入图片描述
onload 初次加载，销毁之前只调一次 onshow（1.初次加载，2从其他页面再次返回这个页面调用） onReady 1次（之后就可以和逻辑层交互）， onhide(按Home键就隐藏了)，onunload(销毁)

在这里插入图片描述

页面路由

在这里插入图片描述

路由触发方式

在这里插入图片描述

诺亚蜗牛_Snail
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序wxs实现吸顶效果
10-15
WXS 是微信小程序提供的一种原生 JavaScript 执行环境，它可以更高效地处理一些性能要求较高的任务，如事件监听和计算。在本文中，我们讨论如何利用 WXS 实现吸顶效果。 首先，我们需要在 WXML 文件中引入 WXS 模块...
try-catch处理异常
FrankieCao的博客
04-17 7018
实际开发中，JDK提供异常不能满足我们的开发需求时，需要自定义异常步骤：1.继承Exception 或者 RuntimeException 二者其中之一2.编写构造方法 调用父类的构造实现异常信息初始化return age;}else{throw new InputAgeOutOfBoundsException("年龄不合法" + age);}else{throw new InputScoreException("分数不合法" + score);异常处理与性能。
微信小程序—两种方式实现上拉加载与下拉刷新
Afanbaby的博客
12-18 3380
在列表数据的时候，一般都会有分页，因为如果一次性都加载出来的话，会造成卡顿的现象，浪费用户的流量，所以就会有下拉刷新，上拉加载。这里我们介绍两种实现微信小程序的下拉刷新，上拉加载的实现方式：一、第一种实现方式： 1.官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html?t=20161107 通过scro
微信小程序开发之选项卡(窗口顶部TabBar)页面切换
热门推荐
dzp_coder
10-23 10万+
微信小程序开发中选项卡.在android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果: 再上代码: 1.index.wxml 哈哈 呵呵 嘿嘿 我是哈哈 我是呵呵 我是嘿嘿
微信小程序 跳转页面的两种方法详解
滕益宏的博客
01-29 1万+
这篇文章主要介绍了微信小程序 跳转页面的两种方法详解的相关资料,需要的朋友可以参考下 微信小程序 跳转页面 小程序页面有2种跳转，可以在wxml页面或者js中： 1，在wxml页面中： [js] view plain copy "../index/index">跳转到新页面   "../index/index" ope
微信小程序实现tab页面切换功能
祈澈菇凉
07-12 3744
wxml <scroll-view scroll-x="true" class="ip_tab_comtainer"> <view class="ip_tab_comtainer_padd"></view> <block wx:for="{{ips}}" wx:for-item="ip" wx:key="{{ip.id}}"> ...
微信小程序-微信小程序之Canvas
08-06
1.We-Canvas之WaveImage 效果图： 实现细节： 1.js: drawImage:function(data){ var that = this var p10= data[0][0]; /* 三阶贝塞尔曲线起点坐标值*/ var p11= data[0][1]; /* 三阶贝塞尔曲线第一个控制点坐...
微信小程序第四章 wxs脚本wxs变量和注释
11-06
微信小程序第四章 wxs脚本wxs变量和注释
微信小程序之WXS的基本使用.zip
12-20
2. 学习微信小程序的基础知识，包括组件、API、生命周期等。 3. 深入了解WXS文档，掌握其特性与限制。 4. 练习编写WXS模块，结合实际项目应用。 5. 利用微信开发者工具进行调试和优化。 通过这个压缩包，你可以看到...
微信小程序：使用wxs检测邮箱格式实例
03-29
之前介绍过微信小程序wxs功能的相关知识：微信小程序：新功能WXS（2017.08.30新增)这里做了一个比较常用的实例：根据检测输入内容格式是否正确，来改变相关显示。 ... ...       (此图片来源于网络，如有侵权，请...
入门微信小程序二（页面导航，事件，生命周期，wxs脚本）
十九万里的博客
04-22 769
知识点： 1、页面导航 2、页面事件 3、生命周期 4、wxs脚本 注： 文章是看了b站视频后做的笔记 需要看原视频的同学可以点下面链接观看 零基础玩转微信小程序 一、页面导航 1、页面导航概念： 页面导航指的是页面之间的相互跳转。例如，浏览器中实现页面导航的方式有如下两种： ① 链接 ② location.href 小程序中实现页面导航的两种方式： ① 声明式导航:在页面上声明一个 导航组件，通过点击 组件实现页面跳转 ② 编程式导航：调用小程序的导航 API，实现页面的跳转 2、声
小程序页面刷新】
lyywz99的博客
03-24 172
微信小程序页面刷新问题小程序中其中一个模块，共有三个页面，数据列表页面，数据详情页面，数据编辑页面。
微信小程序 跳转页面
yyz_suhua的博客
03-22 1788
微信小程序 跳转页面小程序页面有2种跳转，可以在wxml页面或者js中：1，在wxml页面中：&lt;navigator url="../index/index"&gt;跳转到新页面&lt;/navigator&gt; &lt;navigator url="../index/index" open-type="redirect"&gt;在当前页打开&lt;/navigator&gt;
【小程序】window、tabBar节点配置，数据请求，页面导航，页面事件，生命周期，WXS脚本
zilin_taku的博客
10-18 930
wxml 中无法调用在页面的.js 中定义的函数，但是，wxml中可以调用 wxs 中定义的函数。因此，小程序中wxs的典型应用场景就是“过滤器"”下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。生命周期(Life Cycle)是指一个对象从。WXS ( WeiXin Script)是。，结合WXML，可以构建出页面的结构。的整个阶段，强调的是一个时间段。
微信小程序路由跳转失败——不能使用wx.navigateTo跳转到tabBar定义的页面
奋斗的小绿萝
07-24 6642
背景 在编写微信小程序的时候，遇到了跳转页面部分失灵的问题。使用了一个weUI自带的msg页面如下， wxml如下： &amp;lt;view class=&quot;page&quot;&amp;gt; &amp;lt;view class=&quot;weui-msg&quot;&amp;gt; &amp;lt;view class=&quot;weui-msg__icon-area&amp
微信小程序之页面跳转（tabBar页面与应用内页面）
m0_45329584的博客
08-08 9287
一、简介： 微信小程序主要分tabBar页面与应用内页面，这两种页面都有自己的跳转方式。 二、tabBar页面跳转 （1）什么tabBar页面 在app.json中这样写的是tabBar页面 页面中这样显示tabBar （2）wx.switchTab页面跳转 wx.switchTab({ url: '/pages/index/index' }); 注意：switchTab...
微信小程序 实现列表刷新的实例详解
Fenchow的博客
04-13 1万+
微信小程序 列表刷新：           微信小程序，最近自己学习微信小程序的知识，就想实现现在APP 那种列表刷新，下拉刷新，上拉加载等功能。  先开看一下界面 1.wx.request （获取远程服务器的数据，可以理解成$.ajax） 2. scroll-view的两个事件    2.1 bindscrolltolower（滑到页面底部时）    2.2 bindscro
微信小程序点击tabBar刷新页面
老四的博客
10-24 3万+
微信小程序点击导航栏菜单tabBar第一次的时候页面内容会刷新，那是因为调用了onLoad函数，但是点击其他菜单页再次返回第一点击的页面，页面无刷新，我的解决方法 就是调用onShow函数： onShow: function(){ var that =this; wx.request({ url: app.globalData.web_url+'yourApi?open_id='+ wx...
微信小程序中wxs的Date解析
最新发布
05-31
在微信小程序中，可以使用wxs内置对象Date来解析日期。 例如，假设有一个日期字符串"2021-09-01"，可以通过以下代码将其转换为Date对象： ``` var dateStr = "2021-09-01"; var date = new Date(dateStr.replace(/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值