- 博客(105)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 threeJS 实现开花的效果
本文介绍了使用Three.js实现3D开花效果的核心技术方案。主要内容包括：1) 利用Morph Target（形变目标）实现模型顶点平滑变形，通过morphAttributes和morphTargetInfluences属性控制顶点状态变化；2) 使用GLTFLoader加载多阶段模型，并通过并行加载优化性能；3) 结合GSAP动画库创建自然过渡的开花动画；4) 提供了材质处理、动画优化等实用技巧。文章还包含常见问题解决方案和完整代码结构参考，适合需要实现3D变形效果的开发者学习参考。
2025-09-05 13:34:42
898
原创 ThreeJs案例：转盘
3D科技转盘实现方案 本文展示了一个基于Three.js的3D科技转盘实现方案，主要包含以下技术要点： 核心组件： 地球模型：使用球体几何体和自定义着色器材质实现 云层效果：通过半透明球体和动态纹理创建 环形装饰：采用RingGeometry实现发光圆环 交互特性： 支持OrbitControls控制视角 实现12个图标均匀分布在圆环外围 每个图标配有文字说明 技术实现： 使用Vue3+Three.js组合开发 自定义着色器处理纹理贴图 CanvasTexture动态生成文字内容 该方案适合用于科技感展示界
2025-09-02 15:30:15
137
原创 无需服务器，免费、快捷的一键部署前端 vue React代码--PinMe
PinMe是一款前端一键部署神器，30秒即可上线Vue/React项目，解决传统部署需要购买服务器、配置域名/SSL/Nginx等繁琐问题。相比内网穿透工具更稳定，避免断电断网风险。只需打包项目后上传dist文件夹，即可完成部署，操作简单高效。
2025-09-02 15:24:40
633
2
原创 MCP-Blender插件的安装和使用
本文详细介绍了Blender、MCP-Blender插件和TRAE软件的安装配置流程。主要内容包括：1) Blender 3.0+版本和MCP-Blender插件的下载安装；2) Python 3.1+环境配置和关键UV安装步骤；3) MCP-Blender插件的解压安装与Blender界面整合；4) TRAE软件配置MCP服务的方法；5) 获取免费API并完成Blender与MCP的连接。最后简要提及了通过TRAE文字描述生成Blender脚本的基本使用方法。
2025-07-31 15:59:47
672
原创 发现一个边玩边学编程的游戏：CodeCombat
《CodeCombat》是一款支持多语言的编程学习游戏平台，通过游戏化方式教授编程。该平台提供多种编程语言的学习路径，适合不同水平的用户。其网址为https://codecombat.cn/play#，用户可在游戏中实践编程技能，寓教于乐。
2025-07-15 14:02:08
338
原创 3D人物建模与WebGL渲染实战
本文介绍了如何从照片创建3D人物模型并使用Three.js渲染的技术流程。首先通过Ready Player Me在线工具生成GLB格式的3D模型，然后使用Three.js的WebGLRenderer构建3D场景。关键实现包括：设置环境光/平行光/点光源、加载GLTF模型、调整材质属性（粗糙度/金属度）、添加轨道控制器实现交互旋转。代码展示了完整的Vue组件实现方案，包含响应式窗口适配和模型加载后的相机视角自动调整。该方案适用于网页端3D人物展示需求，提供可视化编辑和交互查看功能。
2025-06-24 16:54:56
279
原创 threejs 实现720°全景图，；两种方式：环境贴图、CSS3DRenderer渲染
本文介绍了一种基于CSS3DRenderer的720°全景图实现方案，通过六张图片拼接而成。该方案利用Three.js的CSS3DRenderer将HTML元素作为纹理映射到3D场景中，实现2D与3D的无缝结合。关键技术包括：初始化3D场景和相机、创建六个面覆盖全景图、鼠标/触摸交互控制视角、动画渲染及响应式设计。相比无人机拍摄方案，这种方法更经济实惠，适用于Web端展示。代码提供了完整的交互逻辑，包括视角平滑过渡、触摸屏适配和窗口大小自适应等功能。
2025-06-19 14:07:56
1140
原创 组件总结----vue2 的--有空再归纳，具体查看gitee
本文展示了多个Vue组件实现案例，包括：element-table递归合并表格、wangEditor富文本编辑器（V5.0以下版本）、百度地图集成、视频播放器、轮播组件以及多种Echarts图表应用。特别说明wangEditor版本选择原因（兼容IE且不使用TS），并提示表格样式需特别处理。所有案例代码已开源，后续将持续更新。项目地址：https://gitee.com/taotianye/summary-of-vue-components
2025-06-19 10:27:01
197
原创 monorepo工程化创建---入门案例（从0开始）
摘要：本文介绍了使用pnpm构建Monorepo项目的基本步骤。首先通过npm全局安装pnpm，创建项目目录并初始化。关键步骤包括配置pnpm-workspace.yaml定义工作区，在packages下创建多个子项目，并为每个项目编写独立package.json。重点演示了如何为特定子项目安装依赖（如lodash、dayjs），以及子项目间的相互引用（使用workspace:*协议）。整个流程展示了Monorepo架构的模块化管理优势，包括代码隔离、独立配置和依赖复用特性。
2025-06-16 17:48:59
539
原创 Blender 3D建模工具的快捷键总结--选择、视图、对象、编辑、UV贴图、模型材质、动画与渲染、工具
Blender 3D建模与材质设置指南本文分为快捷键操作与材质设置两部分。快捷键部分系统整理了Blender核心功能，包括通用操作（移动/旋转/缩放）、视图控制、编辑模式技巧（挤出/循环切割）及动画渲染命令（F12渲染）。材质设置详解了从基础参数调整到节点编辑器进阶操作，涵盖金属/玻璃材质制作、纹理映射、UV拆分及渲染优化技巧，并附常见问题解决方案。全文提供可视化操作示例与速查表，帮助用户快速掌握Blender建模与材质设计全流程。
2025-06-13 11:09:41
2671
原创 vscode界面设置透明度--插件Glasslt-VSC
vscode透明度调整快捷键：使用Ctrl+Alt+Z提高透明度，Ctrl+Alt+C降低透明度。通过三张操作界面截图展示具体效果，帮助用户快速掌握图层透明度的调节技巧。这些快捷键组合可有效提升设计工作效率，适用于需要精细控制图层显示效果的设计场景。
2025-06-11 09:54:24
594
原创 Vue大文件上传:让你的文件秒传、断点续传、分片上传---需要后端支持--案例后端使用node
大文件上传技术方案摘要大文件上传需要后端支持，主要实现三种功能：秒传：前端计算文件hash值，后端校验文件是否存在分片上传：前端将大文件切片，通过Promise.all并发上传，后端合并分片断点续传：记录已上传分片，从中断位置继续上传前端使用spark-md5计算hash，File.slice分片，axios上传；后端使用Node.js接收分片并合并，存储文件信息到数据库。实现方案包含进度显示、错误处理和并发控制等细节。
2025-06-10 14:50:53
491
原创 Vue3 + threeJs 定义六种banner轮播图切换动画效果：百叶窗、手风琴、拼图、渐变、菱形波次、圆形扩展
本文介绍了一个基于Vue3和ThreeJS实现的banner图切换效果案例，包含百叶窗、手风琴等6种动画效果。项目采用ShaderMaterial材质保证高清显示，并针对性能进行了优化：包括窗口大小自适应、定时器管理、路由切换清理等。核心逻辑通过ThreeJS构建场景、纹理加载和动画控制，使用requestAnimationFrame实现渲染循环。代码结构清晰，注释完善，适用于轮播图、背景展示等场景。
2025-06-06 15:58:48
572
1
原创 总结 uniapp 上不适配iphone的：new Date 时间、border线条、渐变
这是错误样式：需要添加:2、时间出现NaN原因是因为ios中使用new Date 的时候出了问题3、渐变色错误：修正：
2025-01-21 14:20:50
511
原创 uniapp 自定义日历组件 源码兼容iPhone
【摘要】本文探讨了日历组件开发中的两个核心问题及解决方案：1）每月1号起始位置定位采用动态空盒子填充方式，通过判断1号对应星期数来调整布局；2）状态样式控制使用结构化的数据对象存储日期状态（起租/结束标识、禁用状态等）。基于Vue3的实现代码展示了完整的日历视图，包含周数显示、日期选择交互及租金计算功能，支持起租日动态提示（默认当前日期+3天）、日期区间选择和实付租金自动计算。底部确认按钮在有效选择后激活，整体设计注重用户体验与数据可视化。
2025-01-16 17:12:13
700
原创 pdf.js 预览pdf的时候发票数据缺失显示不全：字体加载出错（缺失）导致部分缺失
首先，排除后端返回的PDF文件流是没有问题的：但是在vue项目中是这样的：明显是显示不全，F12查看报错信息，有以下警告：把字体添加进来就好。
2024-11-29 15:56:38
2232
原创 web前端工程化-- monorepo--同一个项目
注释：monorepo这个工具用来管理多个不同项目的单一库，项目与项目之间可能有相关联系，但是逻辑又是独立互不影响。前端Monorepo这个东西其实本质上来说，就是指的是将『一个项目的所有前端代码存储在一个统一的代码仓库中』的开发的模式。传统的一般的前端开发，就是一个项目去npm去下载不同的库来辅助主项目，而npm中的单个库都是独立的代码仓库，当需要安装的npm包越来越多的时候，我们需要去各个仓库里面维护管理多个独立的库就变得越来越困难，越来越庞大。
2024-10-08 17:48:16
1325
原创 前后端分离，使用MOCK进行数据模拟开发，让前端攻城师独立于后端进行开发
Mock生成随机数据,拦截Ajax 请求，前后端分离，让前端攻城师独立于后端进行开发。增加单元测试的真实性 通过随机数据,模拟各种场景。在实际开发过程中，前端是通过axios来请求数据的，很多时候前端开发者就是通过写固定的JSON数据来模拟数据，但是这个JSON是一个对象，没有经过数据请求的情况下直接使用，在后续的工作中要等到后端将API写好以后再进行对接API，而mock就是通过拦截真实的axios的请求来模拟数据，相当于通过mock写一个假的API，并直接拿来使用，。简单来说，。
2024-09-18 15:49:06
903
原创 uniapp打包H5的时候 清楚缓存（不安装依赖的前提下）
在写项目的时候，打包好一个H5 发布成功，后来又重新打包新的包进行更新迭代，但是用户手机上还是上一个版本，本地缓存还是没有清除。
2024-08-14 15:44:25
2735
原创 腾讯QQ临时对话框功能取消免费使用，替代的是腾讯推出的“企点客通”模块实现，买通服务即可实现
由于我只是做项目预算，最后还没有买通服务，具体开发情况后续如果买入服务了会再更新文章。因为写的QQ号是我已有的QQ好友的QQ号，所以确实打开了与好友的对话聊天框，买通服务以后，腾讯官方会提供sass，可以快速的接入项目。要实现的功能是：QQ在线咨询。这是腾讯官方提供的api文档。
2024-07-25 18:07:47
650
原创 报错npm error code ERR_INVALID_URL 和 npm error Invalid URL 。结果就是npm不能安装依赖了
我就想既然register没问题那就考虑是不是proxy这个代代理出问题了，发现我的代理不是null,但是我根本不需要代理啊，应该是null才对。然后我就能正常使用我的npm 按照依赖了。发现不是null以后执行以下语句。执行这两个语句查看proxy。
2024-07-22 14:25:47
2037
2
原创 EpicDesigner编辑器的源码修改和扩展“数据库”进行数据库字段设置
EpicDesigner是一个功能强大、开箱即用的拖拽式低代码设计器。对其进行扩展
2024-05-21 18:04:58
1004
8
原创 vue3 中 使用 antd中的select 组件的带搜索框 展开后可对选项进行筛选搜索功能
vue3 中 使用 antd中的select 组件的带搜索框 展开后可对选项进行筛选搜索功能
2024-05-14 11:58:44
715
原创 uniapp 写H5页面的时候，实现公众号（服务号）订阅通知的消息推送，使用微信JS-SDK，中的wx-open-subscribe
uniapp 写H5页面的时候，实现公众号（服务号）订阅通知的消息推送，使用微信JS-SDK，中的wx-open-subscribe
2024-04-19 18:05:26
2529
1
原创 vue3中新增的组合式API：ref、reactive、toRefs、computed、watch、provide/inject、$ref
在 Vue3 中，组合式 API 是一种新的编程模式，它允许你更灵活地组织和重用代码。
2023-12-27 17:33:34
2033
2
原创 文件预览/下载方式：通过二进制流（Blob）下载、或者通过文件Url下载
【代码】文件预览/下载方式：通过二进制流（Blob）下载、或者通过文件Url下载。
2023-08-15 10:29:31
1224
原创 vue 全局loading的思路和方法
Vue 全局 loading 的实现思路一般是在 Vue 实例中添加一个 loading 组件，通过控制该组件的显示和隐藏来实现全局 loading 的效果。在需要显示 loading 的地方，调用全局方法 showLoading()，该方法通过修改 loading 组件的状态来显示 loading。在需要隐藏 loading 的地方，调用全局方法 hideLoading()，该方法通过修改 loading 组件的状态来隐藏 loading。
2023-05-05 16:23:44
3032
转载 vue this.$router.push 页面不刷新总结(8种解决方式----覆盖所有场景)
vue this.$router.push 页面不刷新总结(8种解决方式----覆盖所有场景)
2022-12-12 14:17:01
3642
原创 echarts 3D省市区域地图 + 2D的曲线+2D的label提示框 + 2D 的涟漪
echarts 3D省市区域地图 + 2D的曲线+2D的label提示框 + 2D 的涟漪。缺点：引出线（虚线）和提示框 ，以及 涟漪是2D 的，所以地图是不能旋转和缩放的，否则就会乱套。
2022-12-07 23:25:26
1291
原创 echarts 地图添加引出线（使用经纬度画出飞线），label自定义图片
echarts 地图添加引出线（使用经纬度画出飞线），label自定义图片
2022-12-06 22:15:48
3427
3
原创 echarts地图涟漪、线集效果
/地理坐标系组件。地理坐标系组件用于地图的绘制，支持在地理坐标系上绘制散点图，线集。//特效尾迹长度[0,1]值越大，尾迹越长重。// 涟漪特效动画中波纹的最大缩放比例。//箭头指向速度，值越小速度越快。// 涟漪特效的波纹绘制方式。// 地图的json数据。// 涟漪特效的动画周期。//每一块区域的样式。//取消鼠标经过高亮。
2022-09-07 09:15:21
1685
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人