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