小程序 多个 veb-view返回 返回了两个页面_关于微信小程序 - 小兔儿_乖乖

1.窗口配置

微信小程序的配置分为全局配置,页面配置

①全局配置的话,一般在根目录中配置全局决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab等。例如:

5ca8704cfb1ab48afcc21d8fb4eb02f4.png

 ②页面配置的话,是对某个文件夹中的.json文件进行配置,就比如Cate:

d5022dcf4d9f1dfb6987657ae18e06b1.png

2.小程序的代码构成

一般有.js .json .wxml .wxss组成

①JSON配置:JSON 是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色。 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。

②WXML模板:相当于html页面,由标签、属性等构成。主要是对页面进行布局,view标签相当于div标签 text标签相当于span标签和vue不同的是,vue使用的循环是v-if 小程序使用的是wx:if

③WXSS样式: 用于描述WXML的组件样式,具有 CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改。wxss用的是像素是rpx

④JS逻辑交互:主要是和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,我们就通过编写 JS 脚本文件来处理用户的操作。

3.小程序的生命周期

小程序的生命周期分为应用生命周期和页面生命周期

应用生命周期:1.用户首次打开小程序,触发 onLaunch(全局只触发一次)。2.小程序初始化完成后,触发onShow方法,监听小程序显示。3.小程序从前台进入后台,触发 onHide方法。4.小程序从后台进入前台显示,触发 onShow方法。5.小程序后台运行一定时间,或系统资源占用过高,会被销毁。

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

4.数据请求和封装

7c3e3577678c2db90d3950e72c6e49fa.png

5.路由跳转分类及传参

使用导航组件,标签,页面链接来实现(可以发现点击时有背景)

1aed8e69478bb7322128dde2ed039eb6.png

 ②给页面布局加监听bindtap事件,然后在方法里面,通过来实现跳转(保留当前页面,跳转到应用内的某个页面,使用可以返回到原页面)

e6096fea4a386a9eb924a57a320a65d8.png

 17a16e739de4406dd191bd35354848be.png

③通过实现跳转(关闭当前页面,跳转到应用内某个页面)

1e91b70c6222461b81f9ce7fc880dff4.png

④通过返回上一级(关闭当前页面。返回上一页面或多级页面)。

0d2f8c3cdcf8bdea42431de01bd1c254.png

6.路由配置

7.点击获取参数

就拿页面跳转传参来说:先进行跳转传一个参数,然后再另一个页面接收

440918af91f02a8d31e275eb773a4495.png

详情的js文件:

 10cb9af06f9ba6f2405805414fdffb31.png

8.本地存储的方式

(1)();将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。

(2)();   // 移除指定的值

(3)();  // 获取值

(4)Info();  // 获取当前 storage 中所有的 key

(5)();  // 清除所有的key

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值