小程序开发

getApp()

获取小程序全局 app 对象的函数或数据。
当前页面更新了 appData, 其他页面要响应到更新,必须再使用 setData 更新

"window":
{
  "restartStrategy": "homePage"  // app.josn 中配置 冷启动(重新启动)打开的页面
}

rpx 转 px

app. js 的全局 data 中注入当前设备的 px 转 rpx 比例，需要响应转换 px 的 page 都拿得到，巴巴适适的
某些组件属性只支持输入 px 单位时，想不同设备自适应，就可以使用 **pxb **了

 globalData: {
    // rpx 转 px的比例
    // 某属性，不支持rpx时， 模拟出rpx, 同样自适应
    pxb:  wx.getSystemInfoSync().windowWidth / 750,
}

model:

双向绑定需要在 value 前加上 model:value
这样改变输入框得值，data 中得值也会改变。
如果没有 model：就只能通过 this.setData 来改变 input 中 value 的值，input 中的值改变，则 data 不会改变的。
或者 bindinput 绑定一个 input 表单变化的事件，通过 event 对象更新 data 中的数据也可以

custom

单个页面的 json 配置中也是可以设置隐藏官方 navbar 的应该是新特性。

“navigationStyle”: “custom”

使用 wx:for 或 wx:if 时。在 block 标签上使用
block 只是个包装标签不会渲染的，只是个处理 if for 等控制属性的工具人标签。
可以使其中包括组件标签，可判断多个了组件标签了

setData 骚操作

就目前的理解：this.data.dataName = 新值
就可以新增或改变该 data 中的数据但只是在 js 逻辑层的改变
想要把数据同步到视图层中必须要使用 setData

**更新 data 中 filter 对象 Room 属性的值 **

selectedFilterItem(e) {
  var dataset = e.currentTarget.dataset
  this.setData({
    // 直接使用变量的形式是行不通的
    filter[dataset.key]: dataset.value
               })
  // 下面两种方式是 OK 的
    -- 先在这里拼接出一个字符串
let key = 'filter.' + dataset.key
this.setData({
  'filter.Room': dataset.value
  //把对应的成员变量用用方括号[]包裹起来
  [key]: dataset.value
})

const index = e.currentTarget.dataset.indexs
const item = `list[${index}].data`
this.setData({
  [item] : e.detail.value
})
}

注意

小程序的 setData 里面处理的 data 的 key 必须是字符串，所有不接受引用数据类型

但是可以使用字符串拼接，或模板字符串实现。但还是需要 [ ] 包括才有用

const index = e.currentTarget.dataset.indexs;
const item = `columnsList[${index}].data`;
// const item2= "columnsList["+index+"].data"
this.setData({
  [item]: e.detail.value,
});

wxs （WeiXin Script）

https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/01wxs-module.html

多用于性能优化，小程序自己的脚本语言，但功能不怎么全，
本质代码是 js，但也不完全是，它也又是自己的一些规则
可以在 wxml 中当作标签导入使用

template

https://blog.csdn.net/qq_39174924/article/details/103341414

就是模块，component 组件其实是模块的升级版。
模块负责的是静态的 ui 的展示，而组件要有数据上的交互
模块只有 wxml 和 wxss 组件有还有 js 和配置组件的 josn 文件
引用：
开发工具自动生成的 骨架屏 就是 template 模板
- 骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。通常在小程序中，我们需要手工维护骨架屏的代码，当业务变更时，同样需要对骨架屏代码进行调整。为了开发的便利，开发者工具提供了自动生成骨架屏代码的能力。