小程序
文章平均质量分 80
Minyy11
这个作者很懒,什么都没留下…
展开
-
小程序-使用npm包
API Promise化,指的是通过额外的配置,将官方提供的、基于回调函数的异步 API,升级改造为基于 Promise 的异步 API,从而提高代码的可读性、维护性,避免回调地狱的问题。原创 2024-09-28 23:16:05 · 266 阅读 · 0 评论 -
小程序-自定义组件(二)
有时,自定义组件的行为依赖于页面状态的变化,此时就需要用到组件所在页面的生命周期。例如:每当触发页面的 show 生命周期函数的时候,我们希望能够重新生成一个随机的 RGB 颜色值。生命周期函数参数描述show无组件所在的页面被展示时执行hide无组件所在的页面被隐藏时执行resize组件所在的页面尺寸变化时执行可以在组件的 .wxml 中使用多个 <slot> 标签,以不同的name来区分不同的插槽。原创 2024-09-26 22:27:47 · 1039 阅读 · 0 评论 -
小程序-自定义组件(一)
数据监听器用于监听和响应任何属性和数据字段的变化,从而执行特定的操作。它的作用类似于 vue 中的 watch 侦听器。如果某个对象中需要被监听的属性太多,为了方便,可以使用通配符 **来监听对象中所有属性的变化,示例代码如下:效果如图:连续点击r,g,b可修改颜色值,变换不同的颜色,最大值为255。原创 2024-09-25 23:18:34 · 810 阅读 · 0 评论 -
小程序-生命周期与WXS脚本
生命周期函数:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行。生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作。例如,页面刚加载的时候,可以在 onLoad 生命周期函数中初始化页面的数据。注意:生命周期强调的是时间段生命周期函数强调的是时间点。wxs 代码还可以编写在以 .wxs 为后缀名的文件内,就像 javascript 代码可以编写在以 .js 为后缀名的文件中一样。原创 2024-09-25 13:27:28 · 697 阅读 · 0 评论 -
小程序-页面事件
*** 页面上拉触底事件的处理函数*/},原创 2024-09-24 22:01:01 · 762 阅读 · 0 评论 -
小程序-页面导航
页面导航指的是页面之间的相互跳转。原创 2024-09-22 16:19:31 · 1014 阅读 · 0 评论 -
网络数据请求
此时为了不耽误开发的进度,我们可以在微信开发者工具中,临时开启「开发环境不校验请求域名、TLS 版本及 HTTPS 证书」选项,跳过 request 合法域名的校验。需求描述:假设在自己的微信小程序中,希望请求 https://www.escook.cn/ 域名下的接口。Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象,由于小。,所以小程序中不能叫做“发起 Ajax 请求”,而是叫做“发起网络数据请求”。在页面刚加载的时候,自动请求一些初始化的数据。小程序中不存在跨域的问题。原创 2024-09-21 16:56:31 · 267 阅读 · 0 评论 -
全局配置-tabBar
tabBar 是移动端应用常见的页面效果,用于实现多页面的快速切换。小程序中通常将其分为:底部 tabBar 顶部 tabBar注意:tabBar中只能配置最少 2 个、最多 5 个tab 页签当渲染顶部 tabBar时,不显示 icon,只显示文本。原创 2024-09-21 15:14:41 · 701 阅读 · 0 评论 -
WXML模板语法-条件渲染和列表渲染
wx:elif 和 wx:else运行结果如下:修改type的值,1为男,2为女,3为保密一次性控制多个组件运行结果:注意: 并不是一个组件,它只是一个包裹性质的容器,不会在页面中做任何渲染。动态创建和移除元素切换样式频繁切换控制条件复杂。原创 2024-09-20 17:54:58 · 252 阅读 · 0 评论 -
WXML模板语法-事件绑定(2)
因为小程序会把 bindtap 的属性值,统一当作事件名称来处理,相当于要调用一个名称为 btnHandler(123) 的事件处理函数。可在改文本框内输入你想要的内容,当页面数据发生变化时也能自动同步会data里,通过e.detail.value拿到最新的文本框的值。e.detail.value是更新过后最新的文本框的值。event.target.dataset.参数名。4.绑定 input 事件处理函数。点击一下则会自增你所设置的属性值。* 代表的是参数的名字。原创 2024-09-20 00:04:14 · 481 阅读 · 0 评论 -
WXML模板语法-事件绑定
点击内部的按钮时,点击事件以冒泡的方式向外扩散,也会触发外层 view 的 tap 事件处理函数。在小程序中不存在HTML中的onclick的鼠标点击事件,而是通过tap事件来响应用户的触摸行为。e.currentTarget 指向的是当前正在触发事件的那个组件,因此,,通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。e.currentTarget 是当前的 view 组件。e.target 指向的是触发事件的源头组件,因此,触发事件的组件的一些属性值的集合。渲染层到逻辑层的通讯方式。原创 2024-09-16 22:36:42 · 418 阅读 · 0 评论 -
小程序-模板与配置
在data中定义数据、在WXML中使用数据在页面对应的.js文件中,把数据定义到data中即可:把data中的数据绑定到页面中渲染,使用Mustahce语法把变量包起来即可,格式如下:1.绑定内容2.绑定属性3.运算(三元运算、算数运算等)页面的数据如下:页面的结构如下:页面的数据如下:页面的结构如下:原创 2024-09-16 15:52:17 · 264 阅读 · 0 评论 -
小程序的宿主环境--组件
通过 open-type 属性可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)小程序的组件是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。类似于 HTML 中的 span 标签,是一个行内元素。保持纵横比缩放图片,只保证图片的短边能完全显示出来。功能比 HTML 中的 button 按钮丰富。保持纵横比缩放图片,使图片的长边能完全显示出来。把 HTML 字符串渲染为对应的 UI 结构。也就是说,可以完整地将图片显示出来。向是完整的,另一个方向将会发生截取。原创 2024-09-15 00:36:26 · 704 阅读 · 0 评论 -
小程序的项目结构
1.pages用来存放所有小程序的页面2.utils用来存放工具性质的模块3.app.js小程序性质的项目文件4.app.json小程序项目的全局配置文件5.app.wxss小程序项目的全局样式文件6.project.config.json项目的配置文件7.sitemap.json用来配置小程序及其页面是否允许被微信索引。原创 2024-09-09 23:44:02 · 281 阅读 · 0 评论