- 博客(460)
- 资源 (4)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Vue3 图片标注插件 AILabel
Vue3图片标注插件AILabel使用指南 本文介绍了Vue3图片标注插件AILabel的基本使用方法。AILabel是一个基于图层叠加的图片标注工具，支持矩形、圆形、多边形等多种标注形式。文章详细说明了如何安装插件、初始化标注环境、设置标注模式、调整绘制样式以及处理标注事件。特别强调了zoom参数的设置必须与原始图片宽度一致，否则会导致标注位置不准确。通过简单的代码示例展示了如何创建标注图层、添加标注要素以及处理绘制完成等事件。该插件适用于需要图片标注功能的项目开发。
2025-12-23 15:56:49
868
原创 vue3 使用 echarts 展示某省份各区市数据
本文介绍了在Vue3中使用ECharts展示辽宁省各区市数据的方法。通过引入ECharts库和辽宁省的JSON地图数据，实现了交互式地图可视化。代码展示了如何配置ECharts选项，包括视觉映射组件、区域标签样式和悬浮效果。文章还提供了地图JSON数据的获取来源和最终效果截图，演示了各城市数据的颜色渐变展示效果。
2025-11-25 09:12:31
316
原创 vue2 使用 cesium 展示 TLE 星历数据
本文介绍了在Vue2项目中使用Cesium展示TLE星历数据的方法。主要内容包括：1)环境准备，通过引入Cesium包和satellite.js库；2)创建TCesium类初始化地球视图，配置基础参数；3)处理TLE星历数据格式转换；4)实现卫星轨迹仿真功能，支持自定义时间段查看卫星运行轨迹。文章提供了详细代码示例和关键配置说明，帮助开发者快速实现卫星轨道可视化功能。
2025-11-13 18:45:59
1109
原创 vite + vue3 实现打包后 dist 文件夹可以直接打开 html 文件预览
这篇文章介绍了如何解决Vite+Vue3打包后dist文件夹无法直接打开HTML文件预览的问题。作者发现客户直接打开HTML文件会出现空白页面，提出了三种解决方案：1)使用nginx等服务器部署；2)关闭浏览器安全策略；3)将所有资源打包进单一HTML文件。重点讲解了第三种方案的具体实现步骤：修改路由为hash模式、调整vite配置、使用vite-plugin-singlefile插件将所有JS/CSS内联到index.html中。最终打包生成的单个HTML文件可以直接双击打开预览，解决了客户端的访问问题。
2025-09-26 03:59:18
549
原创 vue3 实现前端生成水印效果
Vue3实现前端水印组件的技术方案 摘要：本文介绍了基于Vue3的前端水印实现方案，通过封装waterMark组件和useWaterMarkBg组合式函数，实现了可配置化的水印效果。该方案支持自定义文本内容、字号、颜色和间距等参数，利用canvas生成背景图并采用MutationObserver监测DOM变更防止水印被删除。虽然前端水印仅作为警示使用（无法完全防止去除），但该实现提供了相对完善的防护机制，包括自动重置功能和样式保护。使用方式简单，只需包裹目标DOM即可应用水印效果。
2025-09-15 15:54:38
416
原创 vue3 实现甘特图
本文介绍了使用Vue3实现甘特图的方法，推荐使用vxe-gantt插件。首先通过npm安装vxe-pc-ui、vxe-table和vxe-gantt，并在main.js中配置相关组件和样式。在页面中通过<vxe-gantt>标签嵌入甘特图，并通过配置项设置边框、高度、复选框、进度条样式等属性。文章提供了基础使用示例和两个不同风格的案例代码，展示了如何自定义甘特图的外观和功能，包括任务名称、起止时间、进度显示等，并附有效果截图。该插件支持多种配置方式，开发者可根据需求灵活调整甘特图样式和功能。
2025-09-15 13:21:09
842
原创 ## Vue 前端封装组件基础知识点
Vue 前端组件封装指南 本文系统介绍了 Vue 组件封装的核心知识，包括： 封装目的：代码复用、模块化拆分、规范统一等 实施步骤：从确定动机到维护升级的完整流程 最佳实践：单一职责、API最小化等设计原则 关键考量：组件边界划分、API设计、性能优化等 文档强调组件设计需遵循"收益>成本"原则，并提供了详细的组件类型划分和典型场景示例，帮助开发者掌握组件封装的方法论和实际操作要点。
2025-09-04 11:33:02
395
原创 vue实现拖拉拽效果，类似于禅道首页可拖拽排布展示内容（插件-Grid Layout）
文章摘要：本文介绍了在Vue项目中实现拖拽布局功能的两种插件方案。针对Vue3推荐使用Grid Layout Plus插件，Vue2项目则适合Vue Grid Layout。重点演示了Vue3版本的安装和使用方法，包括组件导入、基础配置和样式定制，并提供了完整的代码示例展示拖拽和调整大小的实际效果。两种插件都支持响应式布局和自定义网格，适合开发模块化仪表盘等需要用户自定义布局的场景。
2025-08-26 14:23:27
621
原创 JS获取用户访问网页的浏览器、IP、地址等信息 实现访问统计
文章摘要 本文介绍了如何通过JavaScript实现网站访问统计功能，主要包括三部分内容： 获取浏览器信息：通过navigator.userAgent解析浏览器类型、版本、操作系统和设备信息，提供了详细的解析代码示例。 获取用户IP地址：利用WebRTC技术获取用户外网IP地址，给出了完整的实现代码。 获取地理位置：通过ipapi.co的免费API获取用户所在城市等位置信息，无需登录或token。 文中每个功能都提供了可运行的代码示例和效果截图，适合需要自主开发访问统计功能的开发者参考，避免使用第三方统计工
2025-08-25 16:02:13
717
原创 vue3 实现组织架构图
本文介绍了使用vue3-tree-org插件实现Vue3组织架构图的方法。该插件支持拖拽、缩放、节点增删改、自定义菜单等功能。安装方式为npm i vue3-tree-org -S，在main.js中引入并注册。使用示例展示了如何配置树形数据、自定义节点样式和事件处理。文章提供了完整的代码示例和效果图，并推荐查看官方文档获取更多配置选项。该插件简化了Vue3项目中组织架构图的开发工作。
2025-08-12 16:06:18
497
1
原创 vue3 实现web网页不同分辨率适配
本文介绍了Vue3实现网页不同分辨率适配的方法。首先建议使用弹性盒子和百分比布局，文本大小和间距采用rem单位。推荐使用vscode的"px to rem"插件转换单位。核心实现是在页面加载时，根据当前宽度与设计宽度1920的比例动态调整html的font-size。这种方法虽简单有效，但存在两个问题：需要将现有px单位改为rem，修改工作量较大；第三方组件内部的px单位可能无法适配。该方法适合新项目采用，老项目改造需谨慎考虑成本。
2025-08-12 15:41:56
603
原创 cocos2 场景跳转传参
摘要 本文介绍了在Cocos Creator 2.14.2中实现场景跳转传参的两种方法。方法一使用常驻组件保存参数，方法二采用单例模式创建全局参数管理器(SceneDataManager)。重点讲解了方法二的实现：创建SceneDataManager.ts文件管理参数，通过setParam()存储参数，getParam()获取参数，clearParam()清除参数。使用时在发送场景设置参数，在接收场景获取并清除参数。这种方法简单高效，避免了常驻组件的复杂性。
2025-08-04 16:51:13
396
原创 # 前端开发规范基础汇总
前端开发规范摘要 本文总结了前端开发中的命名规范与编码规范，涵盖项目文件、目录、图像、HTML/CSS/JS文件、Vue组件命名规则，以及变量、常量、方法、事件的命名规范。详细介绍了Vue组件分类（单例组件、基础组件、业务组件等）的命名规则，并提供了HTML/Template编码规范，强调缩进使用两个空格代替Tab，保持代码层级一致。文中提供了大量命名示例，帮助开发者建立统一的前端开发标准。
2025-07-31 11:48:24
854
原创 cocos2 实现全局音量管理
这篇博文介绍了在Cocos2项目中实现全局音量管理的方案。主要内容包括： 需求分析：需要在右上角添加音量控制滑块，实时调节多个场景中的音视频音量。 关键实现思路： 使用单例模式确保全局唯一的音量控制实例 维护两个列表分别存储不同类型的播放器 滑块值(0-1)与Cocos音量设置范围一致 提供注册/注销媒体元素的方法 主要功能实现： 音量设置与获取方法 媒体元素的注册与注销 音量持久化存储 支持多种播放器类型(AudioSource、VideoPlayer等) 注意事项提醒： 项目设置中需要勾选Slider模
2025-06-25 16:32:32
849
原创 cocos2 本地根据文本内容生成二维码
本文介绍了在cocos2本地游戏中实现文本生成二维码的方法。通过在结算页面创建单色节点，并使用提供的QRCode.js脚本，将用户分数对应的网址文本转换为二维码图像显示。具体步骤包括：创建单色UI节点、删除默认Sprite组件、添加QRCode脚本组件，并设置文本内容。该方法实现了无需网络连接的本地二维码生成功能，微信扫码可正常识别内容。
2025-06-25 15:09:40
442
原创 cocos2 使用 Layout 组件后，子节点 Label 高度变化后，抖动问题
摘要 文章分析了cocos2中使用Layout组件时，子节点Label高度变化导致的抖动问题。当文本换行时，由于Layout组件未及时响应高度变化，导致子节点短暂溢出父容器，造成视觉抖动。作者通过代码示例展示了问题现象，并指出原因是布局更新存在帧延迟。解决方案是手动强制刷新：调用Label组件的_forceUpdateRenderData()和Layout组件的updateLayout()方法。若存在多层Layout嵌套，需从内到外逐层刷新。该方法有效解决了文本动态加载时的布局抖动问题。
2025-06-15 15:01:18
370
原创 thingjs 基础案例整理
ThingJS是一套面向物联网应用的3D可视化PaaS开发和运营平台，它以“ThingJS云视PaaS服务”形式面向广大物联网企业提供全生命周期在线3D可视化服务。
2024-12-27 14:58:15
1277
原创 electron 打包 webview 嵌入需要调用电脑摄像头拍摄失败问题
这篇文章是接我cocos专栏的上一篇文章继续写的，我上一篇文章写的是 cocos 开发触摸屏项目，需要嵌入一个网页用来展示，最后通过 electron 打包成 exe 程序，而且网页里面是需要调用电脑摄像头进行拍摄的。
2024-12-11 16:17:17
1805
原创 vue 实现关键字高亮效果
这是啥子意思呢，就是类似于百度搜索，根据关键词搜索结果，搜索结果中，与关键词相同的字显示红色，仅此而已，没有什么大的功能。简单写一下demo。
2024-11-27 17:27:18
721
原创 Cocos 2 使用 webview 嵌入页面，摄像头调用没权限问题
嗯，这么说呢，这篇博文看自己的实际需求哈，标题写的可能不是很准确。我这边呢，是遇到这样一个功能，就是有一个服务，他是的页面呢，是打开电脑的摄像头，需要在cocos 程序里面呢，展示摄像头的实时画面。看上去挺简单哈，但是实际做起来，还是有点问题。
2024-10-10 14:18:36
999
原创 QT C++ 自学积累 『非技术文』
最近一段时间参与了一个 QT 项目的开发，使用的是 C++ 语法，很遗憾的是我之前从来没有接触过 C++ ，大学没有开过这堂课，也没用自己学习过，所有说上手贼慢，到现在为止其实也不是很清楚具体的开发技巧，毕竟是参与，东一复制西一粘贴的，就拉倒了。里面用到了很多东西，尽管很简单很简单，但是对于没有接触过的人来说还是很值得记录一下的，这篇博文只是自己学习记录，没啥营养，浅看则以，切勿尽信！对了，用的 QT5 哈，其他版本的不知道嗷！
2024-09-25 11:22:34
881
原创 Cocos通过Electron打包web应用后，在触屏一体机设备触摸滑动无效问题解决
已经很晚了，刚刚解决这个问题，还是想记录一下，因为刚刚接触 cocos 没多久，这个问题困扰了我很久。
2024-08-08 22:58:18
1953
原创 vue2 使用代码编辑器插件 vue-codemirror
之前用过一次，当时用的一知半解的，所以也没有成文，前几天又因为项目有需求，所以说有用了一次，当然，依旧是一知半解，但是还是稍微写一下子吧！万一以后用到，不用满网找资料了，个人学习记录，仅供参考，切勿尽信！
2024-07-19 10:52:38
4207
原创 cocos 通过 electron 打包成 exe 文件，实现通信问题
首先，我使用的 cocos 版本是 2.4.12，遇到一个问题，是啥子呢，就是我要把用 cocos 开发出来的项目打包成一个 exe 可执行程序，使用的是 electron ，现在我有一个需求，就是在 cocos 中开发一个“退出”按钮，点击这个按钮的时候，关闭 exe 程序。
2024-05-21 13:11:44
1465
原创 threejs 基础知识点汇总
Three.js是一个流行的JavaScript库，用于在浏览器中创建和显示3D图形。它基于WebGL，一个浏览器支持的3D图形API，使得开发者能够在网页上创建复杂的3D场景和交互体验。Three.js提供了丰富的功能和工具，让开发者能够轻松地创建3D对象、设置灯光、添加动画、处理用户交互等。它支持多种3D格式的导入，如OBJ、GLTF等，也支持自定义的材质和着色器。CSS2DObject 是 Three.js 中用于在3D场景里渲染HTML元素的类。
2024-04-09 11:21:15
2535
1
原创 vue3 接入 Element Plus
Element Plus是一套为开发者、设计师和产品经理准备的基于Vue 3.0的桌面端组件库。反馈：通过界面样式和交互动效让用户清晰地感知自己的操作。当用户进行操作后，页面元素的变化会清晰地展现当前状态。效率：设计简洁直观的操作流程，使语言表达清晰且表意明确，帮助用户快速理解进而作出决策。此外，界面简单直白，减少用户记忆负担。可控：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策。用户可以自由地进行操作，包括撤销、回退和终止当前操作等。
2024-01-03 14:02:34
3953
原创 Vue3 使用路由 Router
众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 JavaScript 可以连接页面跳转请求，动态获取数据，然后无需重新加载页面的情况下，更新当前页面数据，这样可以带来更加丝滑的用户体验，因为这类场景下的用户通常会在很长的一段时间中做出多次交互，路由是更新在客户端执行的。vue Router是 vue 官方路由，他与 vue 核心深度集成，让 vue 构建单页面应用变得更加轻而易举。嵌套路由映射。
2024-01-02 17:11:39
4596
原创 vue3 组件之间传值
vue2.7 是现在，也是最后一个 vue2 版本的更新，官方已经发布通告，vue2 版本将于 2023年12月31日 停止维护，但是停止维护不代表不能使用哈，我们可以继续使用 vue2 版本开发我们的项目，只不过，官方团队已经不会在对 vue2 版本进行更新，这个更新包括了安全性和兼容性的更新修复问题。如果我们继续使用 vue2 版本开发项目的话，我们可能就需要面对一个问题，就是如何向用户解释：你买了我们的电脑，但我们给你配的是 window xp 系统。
2023-12-29 15:42:18
2204
原创 vue 预览 pdf、word、excel
这是之前做项目的时候涉及到的一个功能，当时做了之后就一直没有整理，其实也很简单，功能不多，只是预览，没有在线编辑的功能，所以呢，啊哈哈哈哈哈，一个插件就可以了。
2023-12-27 09:17:58
1937
原创 13. TypeScript 泛型
泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。
2023-12-26 17:36:30
553
原创 11.类与接口
前几篇博客说过，接口（Interfaces）可以用于对「对象的形状（Shape）」进行描述。现在主要介绍接口的另一个用途，对类的一部分行为进行抽象。
2023-12-26 16:44:12
477
原创 10. TypeScript 中的类使用
abstract用于定义抽象类和其中的抽象方法。什么是抽象类？// 抽象类看，直接实例化一个抽象类，直接报错，告诉我们不允许：上面的例子中，我们定义了一个抽象类 Animal，并且定义了一个抽象方法 sayHi。在实例化抽象类的时候报错了。// 抽象类${this// 抽象类 abstract class A {上面的例子中，我们定义了一个类 Cat 继承了抽象类 Animal，但是没有实现抽象方法 sayHi，所以编译报错了。${this。
2023-12-26 16:15:02
929
原创 9. TypeScript 枚举 enum
枚举（Enum）类型用于取值被限定在一定范围内的场景，比如一周只能有七天，颜色限定为红绿蓝等。简单理解就是给一组数值赋予名称。首先说一点：枚举成员会被赋值为从 0 开始递增的数字，同时也会对枚举值到枚举名进行反向映射。当然，我设置第一个从 开始，所以现在枚举成员赋值从 开始了。事实上，此时编译之后 js 代码就是这个样子的：我们运行查看一下结果：这样的话我们可以通过名称去拿去值，通过值去拿去名称：运行查看一下结果：没有任何问题！其中， 这行代码，是操作。如果没有手动赋值的话，那么第一个参数默认为
2023-12-26 14:43:31
1131
原创 8. TypeSrcipt 元组
合并了相同类型的对象，而**元组（Tuple）**合并了不同类型的对象。元组起源于函数编程语言（如 F#），这些语言中会频繁使用元组。
2023-12-26 13:46:43
569
原创 6. 类型断言
类型断言（Type Assertion）可以用来手动指定一个值的类型。比如说我们有一个案例：定义一个函数，获取到一个数组或者字符串的长度OK，接下来编写代码：这样子就是先了这个功能，但是会有一个问题，就是， 方法是字符串特有的，对于数字来说，没有这个方法，因此在传入数字的时候，会报错，所以 ts 不允许这样写，会报错。也就是说，如果使用联合声明的话，里面的结构体只能使用两个声明类型的共有方法，字符串和数字共有的一个方法是 方法转为字符串，所以说我们可以使用一下：这样就是可以的了，不会引发 ts 校验错
2023-12-26 10:52:33
913
Web端高德地图离线包
2022-05-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人