一个微信小程序的开发——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、冒泡事件的补充笔记
①事件流的三个阶段:
捕获:从外向内
执行目标节点
冒泡:从内向外

你可能感兴趣的:(微信小程序,微信小程序)