微信小程序:
代码构成:
JSON: 配置
WXML:
1.把渲染和逻辑分离,简单来说就是不要再让 JS 直接操控 DOM,JS只需要管理状态即可,
然后再通过一种模板语法来描述状态和界面结构的关系即可
2. {{ }} 的语法把一个变量绑定到界面上,我们称为数据绑定
3.控制能力都用 wx: 开头的属性来表达
WXSS:
新增尺寸单位,提供全局和局部样式
JS 交互
<view>{{ msg }}</view>
<button bindtap="clickMe">点击我</button>
Page({
clickMe: function() {
this.setData({ msg: "Hello World" })
}
})
小程序能力:
app.json
app.js
app.json
app.js
Page({
data: { // 参与页面渲染的数据
logs: []
},
onLoad: function () {
// 页面渲染后 执行
}
})
Page 是一个页面构造器,小程序框架会把 data 数据和 index.wxml 一起渲染出最终的结构,于是就得到了你看到的小程序的样子。
组件:很多比如《map》《/map》
API: wx.getLocation
微信支付:
申请微信支付,商户号等信息
data: { // 参与页面渲染的数据
logs: []
},
onLoad: function () {
// 页面渲染后 执行
}
})
Page 是一个页面构造器,小程序框架会把 data 数据和 index.wxml 一起渲染出最终的结构,于是就得到了你看到的小程序的样子。
组件:很多比如《map》《/map》
API: wx.getLocation
微信支付:
申请微信支付,商户号等信息