一个微信小程序的开发——2022.06.13

特点概述

1、 没有 DOM
2、组件化开发： 具备特定功能效果的代码集合
2、体积小，单个压缩包体积不能大于 2M，否则无法上线
4、小程序的四个重要的文件
① *.js
② *.wxml —> view 结构 ----> html
③ *.wxss —> view 样式 -----> css
④ *. json ----> view 数据 -----> json 文件

小程序相关

一、数据绑定

1、小程序：data中的初始数据。
①修改数据：this.setData。
②修改数据的行为始终是同步的。
③数据流：单项——Model->View。
2、Vue：data中的初始数据
①修改数据：this.key = value。
②数据流：Vue是单项数据流——Model->View、Vue中实现了双向绑定——v-model。
3、React：state中初始化状态数据。
①修改数据：this.setState()。
②自身钩子函数中（componentDidMount）异步的。
③非自身的钩子函数中（定时器的回调）同步的。
④数据流：单项——Model->View。

二、事件绑定

1、事件分类
①冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
②非冒泡事件：当一个组件上的事件被触发后，改事件不会向父节点传递。
表单事件和自定义事件通常是非冒泡事件。
2、绑定事件
①bind绑定：事件绑定不会阻止冒泡事件向上冒泡。
②catch绑定：事件绑定可以直接冒泡事件向上冒泡。
3、冒泡事件的补充笔记
①事件流的三个阶段：
捕获：从外向内
执行目标节点
冒泡：从内向外