- 博客(13)
- 收藏
- 关注
RSS订阅原创 基于Taro-UI二次封装的选择器
在Taro-UI中的Picker组件中，当选择了某个选项后，可以得到的是选择了的range 中的第几个，即为索引，比如选择器中的内容如下careSelector，若选择的是一对一，则返回的结果得到的为0，而我真正想要的是它所对应的value的值，对此，就对picker重新进行了封装。
2024-05-15 20:15:02
698
原创 策略模式下的页面路由跳转
routerChange中需要有currentPage和currentCareType，从 ROUTER_CHANDER_URL 对象中按照 currentCareType 和 currentPage 的值查找对应的 URL 地址，来决定下一页面路由。若如下所示，当currentPage ='STEP2',currentCareType=1，同时传入了params={type='order'}，则最后得到的跳转路由为'/pages/Apply/Success?
2024-05-15 17:06:10
394
原创 new Date(“YYYY-MM-DD hh:mm:ss“) 在部分 iOS 下无法正常使用
new Date("2024-05-15 08:00:00") 在部分 iOS 下无法正常使用，iOS 只支持 "yyyy/MM/dd"、"yyyy/MM/dd HH:mm:ss"、"yyyy-MM-dd"、"yyyy-MM-ddTHH:mm:ss"、"yyyy-MM-ddTHH:mm:ss+HH:mm" 的格式。在微信小程序中使用new Date("YYYY-MM-DD hh:mm:ss")转换时间时，出现了警告，导致使用苹果手机时，时间转换的结果为null，无法正常显示。将'-'直接替换为'/'
2024-05-15 16:08:23
2938
原创 判断已有时间段是否存在重叠部分，发生冲突
当存在一个时间段数组，其中包括开始时间和结束时间，我们想要判断这些时间段之间是否存在重叠部分，即两个时间段存在非空的交集时，发生冲突。然后，对于排序后的数组，进行循环遍历，从第一个时间段开始，比较当前时间段的结束时间与下一个时间段的起始时间。首先我们可以对数组进行排序，将时间段按照起始时间从小到大的顺序进行排列。若当前时间段的结束时间大于下一个时间段的起始时间，则说明时间发生冲突。当数据发送冲突时，则函数返回结果为true，否则为false。
2024-05-15 11:21:38
772
原创 页面底部固定显示按钮，同时不覆盖页面内容
在页面底部添加按钮，并让它始终保持在页面底部，不随着下拉而改变位置，同时按钮不能覆盖页面内容。直接在页面之中添加一个Veiw，使其占据一定的高度，从而使页面内容能够完整显示。此时存在的问题就是当页面滑到底部时，按钮会覆盖页面内容。
2024-05-14 20:57:17
1131
2
原创 微信小程序个人中心菜单
该组件用于生成一个用户个人中心的菜单列表页面，一行显示两个，该组件需要传入当前登录的用户角色，根据不同的角色渲染出不同的菜单列表。
2024-05-14 19:53:20
515
2
原创 dispatch中使用callback实现异步回调
在实现自动分组时，首先要先建立出小组，才能向小组中添加成员，所以要等小组建立成功，在异步操作完成后才执行添加成员操作，此时可以使用callback。
2024-05-14 15:23:47
618
1
原创 while下的串行异步操作
当添加或删除小组学生时，可以选择多个学生，此时会向后端接口发送多次请求，对此，我们使用while循环，每次循环都会将selectedData数组的最后一个元素弹出，并在每次循环中执行。若使用for循环，由于for是同步执行的，则在循环内进行异步操作会导致整个循环一次性发起所有请求，而不是按顺序逐个处理，无法等待异步操作完成再进行下一次迭代，循环体中的每次调用都会等待异步操作完成后再继续执行下一次循环，导致并发请求过多、数据处理出错等。这可能会对循环的逻辑产生影响，
2024-05-14 12:41:07
513
1
原创 使用antd中Transfer穿梭框实现小组成员的增删
首先要对得到的数据进行处理，使得mockData中的数据为未分组的学生和该小组下已有的学生，targetKeys为mockData中已分组学生的key，从而保证穿梭框中显示的结果为左边为未分组的学生，右边为该该小组下的学生。穿梭框左边栏为未分组的学生，右边栏为该小组学生， 选择左边学生移进右边即为添加学生到该组，右边移入左边即为从组中删除学生（可以选择多个学生进行操作）点击提交时，根据direction的方向来得到是添加还是删除学生，然后调用对应的接口。数据源，其中的数据将会被渲染到左边一栏中，
2024-05-13 19:51:13
710
1
原创 自适应卡片布局
title={`${divisionName} （共 ${userList.length} 人）`}GroupCardListLayout组件实现布局，GroupCard组件实现卡片样式。使用响应式设计，使得用户在屏幕尺寸发生变化时，动态调整页面的卡片布局。
2024-05-13 14:32:35
1365
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人