自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

想了半天,还不知道写点什么

前端开发、vue框架、WebGL知识点

  • 博客(48)
  • 收藏
  • 关注

原创 Babylon.js学习之路《实现双击地面添加模型的功能》

赞。

2025-10-23 11:03:33 150 6

原创 Babylon.js学习之路《添加自定义摇杆控制相机》

在 Babylon.js 中,经常需要使用摇杆来控制相机的移动。比如移动端,类似王者荣耀控制英雄移动的摇杆。经过对比,我发现一种非常简洁、高效的实现方式。

2025-10-23 10:17:25 526

原创 Babylon.js学习之路《大场景性能、帧数优化》

通过组合这些优化策略,大场景的渲染性能可提升 3-10 倍(具体取决于场景复杂度)

2025-08-22 09:42:52 676

原创 Babylon.js学习之路《实现模型间距离线的显示》

三维场景中:显示模型边界框,及距离墙体的虚线指示

2025-08-21 17:07:30 289

原创 Babylon.js学习之路《项目实时显示FPS帧数并防抖》

本文介绍了在Babylon.js中实现平滑显示帧率的两种方法

2025-08-21 16:45:02 339

原创 虚拟机银河麒麟操作系统配置:安装VMware tools、调整分辨率

虚拟机中的银河麒麟操作系统:安装VMware tools,以及调整分辨率

2025-06-25 16:53:17 1252

原创 Babylon.js学习之路《十、高级几何体:自定义模型与复杂形状生成》

本文介绍了Babylon.js中高级几何体建模的多种方法及其应用。主要内容包括: 参数化建模通过MeshBuilder创建复杂几何体

2025-06-20 17:02:19 810

原创 Babylon.js学习之路《浏览器如何直接修改Babylon线上项目的代码,启动调试工具》

本文介绍了通过开发者工具修改线上网页源码的方法,主要用于调试Babylon项目场景。

2025-06-20 13:41:44 310

原创 Babylon.js学习之路《九、物理引擎入门:重力、碰撞与刚体模拟》

本文介绍了在Babylon.js中集成物理引擎(Cannon.js/Oimo.js)实现3D交互的核心技术。

2025-05-27 17:16:36 804

原创 Babylon.js学习之路《八、动画基础:关键帧动画与缓动效果》

动画在3D场景中扮演着核心角色,能够提升动态表现力和用户交互体验

2025-05-21 15:51:38 1200

原创 Babylon.js学习之路《七、用户交互:鼠标点击、拖拽与射线检测》

本文介绍了在Babylon.js中实现用户交互的核心技术,包括鼠标点击、拖拽与射线检测。

2025-05-21 11:34:12 1650

原创 Babylon.js学习之路《六、材质与纹理:为模型赋予真实的表面效果》

本文详细介绍了在Babylon.js中使用材质与纹理的技术,重点包括基础材质、PBR材质、纹理贴图及动态材质的应用,并对每种材质效果添加示例

2025-05-20 18:10:53 1265

原创 Babylon.js学习之路《五、灯光与阴影:让场景栩栩如生的关键》

本文详细介绍了在Babylon.js中使用灯光来定义场景视觉层次的方法。首先,文章阐述了灯光的核心作用,并介绍了基础光照模型。接着,文章详细讲解了Babylon.js中的四种灯光类型。此外,文章还探讨了阴影的配置与优化技巧

2025-05-13 16:35:46 977

原创 Babylon.js学习之路《四、Babylon.js 中的相机(Camera)与视角控制》

本文详细介绍了Babylon.js中相机的相关知识,包括相机的核心作用、常见类型及其配置方法。相机在3D场景中扮演着“眼睛”的角色,决定了用户的视角和交互方式。

2025-05-13 16:18:51 1368

原创 Babylon.js学习之路《三、创建你的第一个 3D 场景:立方体、球体与平面》

本文详细介绍了如何使用Babylon.js从零构建一个3D场景,并创建基础几何体如立方体、球体和平面。读者可以掌握使用Babylon.js创建和操作3D场景的基本技能。

2025-05-12 17:46:27 1476

原创 Babylon.js学习之路《二、开发环境搭建与第一个Hello World》

创建第一个Babylon.js网页

2025-05-09 16:35:57 1454

原创 Babylon.js学习之路《一、初识 Babylon.js:什么是 3D 开发与 WebGL 的完美结合?》

Babylon.js是一个开源、高性能的 Web 3D 引擎,基于 TypeScript/JavaScript。核心目标:简化 WebGL 开发

2025-05-08 17:24:59 1587

原创 Babylon.js学习之路《 前言:为什么要学习Babylon.js 》

简介 Babylon.js 的核心优势、应用场景。

2025-05-06 17:29:54 848

原创 前端学习必经之路:关注源码

大文件上传的核心点分为 : 1 . 文件分片,就是通过file对象的size属性,以及想分片的chunk大小分成很多小片, 2.请求函数,用来上传每个chunk, 3.记录断点,用来断点续传, 4.调用接口让后端合并chunk, 5可以把chunk分段推入进行md5加密,用来秒传 6.封装一个控制并发函数,避免一下全部请求了穿个md5值过去对比是不是这个文件,用于后续的秒传等操作。

2025-04-17 12:28:57 294

原创 JavaScript优雅的实现单位转换(后端返回KB,转换为MB、GB...)

使用Javascript实现:后端传入KB单位的数据,自动转换为相对应的单位

2025-04-17 10:59:17 414

原创 Vue3好用的图片预览插件【vue3-photo-preview】

【代码】Vue3可用的图片预览插件【vue3-photo-preview】

2025-03-26 17:41:27 1364

原创 javascript中的40 个单行代码

javascript的40个效率单行代码

2025-02-08 12:49:26 781

原创 Babylon实现赛车游戏

【代码】Babylon实现赛车游戏。

2025-02-08 12:48:03 219

原创 pnpm 是如何吊打 npm 和 yarn 的 (转自稀土掘金)

最近研究了一下 pnpm 的机制,发现它确实很强大,甚至可以说对 yarn 和 npm 形成了降维打击从包管理工具的发展历史,看下到底好在哪里「npm2 的嵌套结构」:每个依赖项都会有自己的 node_modules 目录,导致了依赖被重复安装,严重浪费了磁盘空间💣;在依赖层级比较深的项目中,甚至会超出 windows 系统的文件路径长度💣「npm3+ 和 Yarn 的扁平化策略:」 尽量将所有依赖包安装在项目的顶层 node_modules 目录下,解决了 npm2 嵌套依赖的问题。

2025-02-07 11:35:45 894

原创 银河麒麟4.0.2操作系统,解决旧版本浏览器不能加载网页的问题(含安装包)

模拟现场的环境,安装虚拟机,安装银河麒麟4.0.2系统,再浏览器复现问题

2025-01-06 16:29:42 5879 2

原创 VMware Workstation Pro安装银河麒麟V10、银河麒麟4.0.2操作系统(含安装包!)

当前时期,某些项目会要求国产化,必须使用国产操作系统,这个时候就需要用到虚拟机,毕竟谁也不希望把自己的Windows系统换成一个垃圾银河系统安装操作系统的过程中也不会很顺利,银河麒麟操作系统的生态还不完善,基本上每一步都有坑,这里记录一下我的安装经历。安装步骤中最大的坑,就是这一步,一定要选对操作系统:客户机操作系统:Linux版本:CentOS 6 64位。

2025-01-06 14:38:55 2558 8

原创 Windows11安装VMware Workstation Pro虚拟机(含安装包!)

虚拟机可以用来模拟其他系统,由于我需要模拟银河麒麟4.0.2操作系统,所以查阅资料安装了VMware Workstation Pro,过程中有很多坑,本着前人栽树,后人乘凉的原则,记录一下安装过程。虽然文章写的很快,但是实际解决问题花费的时间很多。

2025-01-06 10:37:43 1567 1

原创 canvas画布截图并制作为预览图

canvas画布生成预览图

2023-11-22 10:01:21 375

原创 Babylon.js把图片拖动到画布中

把图片拖动到画布中,生成对应的三维模型

2023-08-28 14:35:16 434

原创 给vant侧边导航<van-sidebat>添加小图标

最近想优化一下自己做的功能小界面,于是盯上了侧边导航栏的样式。这个vant组件的侧边导航栏,默认不支持添加图标的功能,只能自己强行添加,所以这个方法也适用于其他需要添加图标的地方。优化前优化后这里记录一下处理方法。提示:以下是本篇文章正文内容,下面案例可供参考这个方法适用于所有组件,但是因为要操作DOM,所以不建议大量使用,会影响效率。

2023-06-21 14:26:30 1761

原创 el-tree实现懒加载,同时获取节点对应的数据并展示

el-tree懒加载。点击树节点,加载下一级目录,同时调用接口展示该节点中的数据。

2023-05-05 14:02:31 4290 1

原创 vue把表格数据导出excel类型文件

从本地导入指定类型的文件(任何类型)

2023-01-07 10:35:55 779

原创 浏览器中H5存储方式的横向对比

我们经常需要用到浏览器存储数据:比如cookie存储token,localStorage,sessionStorage......但是它们之间有什么区别?

2022-12-30 10:29:19 249

原创 el-tree处理树形结构的穿梭框问题(后台返回平级数据 / 文末附项目Git地址)

使用el-tree解决树状结构的穿梭框问题,支持一万个节点。

2022-11-10 14:06:21 2052 1

原创 JavaScript正则表达式:删除或替换字符串括号 (***) 里的内容

JavaScript正则表达式:替换字符串括号里(***)的内容

2022-09-26 18:06:03 4224

原创 vue用复选框实现组件,支持单选和多选操作

只通过一个组件实现单选和多选混合

2022-08-22 16:14:32 7262

原创 vue生成并上传两个zip文件

记录一次上传两个zip文件给后端的过程

2022-08-09 14:29:14 1892

原创 Vue侧边菜单组件

Vue实现右侧悬浮菜单栏

2022-08-02 10:31:47 2825

原创 BABYLON 三维开发工具的使用

开发三维场景的babaylon.js。

2022-07-28 17:53:49 3285

原创 Vue实现excel文件的导出功能(后端直接返回文件流)

Vue实现excel文件的导出功能(后端直接返回文件中的内容)

2022-04-27 13:22:21 13582 16

JSON可视化编辑工具【Vue纯前端实现】 · 直接在表格中修改内容 · 实时同步 · 多层级支持

JSON可视化编辑 · 直接在表格中修改内容 · 实时同步 · 多层级支持;精美简洁的UI界面,JSON显示区域支持折叠。

2025-08-15

Linux系统:JDK、Nginx离线安装包及说明文档

Linux系统:JDK、Nginx离线安装包及说明文档 包含: 1、jdk-8u131-linux-x64.rpm 2、jdk-8u131-linux-x64.tar.gz 3、nginx-1.18.0-2.el6.ngx.x86_64.rpm 4、nginx-1.24.0-1.el7.ngx.x86_64.rpm

2025-08-11

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除