- 博客(65)
- 收藏
- 关注
RSS订阅原创 本地word文档转换markdown格式
本文介绍了使用pandoc工具将Word文档转换为Markdown格式的方法。具体步骤包括：下载pandoc工具包并解压，在cmd命令行中运行转换命令。示例命令演示了如何将"智能安环管理三维可视化平台使用文档.docx"转换为.md文件，并将文档中的图片自动保存到同级目录下的doc_images文件夹中。转换后的Markdown文件会与原Word文档存放在同一目录下，实现文档格式的完整转换。
2026-07-02 14:10:01
166
原创 用Markdown模式转为html实现在线预览和简易在线文档编辑功能
这是一个Markdown编辑器组件，主要功能包括： 支持Markdown预览和源码编辑两种模式切换 自动生成文档目录树，支持目录跳转和高亮 图片插入功能（支持光标位置插入和点击放大预览） 文档导出为Word（含图片base64处理） 代码高亮显示 内容保存功能 技术实现： 使用marked.js解析Markdown highlight.js实现代码高亮 通过DOM操作处理目录生成和滚动定位 图片转base64确保Word导出兼容性 响应式设计实现预览/编辑模式切换 存在问题：Word导出时部分样式显示异常。
2026-07-02 12:02:28
409
原创 海康摄像头视频流h5播放功能
本文介绍了在uniapp项目中集成海康威视H5视频播放器的步骤：1. 从开发者平台下载工具包，获取h5player.min.js文件；2. 在index.html中引入该JS文件；3. 创建视频容器并初始化播放器，通过JSPlugin类实现视频流播放。关键点包括正确配置播放器路径、处理异步加载，以及通过API获取视频流地址（建议将认证信息放在后端）。文档还提到可参考开发指南或使用OpenAPI测试工具验证接口，并提供了错误处理和调试的代码示例。
2026-06-17 09:49:56
75
原创 微信小程序使用canvas自定义富文本内容做图片分享
可进行富文本内容文字和图片的显示，并调用微信小程序的。api来进行生成图片并分享，具体代码如下。
2026-04-16 11:01:39
207
原创 树级结构部门选择和人员选择联动功能处理
摘要：本文实现了一个部门与人员联动的选择组件，包含以下功能：1）左侧展示树形部门结构，选中父节点时自动选中子节点并禁用修改；2）右侧显示已选部门和人员，支持删除操作；3）人员搜索功能支持防抖处理（1秒）和回车触发；4）部门选择自动匹配该部门下的人员并默认勾选；5）支持加载更多功能应对大数据量；6）删除操作同步更新左右侧数据状态。组件采用Element UI实现，通过递归处理树形结构，确保数据联动和状态同步。
2026-03-24 16:18:21
130
原创 UE与前端通信，并可以在UE输入框进行输入中文内容
本文介绍了如何在前端项目中集成Epic Games的像素流插件，实现与Unreal Engine的通信。代码演示了使用@epicgames-ps/lib-pixelstreamingfrontend插件配置像素流连接，并通过隐藏的输入框处理中文输入法输入。关键点包括：1) 初始化像素流配置并连接UE服务；2) 通过UI交互事件将输入内容发送给UE；3) 处理中文输入法的组合输入和普通输入；4) 接收UE返回的消息。文章还提供了样式调整建议，如移动控制按钮位置、全屏显示等。
2026-03-23 16:33:48
453
原创 uniapp中的人员轨迹绘制图
摘要：本文实现了一个人员轨迹可视化系统，主要功能包括：1）通过Canvas绘制人员移动轨迹，区分已走（蓝色实线）、未走（灰色虚线）和当前点（绿色高亮）；2）支持轨迹播放/暂停/重置功能，显示进度条和当前位置信息；3）动态显示人员移动图标和当前坐标信息，自动调整文字显示防止超出Canvas范围；4）采用折叠面板展示人员列表，包含工号、在岗时长等基本信息；5）响应式设计适配不同屏幕尺寸。系统通过经纬度坐标转换实现轨迹点精确定位，并提供友好的交互体验。
2026-03-12 17:08:19
178
原创 使用wpf用户控件编程落石效果动画
开发了一个名为StoneCoke的WPF用户控件，用于模拟石头落入瓶子的动画效果。该控件使用Canvas绘制红色石头下落动画，支持自定义石头生成速度、颜色和动画控制。核心功能包括：随机生成不同形状的石头（多边形/椭圆），通过定时器控制下落过程，实现重力效果和旋转动画。控件提供Start/Stop方法控制动画启停，支持通过依赖属性调整参数（如每秒生成数量、石头颜色等）。使用方式：在WPF应用中添加项目引用后，在XAML中直接添加stone:StoneCoke/标签即可显示动画
2025-10-09 10:21:50
366
原创 地图回放轨迹moveAlong使用
该代码实现了一个基于uni-app的地图轨迹回放功能。通过map组件显示指定区域，包含一个可移动的标记点和预设的轨迹路线。用户点击"轨迹回放"按钮后，标记点会沿预定义坐标点自动移动，实现轨迹回放效果。
2025-07-09 17:10:57
246
原创 使用图片作为地图，canvas连线做行动轨迹
摘要：该代码实现了一个可移动、缩放的图片查看器组件，包含轨迹绘制和小车动画功能。主要特性包括：1) 使用movable-view实现图片的拖拽和缩放；2) 通过canvas绘制预设轨迹线；3) 添加小车图片并实现沿轨迹移动的动画效果；4) 自动计算图片尺寸适配屏幕。组件包含完整的错误处理和性能优化措施。
2025-07-09 16:08:55
467
原创 抽奖滚动功能
此外我给他加了背景音乐，当进入这个页面会自动响起音乐，离开页面的时候自动关闭音乐。刚进入页面开始滚动，点击按钮暂停滚动，再次点击继续滚动。第一个数字我此外让它固定滚动到5的这个数字上。
2025-01-14 16:53:22
431
转载 在富文本编辑器中加入公式菜单栏
1.下载插件2.，复制代码到HomeView文件夹下面的index.vue里3.加入数学公式，在HomeView文件夹里创建一个kityformula.js文件。
2024-11-07 14:05:46
608
原创 uniapp在手机端预览glb文件
npm install three下载three，把node_modules里的three文件里的内容移入到了static，然后按照threejs写法来展示3d模型。
2024-09-09 09:46:57
1144
1
原创 uniapp上传图片修改头像操作
改变一下形式然后进行form.userImg赋值然后调用了我自己的编辑接口updatePersonMessage完成操作。选择是相机还是通过相册进行上传图片。,可以是原图也可以是压缩图片。
2024-07-22 15:41:43
497
原创 el-transfer和el-tree进行结合搞一个树形穿梭框
由于业务需求需要在穿梭框里使用树形结构，但是本身element里并不支持，于是参考了别的大佬发的文章作为思路及后续自己新增了一些处理功能。
2024-05-22 14:22:01
6268
9
原创 前端一次性请求大量接口的情况下进行优化处理
这是起初的写法，需要将第一次的数据里的对象的id在调取一次接口，并将调取的结果返回给children里，但是由于调取的内容不确定性后续接口可能会更多，就会导致浏览器耗时及内存增大。，这样我们就可以在队列中管理每个请求的解决（resolve）和拒绝（reject）。当请求成功或失败时，我们更新当前请求数，并尝试处理队列中的下一个请求。函数负责执行实际的请求，并管理当前正在进行的请求数和请求队列。如果当前请求数小于最大并发数，则执行请求；这样，我们就可以确保同时进行的请求数不会超过我们设置的最大并发数。
2024-05-21 10:14:31
865
转载 对vue项目el-table表格进行鼠标左右拖动行为功能
我是在utils里定义了一个tableMove.js文件，里面代码如下。然后在main.js里全局引入tabelMove文件。
2024-05-17 17:53:28
520
原创 vite项目打包成dist后如何直接打开dist里的index文件
是一个基于命令行的http服务器，通过安装它之后在dist里直接运行http-server命令进行打开。一，直接改变vue.config.js文件里的路径，将绝对路径改成相对路径。
2024-05-06 09:45:05
1042
原创 vite项目vue3使用百度地图方法
在index.html文件里的head中引入百度地图文件。密钥需要点击申请密钥自己去申请。其中为防止Eslint校验代码找不到BMap，我在utils文件下创建了baidu-map.d.ts文件，里面代码如下，这样校验代码BMap就不会报红了。可以看见如下内容，输入你想要定位的位置，然后点击获取代码。
2024-02-27 17:07:27
1046
原创 word文档预览
写个div承载渲染的文档 <div id="container" ></div>下载docx-preview；使用renderAsync，将blob数据渲染到这个div里。使用docx-preview库。引入 renderAsync。
2023-12-21 11:25:58
281
原创 甘特图gantt-elastic
前提需要先下载gantt-elastic，gantt-elastic-header这个可用可不用，最后展示的效果是这样的，想要的效果是这种，找了很多有关甘特图的插件，终于找到了一个可以看懂的插件，下面是代码，看着更简化和使用。
2023-10-30 13:23:25
1217
原创 根据后端返回数据进行展示echarts柱状图
分别是数组里面套数组在套对象，并且里面的数组是随时变化的，并不是固定不动的，里面的库位1和库位2分别是俩个大横坐标，里面包含了几个对象，每个对象都有一个oname和number分别是该数据的名字和数量，那么应该怎么把这种数据展示到柱状图上显示出来呢？后端返回的数据是这样的。
2023-10-23 13:33:21
1601
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人