- 博客(23)
- 收藏
- 关注
RSS订阅原创 微信小程序-案例：本地生活-首页（不使用网络数据请求）
将所需的轮播图图片放入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关注的人