微信小程序云开发笔记1

微信小程序云开发笔记

配置文件

1. WXML标签的与html的区别

view代替div

image（双标签）：img

block：盒子（不会被渲染）

text代替span 注：wxml中 块级标签统一为view 行内标签统一为text，没有a h1 h2 ul ol li等

2. wxss与js（react？） json文件
3. utils.js app.js app.json
4. pages下新建页面，写在第一个最先显示
   
   

是否支持被微信爬取，*为通配符

自定义导航栏

沉浸式导航栏：系统顶部跟随导航栏变化

自定义：

数据绑定

猴子语法

注：小程序中凡是写在data中的数据，wxml中都必须加{{}}

按钮样式调节与绑定点击事假

样式与期望不符合时，将配置文件中的“v2”删除。

移动端click时间会造成200-300ms延迟

解决方法：fastclick 或者tap（触摸）代替click事件（后者为小程序默认使用方式）

绑定方法:

修改、获取data中的数据

修改data中的数据必须使用this.SetData()

获取data中的数据必须使用this.data.变量

切换显示

实现双向数据绑定

data数据在wxml中使用{{变量名}}

input获取的元素通过bindinput绑定事件，通过this.SetData()方法修改

e就是event，事件对象。

条件渲染

wx:if
wx:elif
wx:else