微信小程序 js wxml wxss 路由

本文全面解析了微信小程序开发的关键技术,包括wxml模版语法、js事件处理、wxss样式设置、路由管理、横屏及自定义头部配置、数据缓存策略、下拉刷新与上拉加载等功能实现细节。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

wxml

 wx:for="{{}}"  class="bg {{center}}" 等模版语法

js (事件)

事件 属性传递  data-id  在 event 中获取 setData{} 跟新数据 ,获取数据 this.data.readMark

wxss

蓝湖中android 设计图单位对应小程序中px,同样支持 calc(100vh - 44px); less 计算属性

ui

采用 vant ui

路由

微信小程序路由api 有 页面历史栈  准对页面栈,有不同的api, 传值有 url 传值 和 事件传值。有连接和api两种形式。

横屏,自定义头

json 文件 

"navigationStyle": "custom",

"pageOrientation": "landscape"

数据缓存storage

storage 超过 10M 后会 LRU 操作 将使用最少的key 数据删除

下拉刷新,上拉加载更多。

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值