学习笔记

微信小程序 - 学习笔记

by 猪皮怪, 2022-08-04


全局配置:app.json

小程序全局配置文件,其中的pages配置选项对应配置页面列表,其他配置查看。

{
    "pages": ["pages/index/index", "pages/logs/index"],
    "window": {
        "navigationBarTitleText": "Demo"
    },
    "tabBar": {
        "list": [
            {
                "pagePath": "pages/index/index",
                "text": "首页"
            },
            {
                "pagePath": "pages/logs/logs",
                "text": "日志"
            }
        ]
    },
    "networkTimeout": {
        "request": 10000,
        "downloadFile": 10000
    },
    "debug": true,
}

创建页面:pages文件夹

存放页面文件

组件:

样式:单位尽量用“rpx”让设备自适应

事件绑定:bindtap,类似于vue的v-on。

双向绑定:bindinput,在后端同步setData数据。

全局globalData

在app.js中设置globalData属性,然后在业务js内用getApp()获取到公共app.js,调用方式:getApp().globalData.xxx

本地storage

调用微信接口,wx.setStorageSync(key,value)赋值。
调用微信接口,wx.getStorageSync(key)取值。

作者: 猪皮怪

2024 © esia.asia 13 ms