- 博客(49)
- 收藏
- 关注
RSS订阅原创 我的创作纪念日
不知不觉间，Babylon系列的文章已经写了17篇，既有知识点的介绍，又有功能的代码，自己在这一领域的能力也有很大提升。工作中遇到的问题，会在写作记录时进行复盘。希望将来我能完成一个付费专栏的创建，帮助别人的同时也能有些微薄的收益。有限的精力下，我也会抽出时间来做记录，毕竟这也是对工作的复盘。其中关于Babylon的技术是我尤其关注的，也做了大量记录。在创作的过程中，慢慢有了技术总结的习惯。对博主来说，有互动才有写作的动力。慢慢的有了47篇原创，多个专栏。
2025-12-11 13:25:01
155
原创 Babylon.js学习之路《添加自定义摇杆控制相机》
在 Babylon.js 中，经常需要使用摇杆来控制相机的移动。比如移动端，类似王者荣耀控制英雄移动的摇杆。经过对比，我发现一种非常简洁、高效的实现方式。
2025-10-23 10:17:25
539
原创 Babylon.js学习之路《十、高级几何体：自定义模型与复杂形状生成》
本文介绍了Babylon.js中高级几何体建模的多种方法及其应用。主要内容包括： 参数化建模通过MeshBuilder创建复杂几何体
2025-06-20 17:02:19
837
原创 Babylon.js学习之路《浏览器如何直接修改Babylon线上项目的代码，启动调试工具》
本文介绍了通过开发者工具修改线上网页源码的方法，主要用于调试Babylon项目场景。
2025-06-20 13:41:44
351
原创 Babylon.js学习之路《九、物理引擎入门：重力、碰撞与刚体模拟》
本文介绍了在Babylon.js中集成物理引擎（Cannon.js/Oimo.js）实现3D交互的核心技术。
2025-05-27 17:16:36
878
原创 Babylon.js学习之路《七、用户交互：鼠标点击、拖拽与射线检测》
本文介绍了在Babylon.js中实现用户交互的核心技术，包括鼠标点击、拖拽与射线检测。
2025-05-21 11:34:12
1704
原创 Babylon.js学习之路《六、材质与纹理：为模型赋予真实的表面效果》
本文详细介绍了在Babylon.js中使用材质与纹理的技术，重点包括基础材质、PBR材质、纹理贴图及动态材质的应用，并对每种材质效果添加示例
2025-05-20 18:10:53
1302
原创 Babylon.js学习之路《五、灯光与阴影：让场景栩栩如生的关键》
本文详细介绍了在Babylon.js中使用灯光来定义场景视觉层次的方法。首先，文章阐述了灯光的核心作用，并介绍了基础光照模型。接着，文章详细讲解了Babylon.js中的四种灯光类型。此外，文章还探讨了阴影的配置与优化技巧
2025-05-13 16:35:46
1020
原创 Babylon.js学习之路《四、Babylon.js 中的相机（Camera）与视角控制》
本文详细介绍了Babylon.js中相机的相关知识，包括相机的核心作用、常见类型及其配置方法。相机在3D场景中扮演着“眼睛”的角色，决定了用户的视角和交互方式。
2025-05-13 16:18:51
1449
原创 Babylon.js学习之路《三、创建你的第一个 3D 场景：立方体、球体与平面》
本文详细介绍了如何使用Babylon.js从零构建一个3D场景，并创建基础几何体如立方体、球体和平面。读者可以掌握使用Babylon.js创建和操作3D场景的基本技能。
2025-05-12 17:46:27
1536
原创 Babylon.js学习之路《一、初识 Babylon.js：什么是 3D 开发与 WebGL 的完美结合？》
Babylon.js是一个开源、高性能的 Web 3D 引擎，基于 TypeScript/JavaScript。核心目标：简化 WebGL 开发
2025-05-08 17:24:59
1634
原创 前端学习必经之路：关注源码
大文件上传的核心点分为 : 1 . 文件分片,就是通过file对象的size属性,以及想分片的chunk大小分成很多小片, 2.请求函数,用来上传每个chunk, 3.记录断点,用来断点续传, 4.调用接口让后端合并chunk, 5可以把chunk分段推入进行md5加密,用来秒传 6.封装一个控制并发函数,避免一下全部请求了穿个md5值过去对比是不是这个文件，用于后续的秒传等操作。
2025-04-17 12:28:57
297
原创 JavaScript优雅的实现单位转换（后端返回KB，转换为MB、GB...）
使用Javascript实现：后端传入KB单位的数据，自动转换为相对应的单位
2025-04-17 10:59:17
436
原创 pnpm 是如何吊打 npm 和 yarn 的 （转自稀土掘金）
最近研究了一下 pnpm 的机制，发现它确实很强大，甚至可以说对 yarn 和 npm 形成了降维打击从包管理工具的发展历史，看下到底好在哪里「npm2 的嵌套结构」：每个依赖项都会有自己的 node_modules 目录，导致了依赖被重复安装，严重浪费了磁盘空间💣；在依赖层级比较深的项目中，甚至会超出 windows 系统的文件路径长度💣「npm3+ 和 Yarn 的扁平化策略：」 尽量将所有依赖包安装在项目的顶层 node_modules 目录下，解决了 npm2 嵌套依赖的问题。
2025-02-07 11:35:45
923
原创 银河麒麟4.0.2操作系统，解决旧版本浏览器不能加载网页的问题（含安装包）
模拟现场的环境，安装虚拟机，安装银河麒麟4.0.2系统，再浏览器复现问题
2025-01-06 16:29:42
6476
5
原创 VMware Workstation Pro安装银河麒麟V10、银河麒麟4.0.2操作系统（含安装包！）
当前时期，某些项目会要求国产化，必须使用国产操作系统，这个时候就需要用到虚拟机，毕竟谁也不希望把自己的Windows系统换成一个垃圾银河系统安装操作系统的过程中也不会很顺利，银河麒麟操作系统的生态还不完善，基本上每一步都有坑，这里记录一下我的安装经历。安装步骤中最大的坑，就是这一步，一定要选对操作系统：客户机操作系统：Linux版本：CentOS 6 64位。
2025-01-06 14:38:55
2895
8
原创 Windows11安装VMware Workstation Pro虚拟机（含安装包！）
虚拟机可以用来模拟其他系统，由于我需要模拟银河麒麟4.0.2操作系统，所以查阅资料安装了VMware Workstation Pro，过程中有很多坑，本着前人栽树，后人乘凉的原则，记录一下安装过程。虽然文章写的很快，但是实际解决问题花费的时间很多。
2025-01-06 10:37:43
1746
1
原创 给vant侧边导航＜van-sidebat＞添加小图标
最近想优化一下自己做的功能小界面，于是盯上了侧边导航栏的样式。这个vant组件的侧边导航栏，默认不支持添加图标的功能，只能自己强行添加，所以这个方法也适用于其他需要添加图标的地方。优化前优化后这里记录一下处理方法。提示：以下是本篇文章正文内容，下面案例可供参考这个方法适用于所有组件，但是因为要操作DOM，所以不建议大量使用，会影响效率。
2023-06-21 14:26:30
1780
原创 浏览器中H5存储方式的横向对比
我们经常需要用到浏览器存储数据：比如cookie存储token，localStorage，sessionStorage......但是它们之间有什么区别？
2022-12-30 10:29:19
259
原创 el-tree处理树形结构的穿梭框问题（后台返回平级数据 / 文末附项目Git地址）
使用el-tree解决树状结构的穿梭框问题，支持一万个节点。
2022-11-10 14:06:21
2063
1
JSON可视化编辑工具【Vue纯前端实现】 · 直接在表格中修改内容 · 实时同步 · 多层级支持
2025-08-15
Linux系统：JDK、Nginx离线安装包及说明文档
2025-08-11
Vue怎么解压7z类型的压缩包
2023-02-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人