自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(66)
  • 收藏
  • 关注

原创 js实现倒计时

1利用开始时间与间隔时间可计算出结束时间(转换成毫秒数相加,在转换回正常格式).4.用定时器来调取这个函数每隔一秒获取一下当前时间,来试试显示倒计时。2.用结束时间减去当前时间则得到倒计时时间(毫秒相减)6.注意细节小于10补零,以及零秒或零分的情况。有开始时间与间隔时间进行倒计时实时显示。3.得到毫秒数转换为时分秒。5.当时间归零时清除定时器。

2025-08-08 14:52:04 217

原创 threejs工具gui

问题原因:GUI 是独立于 Three.js 的 DOM 元素,路由切换时若未手动清除,会残留于页面中。单页应用(如 Vue/React)的路由切换不会自动清理非框架控制的 DOM 元素。(deepseek给我的回答)清理函数)中销毁 GUI:他这里给的关于vue的钩子函数是vue2的,我这里写的是vue3的onBeforeUnmount。关于使用three.js的gui工具出现的bug,当切换到其他没有gui的页面的时候,gui工具还会存在,刷新才会消失,1.在路由切换的钩子(如 Vue 的。

2025-05-08 15:59:18 192

原创 element-ui日期时间选择器禁止输入日期

需求解释:时间日期选择器,下方日期有禁止选择范围,所以上面的日期输入框要求禁止输入,但时间输入框可以输入,也就是下图效果,其中日历中的禁止选择可以通过【picker-options】这个属性实现,此属性官网文档有介绍,此处不做介绍,我们主要介绍怎么实现日期输入框的禁止输入。第二部:通过dom获取日期选择弹筐里的日期输入框添加禁止输入属性,这里获取dom结构可能是不一样的,可以自己找一下。第三步:这里需要注意的是,下面日期重新选择变化时上面的属性就没了,所以要加个watch进行监听。

2025-05-06 16:28:12 424

原创 运行小程序报错

app.json 文件内容错误] app.json: ["tabBar"]["list"] 不能超过 5 项(env: Windows,mp,1.06.2206090;lib: 3.7.12)但是我的另一台电脑就可以正常运行,所以就核对了一下开发工具的版本,更新了一下微信开发者工具就可以了原来是这个版本,大概不支持。配置项超过了 5 项。这是微信小程序的限制,的配置项最多只能有 5 个。他的意思大概是,微信小程序。

2025-04-02 16:34:04 524

原创 移动端调试网页调起控制台

移动端调试网页调起控制台

2025-03-28 13:40:56 1199

原创 three学习记录

方法:将项目下的node_modules/three/examples/jsm/libs/draco文件夹复制到public下,原因:该模型是压缩过的,需要 DRACOLoader解压。

2025-03-03 19:58:12 250

原创 鼠标浮动播放视频-vue

【代码】鼠标浮动播放视频-vue。

2025-02-08 09:54:01 145

原创 vue3本地文件下载

vue3本地下载文件要把文件放到public下,如果放在src里面可能会出现这个问题。

2025-01-18 09:49:03 455

原创 goView二开低代码平台1.0

第四步:到packages下的components新建一个文件夹,注意文件夹名称要对应,此时文件夹为空,观察同级文件夹结构为index.ts和index.d.ts和几个文件夹,所以我们需要在新建的这个文件夹下新建一个文件夹,一个index.ts和index.d.ts,当然也可以直接复制同级下面的。第七步:自定义组件里面的结构是index.ts文件加上自定义组件的文件夹,这里index.ts的作用和外层的是一样的。,这里我们首先看四个文件中的index.ts改成下图,请仔细观察下图进行配置,

2025-01-01 16:28:17 1112

原创 百度地图定位

4,可能报错,我在本地跑的时候是正常的,但是放到线上之后就有问题了“报错BMap is not defined”并且地图是空白的,细心的话在最开始还会有下面这张图上的错误,查了一下解决办法就是在index.html引入的时候在末尾加上&s=1因为我最开始是http为了以防万一我也改成https了。登录/注册后点击右上角控制台,点击左侧【应用管理】下的【我的应用】【创建应用】申请ak。运行环境:vue3+Ant Design。2,index.html内引入。1,申请百度地图ak。

2024-12-06 15:33:02 635

原创 h5端地图导航

步骤:① 先登录/注册,② 点击右上角【控制台】,③ 点击左侧【应用管理】下的【我的应用】,④ 创建应用,创建key值,⑤ 把key值粘进项目的下图中的位置。此方法需申请腾讯地图key值,否则会出现地图显示不出来,并报“Map key not configured”这个错。直接链接引入,另一种是利用微信内置方法wx.openLocation唤起地图,这里第二种需要申请腾讯地图的key值。( 我的理解是有三种坐标标准,不同的坐标标准对应的坐标精度也会不同,所以要根据标准进行转换,以保证精准)

2024-12-03 15:46:35 727

原创 h5项目打包上线报错404文件找不到

3.找到base,没有的话写上一个,保存后打包就可以了。2.滑到最下面‘源码视图’1.找到项目里的这个文件。配置一下路由就可以了。

2024-11-01 17:26:29 292

原创 vue3+vue-baidu-map-3x 实现地图定位

4.然后点击应用管理下的我的应用,此时打开的页面如果已有应用可以直接用那个ak值,如果没有请点击创建应用,根据自己的需要进行选择生成,第三张图片上的白名单,如果本地跑的话可以直接输入*,但要注意上线之后改掉,创建好后就有一个ak啦,一会在代码里把这个ak粘进去就可以啦。1.首先要到百度地图开放平台上建一个账号,如果有百度账号可以直接登录。3.信息完善之后,打开的是这个页面(我这里完善的信息选择的是个人)5,程序:我这里用了两个功能,一个是定位,一个是搜索。文档地址:一个是2一个是3。

2024-10-24 17:12:10 1977 4

原创 新建vue3项目

③安装完之后,可通过①中的命令来判断是否安装好了,如果返回版本就代表安装好了,现在开始新建项目,在对应文件夹的路径输入命令。1.无论哪种开发方法,我们先要进入指定目录,首先进入到需要新建项目的文件目录,直接在文件路径里输入’cmd‘,回车后就会打开命令行窗口。介绍:关于创建vue项目的两种方法:一种是使用vue-cli,另一种是使用Vite创建项目,关于两种的区别以下为ai回答。回车后,选择版本 ,通过上下键切换,此处我们选择自定义创建项目,选中后回车。选择配置,上下键切换,空格选中,选好后回车。

2024-07-04 14:11:00 645

原创 根据某一天计算出这一周的日期

根据某一天计算这一周的日期

2024-06-20 14:01:50 196

原创 手写月课表

手写月历课表,显示农历节气+法定节假日和调休休息图标,可扩展性强

2024-06-19 17:49:37 446

原创 vbenadmin中使用echart

【代码】vbenadmin中使用echart。

2024-06-18 16:23:05 725

原创 canvas绘图底图+文字,canvas绘制证书

canvas绘制证书,底部图片+文字渲染,竖向排列文字日期转大写等处理

2024-06-18 14:08:44 444

原创 小程序分包记录

什么时候需要分包:当我们的小程序打包上线的时候,会报一个包过大的错误,并且会告诉你你的包多大,如果没有超出限制大小太多的话,可以通过调整代码,或者把图片换成线上地址的方法来缩小包,因为分包的使用有很多限制,但是如果超过限制太多的话,可能就要考虑分包了。分包的限制:其中tabbar页面必须要在主包里,主包没有办法使用分包的资源,分包可以使用主包的内容,分包没搞明白,最后我把引入的echarts插件改成用canvas画图表了ε(┬┬﹏┬┬)3。等以后遇到这个问题再来总结吧,先留一个记录。

2024-06-13 17:48:16 137

原创 手写课表-vue3-补充

【代码】手写课表-vue3-补充。

2024-06-13 17:44:30 329

原创 手写课表vue3

【代码】手写课表vue3。

2024-05-16 16:35:59 410

原创 时间戳与时区与时间

而时间戳就是不区分时区的标准时间,例如此时此刻北京时间早上8:00,韩国早上9:00此时两个时区的时间戳是相同的,时间戳没有时区之分,此时此刻各个时区的时间戳都是相同的,普通的时间转换为时间戳直接把时间放到方法里即可,但是如果在不同时区运行得到的时间戳也是不同的,东八区是12:31:23,东九区还是12:31:23,所以这是不对应的,各区的时间,例如现在是北京时间早上8:00,而对于我们相邻时区的韩国就是早上9:00;如果想要 指定方法里的时间是哪个时区的时间,不受所在时区影响转换成时间戳。

2024-04-15 09:49:05 1586

原创 单点登录-后台外链到用户端

利用iframe实现单点登录-后台外链到用户端

2024-03-26 14:17:06 405

原创 小程序设置图片高度自适应

uniapp项目不支持img标签,只能用image标签,用image标签浏览器就会在外面解析出一层uni-image包在img外面,这样就会影响写样式,导致图片高度不能自适应,所以就拿原有图片的宽高,用rpx单位。

2024-03-25 19:36:52 1523

原创 富文本编辑器-CkEditor5

因为最开始接手项目时,项目使用的富文本编辑器就是CkEditor5,所以现在改造最好在这个富文本编辑器基础上,所以查了很多资料,因为他的官方网站是英文版本,本人英文不太好,所以就在b站上找了相关的视频,没想到这位老师还有网站,放到下面了,视频和网站都讲解的很详细,简直是嚼碎了为我嘴里的程度^_^使用总结:个人感觉这个编辑器挺好用的,有打包好的可以直接用,还可以自定义,而且出现样式还很多,对我来说唯一的缺点就是没有中文网站,还是要学英语呀,哎。

2024-03-13 10:19:34 463

原创 微信小程序-消息订阅整体流程

通过返回的状态来判断,用户是否勾选了‘总是保持以上选项,不再询问’按钮,如果勾选过了,那询问的弹窗就不会谈起,如果没有勾选就代表用户只同意过一次消息推送,当他再次点击的时候要再次订阅,wx.requestSubscribeMessage是消息订阅的API。填写案例:类似这种,根据自己的需求填写,一般如果审核不通过的话,会很详细的告诉你是哪里的问题,根据他告诉你的改就可以啦,审核通过以后,在公共模板里搜索你添加的模板,然后选中。4.选中模板之后我们就可以开始写程序了,先复制一下选中的模板的ID。

2024-02-22 17:23:36 5153 1

原创 读取颜色变量

读取变量里的颜色进行存储。

2024-01-30 11:53:01 165

原创 uniapp的touchstart与click

当使用@touchstart.prevent的时候不会触发click事件,但正常点击事件也不生效了。在函数里使用e.preventDefault()也不生效,最后看到一篇文章用变量判断,所以最后决定使用变量判断。当使用@touchstart.stop的时候不生效。点击事件正常触发,触摸事件正常触发,不会互相影响。问题:再执行删除操作的时候会连带点击事件一起执行。需求:点击消息查看详情,长按消息执行删除操作。

2023-12-29 13:44:02 1657

原创 技巧小记-封装组件的必要性

技巧小记-封装组件的必要性

2023-12-29 11:57:29 482

原创 小程序跳转tabbar,tabbar页面不刷新

在小程序项目中 我发现 wx.switchTab 跳转是触发onLoad事件 但是只会触发一次 如果我通过退出登录 是不会再次触发onLoad事件 的 而wx.reLaunch是可以跳转到tabBar页面的 再次触发onLoad事件。它和wx.switchTab的区别就是:前者可以触发onLoad事件,而后者则不能触发。wx.switchTab:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。wx.reLaunch:关闭所有页面,打开到应用内的某个页面。

2023-12-11 10:43:58 1156

原创 小程序----使用图表显示数据--canvas

小程序----使用图表显示数据--canvas

2023-11-27 17:42:07 460

原创 canvas时钟绘制

【代码】canvas时钟绘制。

2023-11-06 11:31:02 96

原创 canvas2d动画,学习记录

canvas动画

2023-11-02 16:43:12 113

原创 uniapp时间戳倒计时

倒计时工具函数,页面里直接引入使用setInterval一调用即可。

2023-10-24 16:24:39 267

原创 uniapp微信登录

uniapp微信登录

2023-10-17 14:16:08 225

原创 微信小程序一些接口

onShow页面显示时调用(可调用多次);onLoad页面加载时调用(只调用一次)

2023-10-17 10:17:42 92

原创 uniapp之国际化VueI18n

uniapp之国际化VueI18n

2023-10-13 16:47:54 413

原创 uniapp 之id生成二维码

直接在插件市场安装插件。安装好后,直接写入即可。

2023-10-13 15:44:55 164

原创 uniapp顶部tabbar切换封装

【代码】uniapp顶部tabbar切换封装。

2023-10-13 14:58:45 159

原创 小程序开发记录:自定义tabbar

小程序开发记录:自定义tabbar,根据不同角色展示不同tabbar

2023-10-13 14:31:57 257

空空如也

空空如也

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

TA关注的人

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