自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(106)
  • 资源 (5)
  • 收藏
  • 关注

原创 AntDesign下的Cascader多级分类,支持文字搜索

AntDesign下的Cascader多级分类,支持文字搜索

2025-03-31 16:55:27 136

原创 React项目中,递归写法获取tree的id集合

React项目中,递归写法获取tree的id集合

2025-03-24 12:00:12 269

原创 配置苹果电脑hosts文件-简约步骤

4.按左上角esc键,之后输入 :wq!再回车 实现退出编辑并保存。1.打开终端输入sudo vim /etc/hosts。3.回车 输入法英文模式下输入 i,输入要新加的域名。

2025-03-24 10:18:05 229

原创 微信小程序中,ios系统下,用户总是遇到 在输入密码或验证码的输入框中输入,光标总是往最前面跑,可以设置cursor解决

微信小程序中,ios系统下用户总是遇到 在输入密码或验证码的输入框中输入,光标总是往最前面跑,可以设置cursor解决

2025-03-17 09:28:08 122

原创 react使用拖拽,缩放组件,采用react-rnd解决 -完整版

react使用拖拽,缩放组件,采用react-rnd解决

2025-03-10 10:12:52 376

原创 react使用拖拽,缩放组件,采用react-rnd解决

项目中需求,要求给商品图片添加促销标签,并且可拉伸大小,和拖拽位置。1.在项目根目录下执行以下代码,引入react-rnd。还有一些属性,罗列出来,希望对大家有帮助~2.在项目中直接引用,以下是最简单的示例。最后选择用react-rnd来实现。话不多说,直接上代码!

2025-02-24 17:14:52 241

原创 android项目启动中遇到的相关问题,后续会慢慢补充

android项目启动中遇到的相关问题,后续会慢慢补充

2024-12-05 18:41:23 247

原创 React的ts文件中通过createElement拼接一段内容出来

React的ts文件中通过createElement拼接一段内容出来

2024-11-27 16:54:45 508

原创 ios项目启动中遇到的相关问题,后续会慢慢补充

ios项目启动中遇到的相关问题,后续会慢慢补充

2024-11-18 11:25:50 359

原创 React项目中 “引入coze AI 应用开发平台“ 的具体代码实现 - 提供的第二种方法

React项目中 “引入coze AI 应用开发平台“ 的具体代码实现,最简单的代码实现!!!

2024-10-31 18:21:00 468

原创 React项目中 “引入coze AI 应用开发平台“ 的具体代码实现

React项目中,引入coze AI 应用开发平台

2024-10-30 17:35:42 665

原创 使用 rbenv 安装 Ruby 2.7.5

您应该会看到 Ruby 2.7.5 的版本信息。

2024-10-18 18:39:33 498

原创 要卸载 RVM(Ruby Version Manager)和它管理的所有 Ruby 版本

打开你的 Shell 配置文件(如 .bash_profile, .bashrc, .zshrc, 或 .profile)并删除与 RVM 相关的行。此命令将删除 RVM 和所有安装的 Ruby 版本。系统会提示你确认卸载操作,输入 yes 确认。如果输出是“command not found”,说明 RVM 已经成功卸载。删除与 RVM 相关的行后,保存并退出。1.卸载 RVM 和 Ruby 版本。4. 重新加载 Shell 配置。3.检查 Shell 配置文件。2. 删除 RVM 残留文件。

2024-10-18 18:36:02 890

原创 在 macOS 上卸载 CocoaPods

如果看到输出“command not found”,说明已经成功卸载。这样应该就能够完全卸载 CocoaPods。

2024-10-18 18:32:29 1226

原创 点击ios模拟器,提示Unable to boot the Simulator的解决方案

3.回车,重新点击模拟器,就打开了。密码就是你的开机密码!1.命令复制,cmd执行。2.执行完后要求输入密码。

2024-10-16 08:48:20 559

原创 React根据当前日期获取一年前,一个月前,7天前的日子

【代码】React根据当前日期获取一年前,一个月前,7天前的日子。

2024-09-12 16:29:37 214

原创 React+AntDesign做一个日历,Calendar自定义headerRender

日历是用的AntDesign提供的Calendar组件,这个组件还是蛮强大的,可以自定义头部时间下拉;渲染每个时间段,或者重置时间段内容,玩的空间是很大的。第一步:下载js-calendar-converter添加到项目中,用于获取节假日等信息,如果需求没要求 可以不用这个,并将代码中关乎它的相关代码去掉即可。😄样式我贴一下吧,其实日历中的都可以自定义样式,希望对大家有帮助。话不多说,直接贴效果图😄。第二步:页面开发代码如下。

2024-08-14 19:20:42 695

原创 React+AntDesign做一个日历,展示节假日,节气,并且在某几个时间上添加活动备注

React+AntDesign做一个日历,展示节假日,节气,并且在某几个时间添加备注,有图有代码~

2024-08-14 16:06:22 1101

原创 小程序关于页面路由的一些常见写法,后续慢慢补充

3.关闭当前页面,返回上一页面或多级页面。

2024-08-09 09:10:23 142

原创 使用Taro自带的Swiper和SwiperItem,为什么有元素,却没显示呢

问:使用Taro自带的Swiper和SwiperItem,为什么有元素,却没显示呢?在app中,Swiper和SwiperItem一定要给固定的宽度和高度。注意:在小程序中, Swiper一定要设置宽度。

2024-07-31 20:36:26 447

原创 @react-google-maps/api正式环境错误:Refused to load the script ‘https://maps.googleapis.com解决方案

设置Content-Security-Policy 允许可以要加载的外部脚本 add_header Content-Security-Policy “script-src ‘self’ https://maps.googleapis.com ‘unsafe-inline’ ‘unsafe-eval’ blob: data:;功能链接:https://blog.youkuaiyun.com/weixin_43517190/article/details/140184814。

2024-07-05 11:02:59 483

原创 在地图上根据经纬度,以它为中心,画一个5公里内的矩型围栏,获取围栏每个点的经纬度

以下代码实现可参考链接:https://blog.youkuaiyun.com/weixin_43517190/article/details/140184814。我做的比较简单 大家看看有没有帮助, 也是精简代码。测试效果上相对是精准的。在做一个需求时有一个小点就是添加一个配送区域(5公里直径内的)矩形围栏。

2024-07-04 18:42:06 348

原创 @amap/amap-jsapi-loader 实现高德地图中添加多边围栏,并可编辑,编辑后获得围栏各个点的经纬度

1.第一步要加入项目package.json中或者直接yarn install它都可以。希望其中的小点能帮助大家,主要看怎么绘制在地图上的代码即可。先上一张效果图 看看是不是大家想要的效果~ ❤️。

2024-07-04 18:05:57 603

原创 @amap/amap-jsapi-loader实现高德地图嵌入React项目中,并且做到点击地图任意一处,获得它的经纬度

1.第一步要加入项目package.json中或者直接yarn install它都可以。关于接口获取key的接口 大家改成自己对应的项目请求方法。

2024-07-04 17:51:12 703

原创 @react-google-maps/api实现谷歌地图中添加多边围栏,并可编辑,编辑后可获得围栏各个点的经纬度

1.第一步要加入项目package.json中或者直接yarn install它都可以。大家根据自己的需求将center值和paths,用setState做活就可以了。在做这个需求时有一个小点就是添加一个配送区域(5公里直径内的)目前看值算的不是很精准,如果有好的办法我会及时更新的。我做的比较简单 大家看看有没有帮助, 也是精简代码。先上一张效果图 看看是不是大家想要的效果~ ❤️。你拖债任意一个点,都能获得多边围栏每个点的坐标。由于该功能微微复杂一点,为了让大家精准了解。运行起来的效果是有两个多边栏,

2024-07-04 17:37:29 498

原创 @react-google-maps/api实现谷歌地图嵌入React项目中,并且做到点击地图任意一处,获得它的经纬度

1.第一步要加入项目package.json中或者直接yarn install它都可以。希望对大家有帮助~❤️。

2024-07-04 17:10:15 599

原创 Taro 自家小程序商家券与微信券包打通

1.租户添加微信支付券插件https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wxf3f436ba9bd4be7b&token=&lang=zh_CN获取添加的AppId: wxf3f436ba9bd4be7b2.在每个项目中的app.config.json中plugins下添加"sendCoupon": { "version": "1.3.2", "provider":

2024-04-01 10:27:17 326 1

原创 Taro 关于微信订阅消息的调用

requestSubscribeMessage 是微信提供的方法。封装的调用requestSubscribeMessage的方法。tryWechatSubscribeByType 调用公用方法。

2024-04-01 10:20:51 376

原创 Taro活动列表中,对某一个活动添加分享按钮

1.在item文件中写按钮 openType=“share”2.onShareClick防止item详情页跳转。采用data-留下分享链接的拼接参数。3.在主页面中添加分享按钮。

2024-04-01 10:06:00 610

原创 Taro 写一个缓存,有效期为30天,到期后失效,或者删除小程序时失效

(微信有个漏洞,微信“发现”中进入“小程序”列表,找到该小程序,左滑删除小程序同时删除相关数据,并不会删除,其他入口删除没问题)、此次说的是关于 30天后的失效代码,仅借鉴~Storage 微信删除小程序会自动失效。

2024-04-01 10:00:35 362

原创 Taro关于多个数组同时根据时间展示倒计时的代码组件

refresh方法为其中一个倒计时结束后,页面的重新渲染方法,经常是重新请求列表接口,方法自定义。primaryColor可忽略,是关于倒计时时间的主题色。我们通常在做秒杀活动时,会有活动开始或者活动结束倒计时。在数组的item文件中,直接调用时间组件。而在活动列表中,需要做统一处理。startTime活动开始时间。以下为做的关于倒计时的组件~endTime活动结束时间。

2024-04-01 09:54:12 326

原创 Taro 解决微信提供的toast 只能显示两行的问题

再使用showToast,就会出现只展示出前两行的问题,展示不完整,但在开发微信小程序中,避免不了一些功能提示语过长。通常在Taro中我们提示语基本都采用。所以最后自己写了一个toast。样式,和微信提示语一致。

2024-04-01 09:46:43 1056

原创 Taro多行文本最多展示5行,超出“查看更多”展示,点击弹层

多行文本,展示最多展示5行,超出5行,展示“查看更多”按钮,点击弹层展示文本详细信息。2.文本区域设置id名称,通过createSelectorQuery方法获取区域高度。1.区域设置max-height,用于控制展示区域,最多5行。弹层代码就不说了,着重说一下怎么获取区域高度~3.文本设置line-height高度,乘以5。4.超出则说明文本展示已高于5行。

2024-04-01 09:39:24 418

原创 React AntDesign表批量操作时的selectedRowKeys回显选中

React AntDesign表批量操作时的selectedRowKeys回显选中

2023-07-24 10:49:17 1352

原创 React AntDesign写一个导出数据的提示语 上面有跳转的路径,或者点击知道了,关闭该弹层

React AntDesign写一个导出数据的提示语 上面有跳转的路径,或者点击知道了,关闭该弹层

2023-07-24 10:36:22 860

原创 React 做了一个后台的微信自定义菜单栏同步的功能

React 做了一个后台的微信自定义菜单栏同步的功能

2023-07-24 10:22:47 281 3

原创 React 框架下自己写一个braft编辑器,然后将编辑器内容展示在网页端

自己写一个braft编辑器,然后将编辑器内容展示在网页端

2023-07-24 10:02:46 924

原创 火狐浏览器window.open出现拦截弹层,采用setTimeout解决

火狐浏览器window.open出现拦截弹层,采用setTimeout解决

2023-07-17 14:46:13 689

原创 数组常用方法-后续补充

数组常用方法

2023-03-06 16:52:30 156

原创 React前端支持后端返回base64的文件格式,并支持下载

React前端支持后端返回base64的文件格式,并支持下载

2023-02-24 18:43:41 572

关于draft自己写的文本编辑器,支持表情,小程序链接插入,网页链接插入

关于draft自己写的文本编辑器,支持表情,小程序链接插入,网页链接插入

2023-07-24

大转盘功能实现 taro

大转盘功能实现 taro

2021-11-25

刮刮卡功能实现 taro写法

刮刮卡功能实现 taro写法

2021-11-25

blind-box.zip

blind-box.zip

2021-11-25

packets-rain-page.zip

packets-rain-page.zip

2021-02-24

jsencrypt.js

RSA前端加密文件,支持各种浏览器(IE,谷歌,火狐,360等)

2019-03-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除