自定义博客皮肤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知识点

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

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

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

2025-05-27 17:16:36 636

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

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

2025-05-21 15:51:38 1066

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

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

2025-05-21 11:34:12 1336

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

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

2025-05-20 18:10:53 1068

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

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

2025-05-13 16:35:46 809

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

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

2025-05-13 16:18:51 1057

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

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

2025-05-12 17:46:27 1216

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

创建第一个Babylon.js网页

2025-05-09 16:35:57 988

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

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

2025-05-08 17:24:59 1212

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

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

2025-05-06 17:29:54 704

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

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

2025-04-17 12:28:57 271

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

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

2025-04-17 10:59:17 325

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

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

2025-03-26 17:41:27 669

原创 javascript中的40 个单行代码

javascript的40个效率单行代码

2025-02-08 12:49:26 751

原创 Babylon实现赛车游戏

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

2025-02-08 12:48:03 150

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

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

2025-02-07 11:35:45 827

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

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

2025-01-06 16:29:42 2737

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

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

2025-01-06 14:38:55 1192 1

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

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

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

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

canvas画布生成预览图

2023-11-22 10:01:21 315

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

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

2023-08-28 14:35:16 369

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

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

2023-06-21 14:26:30 1672

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

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

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

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

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

2023-01-07 10:35:55 753

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

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

2022-12-30 10:29:19 221

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

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

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

原创 JavaScript删除或替换字符串中括号里的内容

JavaScript替换字符串中括号里的内容

2022-09-26 18:06:03 4037

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

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

2022-08-22 16:14:32 7113

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

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

2022-08-09 14:29:14 1863

原创 Vue侧边菜单组件

Vue实现右侧悬浮菜单栏

2022-08-02 10:31:47 2716

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

开发三维场景的babaylon.js。

2022-07-28 17:53:49 3142

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

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

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

原创 el-table实现列筛选功能,控制列的显示和隐藏(实现简单,效果满分)

el-tablet添加列筛选功能,控制列的显示和隐藏

2022-04-24 14:28:53 15511 9

原创 Vue中使用z-tree处理大数量的数据,生成树状结构

Vue使用z-tree展示大数量数据

2022-04-22 15:30:54 4176

原创 vue在表格中实现右键菜单

为表格数据添加右键菜单功能

2022-04-22 13:48:27 10248 2

原创 TinyMCE富文本编辑器在Vue中的使用

在vue项目中引入TinyMCE富文本编辑器的步骤,以及上传文件、上传图片、上传视频的方法

2022-04-14 14:42:29 9348 24

原创 vue实现子组件向父组件传值

一、子组件触发父组件中的函数第一种方法比较常见,是子组件通过触发父组件的方法,以参数的形式给父组件传值。这种方法有几种形式:子组件向父组件传递一个值子组件:this.emit('change', this.value);父组件:<test @change="getParams($event)" /><test @change="getParams" />绑定事件处理函数时,可以不带括号,形参则默认为事件对象,如果绑定时带上了括号,再想使用事件对象则需要传入$event

2021-08-18 08:54:07 348

转载 浏览器页面渲染的过程

一、相关知识点当浏览器获得一个html文件时,会“自上而下”加载。浏览器会将HTML解析成一个DOM树,构建过程是深度遍历:当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点。浏览器将CSS解析成 CSS Rule Tree 。根据DOM树和CSSOM(CSS Object Model)来构造 Rendering Tree。有了 RenderingTree才会进行Layout(计算出每个节点在屏幕中的位置)和painting,不是仅仅有了dom树就可以显示的。js脚本,主要是通

2021-08-09 16:34:58 99

原创 同源限制及解决方案

这里写自定义目录标题什么是同源?新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入什么是同源?你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇

2020-12-08 10:11:13 1524

原创 vue用keepAlive实现后退缓存

文章目录前言一、sessionStorage写法二、用keepAlive实现后退缓存1.需求场景2.代码实现(1).keepAlive的写法(2).在输入信息页面添加路由监听(3).在输入信息页面添加activated钩子函数(3).在确认页面添加beforeRouteLeave钩子函数总结前言今天使用“vue”在开发页面的时候,遇到了如下问题:从“列表页面”点击“新增”按钮,跳转到“输入信息”页面,此时是新增功能,“输入信息”页面没有缓存数据;从“输入信息”页面跳转到“确认”页面,再从“确认”页

2020-12-07 19:03:08 1202

空空如也

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

TA关注的人

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