- 博客(451)
- 资源 (4)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue3 实现组织架构图
本文介绍了使用vue3-tree-org插件实现Vue3组织架构图的方法。该插件支持拖拽、缩放、节点增删改、自定义菜单等功能。安装方式为npm i vue3-tree-org -S，在main.js中引入并注册。使用示例展示了如何配置树形数据、自定义节点样式和事件处理。文章提供了完整的代码示例和效果图，并推荐查看官方文档获取更多配置选项。该插件简化了Vue3项目中组织架构图的开发工作。
2025-08-12 16:06:18
251
原创 vue3 实现web网页不同分辨率适配
本文介绍了Vue3实现网页不同分辨率适配的方法。首先建议使用弹性盒子和百分比布局，文本大小和间距采用rem单位。推荐使用vscode的"px to rem"插件转换单位。核心实现是在页面加载时，根据当前宽度与设计宽度1920的比例动态调整html的font-size。这种方法虽简单有效，但存在两个问题：需要将现有px单位改为rem，修改工作量较大；第三方组件内部的px单位可能无法适配。该方法适合新项目采用，老项目改造需谨慎考虑成本。
2025-08-12 15:41:56
275
原创 cocos2 场景跳转传参
摘要 本文介绍了在Cocos Creator 2.14.2中实现场景跳转传参的两种方法。方法一使用常驻组件保存参数，方法二采用单例模式创建全局参数管理器(SceneDataManager)。重点讲解了方法二的实现：创建SceneDataManager.ts文件管理参数，通过setParam()存储参数，getParam()获取参数，clearParam()清除参数。使用时在发送场景设置参数，在接收场景获取并清除参数。这种方法简单高效，避免了常驻组件的复杂性。
2025-08-04 16:51:13
311
原创 # 前端开发规范基础汇总
前端开发规范摘要 本文总结了前端开发中的命名规范与编码规范，涵盖项目文件、目录、图像、HTML/CSS/JS文件、Vue组件命名规则，以及变量、常量、方法、事件的命名规范。详细介绍了Vue组件分类（单例组件、基础组件、业务组件等）的命名规则，并提供了HTML/Template编码规范，强调缩进使用两个空格代替Tab，保持代码层级一致。文中提供了大量命名示例，帮助开发者建立统一的前端开发标准。
2025-07-31 11:48:24
654
原创 cocos2 实现全局音量管理
这篇博文介绍了在Cocos2项目中实现全局音量管理的方案。主要内容包括： 需求分析：需要在右上角添加音量控制滑块，实时调节多个场景中的音视频音量。 关键实现思路： 使用单例模式确保全局唯一的音量控制实例 维护两个列表分别存储不同类型的播放器 滑块值(0-1)与Cocos音量设置范围一致 提供注册/注销媒体元素的方法 主要功能实现： 音量设置与获取方法 媒体元素的注册与注销 音量持久化存储 支持多种播放器类型(AudioSource、VideoPlayer等) 注意事项提醒： 项目设置中需要勾选Slider模
2025-06-25 16:32:32
747
原创 cocos2 本地根据文本内容生成二维码
本文介绍了在cocos2本地游戏中实现文本生成二维码的方法。通过在结算页面创建单色节点，并使用提供的QRCode.js脚本，将用户分数对应的网址文本转换为二维码图像显示。具体步骤包括：创建单色UI节点、删除默认Sprite组件、添加QRCode脚本组件，并设置文本内容。该方法实现了无需网络连接的本地二维码生成功能，微信扫码可正常识别内容。
2025-06-25 15:09:40
377
原创 cocos2 使用 Layout 组件后，子节点 Label 高度变化后，抖动问题
摘要 文章分析了cocos2中使用Layout组件时，子节点Label高度变化导致的抖动问题。当文本换行时，由于Layout组件未及时响应高度变化，导致子节点短暂溢出父容器，造成视觉抖动。作者通过代码示例展示了问题现象，并指出原因是布局更新存在帧延迟。解决方案是手动强制刷新：调用Label组件的_forceUpdateRenderData()和Layout组件的updateLayout()方法。若存在多层Layout嵌套，需从内到外逐层刷新。该方法有效解决了文本动态加载时的布局抖动问题。
2025-06-15 15:01:18
292
原创 thingjs 基础案例整理
ThingJS是一套面向物联网应用的3D可视化PaaS开发和运营平台，它以“ThingJS云视PaaS服务”形式面向广大物联网企业提供全生命周期在线3D可视化服务。
2024-12-27 14:58:15
975
原创 electron 打包 webview 嵌入需要调用电脑摄像头拍摄失败问题
这篇文章是接我cocos专栏的上一篇文章继续写的，我上一篇文章写的是 cocos 开发触摸屏项目，需要嵌入一个网页用来展示，最后通过 electron 打包成 exe 程序，而且网页里面是需要调用电脑摄像头进行拍摄的。
2024-12-11 16:17:17
1638
原创 vue 实现关键字高亮效果
这是啥子意思呢，就是类似于百度搜索，根据关键词搜索结果，搜索结果中，与关键词相同的字显示红色，仅此而已，没有什么大的功能。简单写一下demo。
2024-11-27 17:27:18
614
原创 Cocos 2 使用 webview 嵌入页面，摄像头调用没权限问题
嗯，这么说呢，这篇博文看自己的实际需求哈，标题写的可能不是很准确。我这边呢，是遇到这样一个功能，就是有一个服务，他是的页面呢，是打开电脑的摄像头，需要在cocos 程序里面呢，展示摄像头的实时画面。看上去挺简单哈，但是实际做起来，还是有点问题。
2024-10-10 14:18:36
877
原创 QT C++ 自学积累 『非技术文』
最近一段时间参与了一个 QT 项目的开发，使用的是 C++ 语法，很遗憾的是我之前从来没有接触过 C++ ，大学没有开过这堂课，也没用自己学习过，所有说上手贼慢，到现在为止其实也不是很清楚具体的开发技巧，毕竟是参与，东一复制西一粘贴的，就拉倒了。里面用到了很多东西，尽管很简单很简单，但是对于没有接触过的人来说还是很值得记录一下的，这篇博文只是自己学习记录，没啥营养，浅看则以，切勿尽信！对了，用的 QT5 哈，其他版本的不知道嗷！
2024-09-25 11:22:34
835
原创 Cocos通过Electron打包web应用后，在触屏一体机设备触摸滑动无效问题解决
已经很晚了，刚刚解决这个问题，还是想记录一下，因为刚刚接触 cocos 没多久，这个问题困扰了我很久。
2024-08-08 22:58:18
1736
原创 vue2 使用代码编辑器插件 vue-codemirror
之前用过一次，当时用的一知半解的，所以也没有成文，前几天又因为项目有需求，所以说有用了一次，当然，依旧是一知半解，但是还是稍微写一下子吧！万一以后用到，不用满网找资料了，个人学习记录，仅供参考，切勿尽信！
2024-07-19 10:52:38
3586
原创 cocos 通过 electron 打包成 exe 文件，实现通信问题
首先，我使用的 cocos 版本是 2.4.12，遇到一个问题，是啥子呢，就是我要把用 cocos 开发出来的项目打包成一个 exe 可执行程序，使用的是 electron ，现在我有一个需求，就是在 cocos 中开发一个“退出”按钮，点击这个按钮的时候，关闭 exe 程序。
2024-05-21 13:11:44
1379
原创 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
2333
1
原创 vue3 接入 Element Plus
Element Plus是一套为开发者、设计师和产品经理准备的基于Vue 3.0的桌面端组件库。反馈：通过界面样式和交互动效让用户清晰地感知自己的操作。当用户进行操作后，页面元素的变化会清晰地展现当前状态。效率：设计简洁直观的操作流程，使语言表达清晰且表意明确，帮助用户快速理解进而作出决策。此外，界面简单直白，减少用户记忆负担。可控：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策。用户可以自由地进行操作，包括撤销、回退和终止当前操作等。
2024-01-03 14:02:34
3660
原创 Vue3 使用路由 Router
众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 JavaScript 可以连接页面跳转请求，动态获取数据，然后无需重新加载页面的情况下，更新当前页面数据，这样可以带来更加丝滑的用户体验，因为这类场景下的用户通常会在很长的一段时间中做出多次交互，路由是更新在客户端执行的。vue Router是 vue 官方路由，他与 vue 核心深度集成，让 vue 构建单页面应用变得更加轻而易举。嵌套路由映射。
2024-01-02 17:11:39
4394
原创 vue3 组件之间传值
vue2.7 是现在，也是最后一个 vue2 版本的更新，官方已经发布通告，vue2 版本将于 2023年12月31日 停止维护，但是停止维护不代表不能使用哈，我们可以继续使用 vue2 版本开发我们的项目，只不过，官方团队已经不会在对 vue2 版本进行更新，这个更新包括了安全性和兼容性的更新修复问题。如果我们继续使用 vue2 版本开发项目的话，我们可能就需要面对一个问题，就是如何向用户解释：你买了我们的电脑，但我们给你配的是 window xp 系统。
2023-12-29 15:42:18
2121
原创 vue 预览 pdf、word、excel
这是之前做项目的时候涉及到的一个功能，当时做了之后就一直没有整理，其实也很简单，功能不多，只是预览，没有在线编辑的功能，所以呢，啊哈哈哈哈哈，一个插件就可以了。
2023-12-27 09:17:58
1692
原创 13. TypeScript 泛型
泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。
2023-12-26 17:36:30
507
原创 11.类与接口
前几篇博客说过，接口（Interfaces）可以用于对「对象的形状（Shape）」进行描述。现在主要介绍接口的另一个用途，对类的一部分行为进行抽象。
2023-12-26 16:44:12
451
原创 10. TypeScript 中的类使用
abstract用于定义抽象类和其中的抽象方法。什么是抽象类？// 抽象类看，直接实例化一个抽象类，直接报错，告诉我们不允许：上面的例子中，我们定义了一个抽象类 Animal，并且定义了一个抽象方法 sayHi。在实例化抽象类的时候报错了。// 抽象类${this// 抽象类 abstract class A {上面的例子中，我们定义了一个类 Cat 继承了抽象类 Animal，但是没有实现抽象方法 sayHi，所以编译报错了。${this。
2023-12-26 16:15:02
880
原创 9. TypeScript 枚举 enum
枚举（Enum）类型用于取值被限定在一定范围内的场景，比如一周只能有七天，颜色限定为红绿蓝等。简单理解就是给一组数值赋予名称。首先说一点：枚举成员会被赋值为从 0 开始递增的数字，同时也会对枚举值到枚举名进行反向映射。当然，我设置第一个从 开始，所以现在枚举成员赋值从 开始了。事实上，此时编译之后 js 代码就是这个样子的：我们运行查看一下结果：这样的话我们可以通过名称去拿去值，通过值去拿去名称：运行查看一下结果：没有任何问题！其中， 这行代码，是操作。如果没有手动赋值的话，那么第一个参数默认为
2023-12-26 14:43:31
1076
原创 8. TypeSrcipt 元组
合并了相同类型的对象，而**元组（Tuple）**合并了不同类型的对象。元组起源于函数编程语言（如 F#），这些语言中会频繁使用元组。
2023-12-26 13:46:43
444
原创 6. 类型断言
类型断言（Type Assertion）可以用来手动指定一个值的类型。比如说我们有一个案例：定义一个函数，获取到一个数组或者字符串的长度OK，接下来编写代码：这样子就是先了这个功能，但是会有一个问题，就是， 方法是字符串特有的，对于数字来说，没有这个方法，因此在传入数字的时候，会报错，所以 ts 不允许这样写，会报错。也就是说，如果使用联合声明的话，里面的结构体只能使用两个声明类型的共有方法，字符串和数字共有的一个方法是 方法转为字符串，所以说我们可以使用一下：这样就是可以的了，不会引发 ts 校验错
2023-12-26 10:52:33
862
原创 3.接口使用
在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型。在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（classes）去实现（implement）。TypeScript 中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述。
2023-12-25 15:23:45
621
原创 1. TypeScript 简介
教程资源：https://ts.xcatliu.com/introduction/what-is-typescript.html#link-1中文官网：https://www.typescriptlang.org/TypeScript 安装步骤很简单，只需要下面这个简单的命令全局安装一下即可：执行完后，只需要等待安装完成。安装完成后，可以通过下面命令检测一下是否安装成功：如果出现版本号信息，则说明安装成功了。创建一个 TS 文件。后缀是 ts 不是 js 了。注意，TS 不是 JS，但是可以包含任何的
2023-12-25 11:25:11
993
原创 openlayers 截图
这样就可以了，但是也许会报错，报错原因一般都是使用的底图图层存在跨域问题。所以说在加载底图的时候，设置一下允许跨域就可以了哟。最新做了一个功能，就是 openlayers 展示二维 GIS 数据后，可以把当前的视角导出图片。OK，我承认，这篇博文是一个水文。好了，我知道的就这么多。
2023-12-21 14:23:34
689
原创 vue 使用 html2canvas 截取图片保存
html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特定的HTML元素转换为一幅图像，这对于创建屏幕截图、生成PDF文件或在上创建可编辑的图像非常有用。
2023-12-21 14:08:40
1442
1
原创 vue 使用 threejs 实现实景看房效果 demo
关于这个 threejs 实现 VR 看房效果也超级简单，只需要提供一个思路的话就可以了其实，首先需要一个房间结构的贴图，这个贴图网上有，当然找个合适的也不好找，我找了一上午在别人的 demo 里面扣了一张出来，代码都是一样的，稍微说一下思路。一张全景图，超级简单，在绘制一个球的模型，把这个全景图贴到球上作为材质，然后把相机视角移动到球内，将球面翻转，让贴图在球内显示即可。
2023-05-04 14:02:41
2920
3
Web端高德地图离线包
2022-05-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人