微信小程序初识
代码的构成
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