
微信小程序
文章平均质量分 91
学习微信小程序的总结
小婵婵不怕鬼
努力学好前端
展开
-
微信小程序5,自定义组件,组件中的数据、属性、方法,组件的生命周期函数,组件通信
目录组件组件的引用方式样式隔离自定义组件的样式隔离修改组件的样式隔离选项组件中的数据、属性、方法propertiesdata和properties的区别使用setData修改properties的值数据监听器纯数据字段使用规则组件的生命周期函数组件所在页面的生命周期函数组件通信插槽父子组件之间通信的3种方式behaviors组件组件的引用方式局部引用:组件只能在当前倍引用的页面被使用全局引用:组件可以在每个小程序页面中使用在页面的.json配置文件中引用组件的方式,叫做局部引用:{ "u原创 2023-03-15 13:20:00 · 2234 阅读 · 0 评论 -
微信小程序3,数据绑定,列表渲染,条件渲染
使用wx:for进行列表渲染,wx:for后面跟的是要渲染的数据对象,wx:key是用来指定唯一标识符的,也可以配合block来使用,将要渲染的标签放在block中。每一个里面都有一个item对象,可以根据它的内容进行页面渲染。因为 wx:if 之中的模板也可能包含数据绑定,所以当 wx:if 的条件值切换时,框架有一个局部渲染的过程,因为它会确保条件块在切换时销毁或重新渲染。同时 wx:if 也是惰性的,如果在初始渲染条件为 false,框架什么也不做,在条件第一次变成真的时候才开始局部渲染。原创 2023-03-11 16:58:11 · 1118 阅读 · 0 评论 -
微信小程序4,生命周期,wxs、导航
是由小程序框架提供的的内置函数,会伴随着生命周期,自动按次序执行。生周期函数的作用就是允许陈鼓学院在特定时间点,执行某些特定的操作。注意:生命周期强调的是时间段,生命周期函数强调的是时间点。原创 2023-03-11 16:44:48 · 687 阅读 · 0 评论 -
微信小程序2,全局配置,页面配置
页面中配置项在当前页面会覆盖 app.json 中相同的配置项(样式相关的配置项属于 app.json 中的 window 属性,但这里不需要额外指定 window 字段)。如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。小程序也进行了基础组件的样式升级。app.json 中的部分配置,也支持对单个页面进行配置,可以在页面对应的 .json 文件来对本页面的表现进行配置。原创 2023-03-10 11:43:07 · 512 阅读 · 0 评论 -
微信小程序1,常用组件 view、swiper、swiper-item、 scroll-view、 icon、progress、text、rich-text、button、input、image
组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。其中只可放置swiper-item组件,否则会导致未定义的行为,下方为常用属性,其他很多属性可以去官网看。现支持两种节点,通过 type 来区分,分别是元素节点和文本节点,默认是元素节点,在富文本区域里显示的 HTML 节点。支持 JPG、PNG、SVG、WEBP、GIF 等格式,2.3.0 起支持云文件ID。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。文本,为行内元素,类似于html中的span。原创 2023-03-09 18:01:06 · 790 阅读 · 0 评论