- 博客(23)
- 收藏
- 关注
原创 微信小程序-案例:本地生活-首页(不使用网络数据请求)
将所需的轮播图图片放入images文件夹中的swiper文件夹中。将所需的九宫格图片放入images文件夹中的nine文件夹中。将所需的图片放入images文件夹中的picture文件夹中。哦对九宫格这里grid不要打错成gird了!3.配置tabBar效果。1.新建项目并添加页面。6.实现底部图片效果。
2024-06-05 11:24:46
524
原创 微信小程序-WXS脚本
wxml中无法调用在页面的.js 中定义的函数,但是,wxml 中可以调用 wxs 中定义的函数。因此,小程序中wxs 的典型应用场景就是“过滤器”wxs代码可以编写在wxml文件中的<wxs>标签内,就像Javascript代码可以编写在html文件中的<script>标签内一样。wxs代码还可以编写在以.wxs为后缀名的文件内,就像javascript代码可以可以编写在以,js为后缀名的文件中一样。WXS(WeiXin Script)是小程序独有的一套脚本语言,结合 WXML,可以构建出页面的结构。
2024-06-04 19:54:56
697
1
原创 微信小程序-生命周期
生命周期函数:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行。例如,页面刚加载的时候,可以在onLoad 生命周期函数中初始化页面的数据。生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作。小程序的页面生命周期函数需要在页面的.js文件中进行声明。中间小程序运行的过程,就是小程序的生命周期。中间张三的一生,就是张三的生命周期。的整个阶段,强调的是一个时间段。小程序的启动,表示生命周期的开始。小程序的关闭,表示生命周期的结束。特指小程序中,每个页面的。(2)页面的生命周期函数。
2024-06-03 15:47:42
156
1
原创 微信小程序-页面事件
当处理完下拉刷新后,下拉刷新的loading效果会一直显示,不会主动消失,所以需要手动隐藏loading效果,此时,调用wx.stopPullDownRefresh()可以停止当前页面的下拉刷新。在页面的.js文件中,通过onPullDownRefresh()函数即可监听当前页面的下拉刷新事件。下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。在页面的.js文件中,通过onReachBottom()函数即可监听当前页面的上拉触底事件。(1)全局开启下拉刷新。
2024-06-01 10:29:01
293
原创 微信小程序-页面导航-导航传参
调用wx.navigateTo(Object object)方法跳转页面时,也可以携带参数。通过声明式导航传参或编程式导航传参所携带的参数,可以直接在onLoad事件中直接获取到。点击按钮“跳转到info页面”就会跳转到info页面。点击“跳转到info页面”就会跳转到info页面。(1)参数与路径之间使用?3.在onLoad当中接收导航参数。(2)参数键与参数值用 = 相连。(3)不同参数用 & 分隔。
2024-05-31 22:26:35
785
原创 微信小程序-页面导航
注意:为了简便,如果只是后退到上一页面,则可以省略delta属性,因为其默认值就是1。open-type表示跳转的方式,必须为switchTab。open-type表示跳转的方式,必须为navigate。非tabBar页面指的是没有被配置为tabBar的页面。此时点击“导航到info页面”就会跳转到info页面。tabBar页面指的是被配置为tabBar的页面。点击“跳转到info页面”就会跳转到info页面。url表示要跳转的页面的地址,必须以/开头。此时点击“导航到消息页面”,就会跳转到消息页面。
2024-05-31 22:05:48
1093
3
原创 微信小程序-网络数据请求(配置request合法域名)
第一次配置时request合法域名中应该是没有东西的,然后需要点击“开始配置”,因为我这里配置过了,所以显示的是修改。(4)服务器域名一个月内最多可申请5次修改(虽然显示是50次,但是是一个bug,实际上还是只能修改5次)然后回到开发者工具,点击右上角“详情”,然后再点击“项目配置”,可以看到域名是否配置成功。调用微信小程序提供的wx.request()方法,可以发起GET数据请求。(2)必须将接口的域名添加到信任列表中。(1)只能请求HTTPS类型的接口。(1)域名只支持https协议。
2024-05-30 11:17:51
1620
原创 微信小程序-页面配置
小程序中,每个页面都有自己的.json配置文件,用来对当前页面的窗口外观、页面效果等进行配置。如果某些小程序页面想要拥有特殊的窗口表现,就通过“页面级别的.json配置文件”实现这种需求。小程序中,app.json中的window节点,可以全局配置小程序中每个页面的窗口表现。比如将message页面的导航栏背景颜色换红色。
2024-05-30 10:46:17
1100
原创 全局配置-案例:配置tabBar
(1)打开app.json配置文件,和pages、windows平级,新增tabBar节点。selectedIconPath指定当前tab被选中后高亮的图片路径。pagePath指定当前tab对应的页面路径(必填)(2)tabBar节点中,新增list数组,存放每个tab项的配置对象。iconPath指定当前tab未选中时候的图片路径。text指定当前tab上按钮的文字(必填)把image文件夹拷贝到小程序项目根目录中。图片中包含-active的是选中之后的图标。图片中不包含-active的是默认图标。
2024-05-29 19:49:28
573
原创 全局配置-window和tabBar
下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。注意:设置导航栏的背景色时,只支持16进制的值,不支持像red、green这种文本类型的值。上拉触底是移动端的专有名词,通过手指在屏幕上的上拉滑动操作,从而加载更多数据的行为。需求:把导航条上的标题,从默认的"Weixin"修改为"NA"(5)selectedColor:tab上的文字选中时的颜色。(3)borderStyle:tabBar上边框的颜色。(6)color:tab上的文字默认(未选中)的颜色。
2024-05-29 19:16:47
783
原创 WXSS模板样式-全局样式和局部样式
鉴于不同设备屏幕的大小不同,为了实现屏幕的自动适配,rpx把所有设备的屏幕,在宽度上等分为750份(即:当前屏幕的总宽度是750rpx)小程序在不同设=设备上运行的时候,会自动把rpx的样式单位换算成对应的像素单位来渲染,从而实现屏幕适配。(2)当局部样式的权重大于或等于全局样式的权重时,才会覆盖全局的样式。所以当局部样式的权重大于或等于全局样式的权重时,会覆盖全局的样式。在页面的.wxss文件中定义的样式为局部样式,只作用于当前页面。我们发现其权重为(0,1,1),大于(0,0,1)
2024-05-25 20:50:30
1226
1
原创 华为手机卡顿(仅针对于部分人来说,我也不清楚是否真的有用)
之前一段时间手机变得特别卡顿,然后网上搜了一堆教程一点用没有,结果因为昨天下午在考试所以把手机关机了一个多小时,再打开之后手机就变得很流畅,原因不详,但效果显著,如有需要可尝试一下。
2024-05-24 22:00:37
415
原创 WXML模板语法-条件渲染和列表渲染
如果要一次性控制多个组件的展示与隐藏,可以使用一个<block></block>标签将多个组件包装起来,并在<block>标签上使用wx:if控制属性。在小程序中,使用wx:if="{{condition}}"来判断是否需要渲染该代码块,也可以用wx:elif和wx:else来添加else判断。类似于Vue列表渲染中的 :key,小程序在实现列表渲染时,也建议为渲染出来的列表项指定唯一的key值,从而提高渲染的效率。使用 wx:for-index 可以指定当前循环项的索引的变量名。
2024-05-24 21:51:31
269
原创 WXML模板语法-事件绑定
事件是渲染层到逻辑层的通讯方式,通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。在小程序中,不存在HTML中的onclick鼠标点击事件,而是通过tap事件来响应用户的触摸行为。点击内部的按钮时,点击事件以冒泡的方式向外扩散,也会触发外层view的tap事件处理函数。target是触发该事件的源头组件,而currentTarget是当前事件所绑定的组件。e.currentTarget指向的是当前正在触发事件的那个组件,因此,e.target指向的是触发事件的源头组件,因此,
2024-05-24 21:18:21
350
原创 WXML模板语法-数据绑定
如果希望查看当前页面里面的所有数据,可以通过调试器面板里面的AppData来查看当前页面中的所有数据。把data中的数据绑定到页面中渲染,使用Mustache语法(双大括号)将变量包起来即可。:在页面对应的.js文件中,把数据定义在data对象中即可。(这里打错了 应该是数组类型的数据... 报意思啊)(3)运算(三元运算,算数运算等)(1)在data中定义数据。(2)在WXML中使用数据。
2024-05-23 20:12:12
190
原创 微信小程序-其他常用组件
通过open-type属性可以调用微信提供的各种功能(客服,转发,获取用户授权,获取用户信息等)图片组件,image组件默认宽度约300px,高度约240px。按钮组件,功能比HTML中的button按钮丰富。页面导航组件,类似于HTML中的a链接。
2024-05-22 22:17:35
218
原创 微信小程序-常用的基础内容组件
文本组件,类似于HTML中的span标签,是一个行内元素。富文本组件,支持把HTML字符串渲染成WXML结构。组件属性的长度单位默认为px,起支持传入单位(rpx/px)
2024-05-22 21:47:43
286
原创 微信小程序-常用的视图容器类组件
小程序如果在页面内进行复杂的界面设计(如在页面内弹出半屏的弹窗、在页面内加载一个全屏的子页面等),用户进行返回操作会直接离开当前页面,不符合用户预期,预期应为关闭当前弹出的组件。可移动的视图容器,在页面中可以拖拽滑动.movable-view必须在movable-area组件中,并且必须是直接子节点,否则不能移动。使整个子树从页面中脱离出来,类似于在 CSS 中使用 fixed position 的效果。小程序中的组件也是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。
2024-05-22 19:33:07
1211
原创 注册小程序账号&安装开发者工具
推荐下载和安装最新的稳定版(Stable Build)的微信开发者工具,依次填写即可 这里就用到了App ID。后端服务选择不使用云服务。
2024-05-22 19:16:31
253
原创 了解微信小程序项目
安卓版的微信 App 是不能在 iOS 环境下运行的,所以Android 是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的。当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。小程序中的每一个页面,可以使用 .json 文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json 的 window 中相同的配置项。app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部 tab 等。
2024-05-22 14:04:42
611
原创 生成随机数
time 函数会返回当前的日历时间,其实返回的是1970年1月1日0时0分0秒到现在程序运行时间之间的差值,单位是秒。如果再深入了解一下,我们不难发现,其实rand函数生成的随机数是伪随机的,伪随机数不是真正的随机数,是通过某种算法生成的随机数。,这个随机数的范围是在0~RAND_MAX之间,这个RAND_MAX的大小是依赖编译器上实现的,但是大部分编译器上是32767。time函数的参数timer,如果是非NULL的指针的话,函数也会将这个返回的差值放在timer指向的内存中带回去。
2023-12-14 17:07:40
60
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人