微信小程序初识

微信小程序初识

代码的构成

json :配置文件,以json格式存储- -些配置

.wxml :模板文件,描述页面结构,相当于HTML

.WXSS :样式文件,调整页面样式,相当于css

.js :脚本逻辑文件,页面和用户的交互逻辑

json文件

project.config.json :项目配置

app.json :全局配置

page.json :页面配置

WXML

WXML全称是WeiXin Markup Language ,是小程序框架设计的一套标签语言,结合小程序的基础组件、事件系统,
可以构建出页面的结构。充当的就是类似HTML的角色

列表渲染

wx:for {{ index }} {{ item }}

wx:key

条件渲染

1、使用wx:if= "{condition}}" 来判断是否需要渲染该代码块,也
    可以用wx:elseif和wx:else来添加一个else块

2、wx:if VS hidden

3、如果需要频繁切换的情景下,用hidden更好,
    如果在运行时条件不大可能改变则wx:if 较好

WXSS

1、WXSS ( WeiXin Style Sheets )是一套用于小程序的样式语言，用于描述WXML的组件样式,也就是视觉上的效果。

2、尺寸单位: rpx ( responsive pixel ) :可以根据屏幕宽度进行自适应,适配不同宽度的屏幕。

3、引入外部wXss : @import './test _0.wxss'

事件机制

事件是对用户的交互操作行为的相应
bind VS catch

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---