<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[TTianYe的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/TTianYe</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; TTianYe]]></copyright><item><title><![CDATA[微信小程序uni.showToast图标兼容问题解决方案]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/162270014</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/162270014</guid><author>TTianYe</author><pubDate>Wed, 24 Jun 2026 13:41:49 +0800</pubDate><description><![CDATA[摘要 UniApp开发微信+支付宝双端小程序时，发现uni.showToast的icon参数存在平台兼容性问题。微信小程序原生API仅支持success、loading、none三种图标，而支付宝支持更丰富的error、exception等类型，导致微信端错误提示会静默降级为成功图标。解决方案采用状态管理器+自定义组件架构，通过ToastManager统一管理调用队列和状态，配合自定义Toast组件实现多端一致的效果。核心实现包括延迟调用队列处理、单例模式管理、五种状态（success/error/warn]]></description><category></category></item><item><title><![CDATA[翻译：《面向 JavaScript 开发人员的 Python》第一章：Python基础：从JS到Py]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/162213732</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/162213732</guid><author>TTianYe</author><pubDate>Tue, 23 Jun 2026 00:04:39 +0800</pubDate><description><![CDATA[本文介绍了JavaScript开发者转型Python时需要了解的基础知识对比。重点内容包括：1）Python使用缩进而非花括号定义代码块；2）变量动态类型相似，但Python用None代替null；3）运算符差异（//整数除法、**幂运算）；4）print()替代console.log()，f字符串类似模板字面量；5）Python强调代码可读性和简洁性的设计哲学。这些差异体现了Python"显式优于隐式"的理念，为开发者提供了新的编程思维方式，为后续学习控制结构和函数奠定了基础。]]></description><category></category></item><item><title><![CDATA[翻译：《面向 JavaScript 开发人员的 Python》前言]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/162213690</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/162213690</guid><author>TTianYe</author><pubDate>Mon, 22 Jun 2026 23:49:49 +0800</pubDate><description><![CDATA[本课程为JavaScript开发者设计的Python入门指南，涵盖从基础语法到高级特性的系统学习。课程亮点包括：对比Python与JavaScript特性差异，掌握面向对象和函数式编程范式，学习标准库和第三方包应用，培养文件处理/测试/异步编程等核心技能。12节课循序渐进，包含控制结构、数据结构、模块化开发、异常处理等关键内容，帮助开发者编写符合Python风格的高效代码，拓展全栈开发能力。通过本课程，学员将获得从JS到Py的平滑过渡，提升在Web开发、数据科学等领域的竞争力。]]></description><category></category></item><item><title><![CDATA[3D智慧城市：blender建模、骨骼、动画、VUE、threeJs引入渲染，飞行视角，涟漪、人物行走]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/160007856</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/160007856</guid><author>TTianYe</author><pubDate>Fri, 10 Apr 2026 09:38:43 +0800</pubDate><description><![CDATA[本文介绍了一个基于Vue3和Three.js的智慧城市3D可视化系统开发项目。作者作为前端开发者，通过自学Blender建模和Three.js技术，实现了城市建筑模型加载、人物动画、道路流光特效等功能。技术栈包括Vue3、Three.js、Vite和Blender3.0+，开发流程涵盖需求分析、自主学习、场景搭建、模型加载与动画实现等关键环节。项目展示了作者从零开始掌握3D可视化技术的完整学习路径，并提供了代码片段展示场景搭建、模型加载和特效实现的关键技术点。后续计划进一步完善第一人称漫游功能。]]></description><category></category></item><item><title><![CDATA[如何防止别人恶意刷接口？]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/136556441</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/136556441</guid><author>TTianYe</author><pubDate>Fri, 10 Apr 2026 09:33:51 +0800</pubDate><description><![CDATA[本文介绍了8种提升接口安全性的关键技术措施：1）防火墙用于过滤网络流量，防范DDoS、病毒等攻击；2）验证码机制防止接口被刷，从图形验证码发展到更安全的滑块验证；3）鉴权系统通过权限注解实现接口访问控制；4）IP白名单限制重要接口的调用来源；5）采用HTTPS协议实现数据加密传输；6）限流机制通过时间窗口和次数限制防范短信接口被刷；7）监控系统实时检测异常流量；8）API网关统一实现安全过滤、鉴权和限流功能。这些措施形成了多层次的接口安全防护体系。]]></description><category></category></item><item><title><![CDATA[Git远程仓库域名解析失败？5步快速排查法]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/159384199</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/159384199</guid><author>TTianYe</author><pubDate>Mon, 23 Mar 2026 11:51:56 +0800</pubDate><description><![CDATA[摘要：遇到Git报错&quot;Could not resolve host&quot;，原因是域名解析失败但IP可访问。通过逐步排查网络连接、DNS设置、hosts文件等，发现hosts文件中错误地包含了&quot;https://&quot;协议前缀，去除后恢复正常。解决方案包括检查网络、测试域名解析、修改DNS或hosts文件等步骤，最终确认是hosts文件格式问题导致解析失败。]]></description><category></category></item><item><title><![CDATA[Vue.js 多项目同端口部署实战：上下文路径配置指南]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/157550629</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/157550629</guid><author>TTianYe</author><pubDate>Fri, 30 Jan 2026 16:19:19 +0800</pubDate><description><![CDATA[Vue.js多项目同端口部署指南：本文介绍了如何通过上下文路径配置在同一个端口下部署多个Vue项目。关键步骤包括：1）配置Vue Router的base路径和Webpack资源路径；2）正确处理静态资源引用和API请求；3）Nginx/Apache服务器配置实现URL重写。重点解决了404错误、资源加载失败等常见问题，并推荐使用环境变量、相对路径等最佳实践。最终实现主项目（/）和子项目（如/datav/）在同一域名下的共存访问。]]></description><category></category></item><item><title><![CDATA[使用Blender进行现代建筑3D建模：前端开发者的跨界探索]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/155973144</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/155973144</guid><author>TTianYe</author><pubDate>Tue, 16 Dec 2025 11:54:15 +0800</pubDate><description><![CDATA[本文分享了前端开发者学习Blender 3D建模的经验。通过Blender 4.0版本，作者成功创建了现代建筑模型，详细介绍了软件界面工具、模型构建细节（包括材质纹理应用）以及渲染设置技巧。在学习过程中，作者提升了空间想象力、材质应用能力和渲染技术，并展望了将3D技术融入前端开发的潜力。这次跨界探索不仅丰富了技能树，也为未来创作更立体的视觉体验奠定了基础。]]></description><category></category></item><item><title><![CDATA[Blender + blenderGIS生成城市白膜 + 模型拆分 + 模型导出]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/154531006</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/154531006</guid><author>TTianYe</author><pubDate>Fri, 07 Nov 2025 17:45:36 +0800</pubDate><description><![CDATA[Blender + blenderGIS生成城市白膜 + 模型拆分 + 模型导出]]></description><category></category></item><item><title><![CDATA[ThreeJS曲线动画：打造炫酷3D路径运动]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/153740375</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/153740375</guid><author>TTianYe</author><pubDate>Wed, 22 Oct 2025 17:56:05 +0800</pubDate><description><![CDATA[本文详细解析了ThreeJS中路径创建与动画实现的核心技术点。首先介绍了CatmullRom曲线定义方法，包括路径点标记和线条可视化实现；其次阐述了动画控制机制，包括时间归一化、沿路径移动和朝向调整。此外还介绍了其他常用曲线类型：LineCurve直线、二次/三次贝塞尔曲线及其参数设置。这些技术共同实现了平滑的路径定义和精确的物体运动控制，为ThreeJS中的路径动画提供了完整的解决方案。]]></description><category></category></item><item><title><![CDATA[Three.js 3D模型动画实现原理归纳（模型自带动画）]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/152046719</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/152046719</guid><author>TTianYe</author><pubDate>Wed, 24 Sep 2025 17:46:25 +0800</pubDate><description><![CDATA[Three.js模型动画实现概述 Three.js通过动画混合器(AnimationMixer)实现3D模型动画，基于骨骼动画和关键帧原理。核心流程包括：加载模型时创建动画混合器实例，从GLTF文件中提取动画片段(AnimationClips)，在渲染循环中通过mixer.update()推进动画时间。关键技术点包含动画数据流转路径（从模型文件到屏幕渲染）、时间步进机制（固定0.005步长）以及与渲染循环的集成。完整实现涉及模型加载、动画初始化、动作创建和循环更新等步骤，示例代码展示了如何通过GLTFLoa]]></description><category></category></item><item><title><![CDATA[threeJS 实现开花的效果]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/151177521</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/151177521</guid><author>TTianYe</author><pubDate>Fri, 05 Sep 2025 13:34:42 +0800</pubDate><description><![CDATA[本文介绍了使用Three.js实现3D开花效果的核心技术方案。主要内容包括：1) 利用Morph Target（形变目标）实现模型顶点平滑变形，通过morphAttributes和morphTargetInfluences属性控制顶点状态变化；2) 使用GLTFLoader加载多阶段模型，并通过并行加载优化性能；3) 结合GSAP动画库创建自然过渡的开花动画；4) 提供了材质处理、动画优化等实用技巧。文章还包含常见问题解决方案和完整代码结构参考，适合需要实现3D变形效果的开发者学习参考。]]></description><category></category></item><item><title><![CDATA[ThreeJs案例：转盘]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/151114576</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/151114576</guid><author>TTianYe</author><pubDate>Tue, 02 Sep 2025 15:30:15 +0800</pubDate><description><![CDATA[3D科技转盘实现方案 本文展示了一个基于Three.js的3D科技转盘实现方案，主要包含以下技术要点： 核心组件： 地球模型：使用球体几何体和自定义着色器材质实现 云层效果：通过半透明球体和动态纹理创建 环形装饰：采用RingGeometry实现发光圆环 交互特性： 支持OrbitControls控制视角 实现12个图标均匀分布在圆环外围 每个图标配有文字说明 技术实现： 使用Vue3+Three.js组合开发 自定义着色器处理纹理贴图 CanvasTexture动态生成文字内容 该方案适合用于科技感展示界]]></description><category></category></item><item><title><![CDATA[无需服务器，免费、快捷的一键部署前端 vue React代码--PinMe]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/151112683</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/151112683</guid><author>TTianYe</author><pubDate>Tue, 02 Sep 2025 15:24:40 +0800</pubDate><description><![CDATA[PinMe是一款前端一键部署神器，30秒即可上线Vue/React项目，解决传统部署需要购买服务器、配置域名/SSL/Nginx等繁琐问题。相比内网穿透工具更稳定，避免断电断网风险。只需打包项目后上传dist文件夹，即可完成部署，操作简单高效。]]></description><category></category></item><item><title><![CDATA[MCP-Blender插件的安装和使用]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/149800871</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/149800871</guid><author>TTianYe</author><pubDate>Thu, 31 Jul 2025 15:59:47 +0800</pubDate><description><![CDATA[本文详细介绍了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脚本的基本使用方法。]]></description><category></category></item><item><title><![CDATA[发现一个边玩边学编程的游戏：CodeCombat]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/149352741</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/149352741</guid><author>TTianYe</author><pubDate>Tue, 15 Jul 2025 14:02:08 +0800</pubDate><description><![CDATA[《CodeCombat》是一款支持多语言的编程学习游戏平台，通过游戏化方式教授编程。该平台提供多种编程语言的学习路径，适合不同水平的用户。其网址为https://codecombat.cn/play#，用户可在游戏中实践编程技能，寓教于乐。]]></description><category></category></item><item><title><![CDATA[3D人物建模与WebGL渲染实战]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/148872526</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/148872526</guid><author>TTianYe</author><pubDate>Tue, 24 Jun 2025 16:54:56 +0800</pubDate><description><![CDATA[本文介绍了如何从照片创建3D人物模型并使用Three.js渲染的技术流程。首先通过Ready Player Me在线工具生成GLB格式的3D模型，然后使用Three.js的WebGLRenderer构建3D场景。关键实现包括：设置环境光/平行光/点光源、加载GLTF模型、调整材质属性（粗糙度/金属度）、添加轨道控制器实现交互旋转。代码展示了完整的Vue组件实现方案，包含响应式窗口适配和模型加载后的相机视角自动调整。该方案适用于网页端3D人物展示需求，提供可视化编辑和交互查看功能。]]></description><category></category></item><item><title><![CDATA[threejs 实现720°全景图，；两种方式：环境贴图、CSS3DRenderer渲染]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/148762353</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/148762353</guid><author>TTianYe</author><pubDate>Thu, 19 Jun 2025 14:07:56 +0800</pubDate><description><![CDATA[本文介绍了一种基于CSS3DRenderer的720°全景图实现方案，通过六张图片拼接而成。该方案利用Three.js的CSS3DRenderer将HTML元素作为纹理映射到3D场景中，实现2D与3D的无缝结合。关键技术包括：初始化3D场景和相机、创建六个面覆盖全景图、鼠标/触摸交互控制视角、动画渲染及响应式设计。相比无人机拍摄方案，这种方法更经济实惠，适用于Web端展示。代码提供了完整的交互逻辑，包括视角平滑过渡、触摸屏适配和窗口大小自适应等功能。
]]></description><category></category></item><item><title><![CDATA[组件总结----vue2 的--有空再归纳，具体查看gitee]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/148759673</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/148759673</guid><author>TTianYe</author><pubDate>Thu, 19 Jun 2025 10:27:01 +0800</pubDate><description><![CDATA[本文展示了多个Vue组件实现案例，包括：element-table递归合并表格、wangEditor富文本编辑器（V5.0以下版本）、百度地图集成、视频播放器、轮播组件以及多种Echarts图表应用。特别说明wangEditor版本选择原因（兼容IE且不使用TS），并提示表格样式需特别处理。所有案例代码已开源，后续将持续更新。项目地址：https://gitee.com/taotianye/summary-of-vue-components
]]></description><category></category></item><item><title><![CDATA[monorepo工程化创建---入门案例（从0开始）]]></title><link>https://blog.youkuaiyun.com/TTianYe/article/details/148690316</link><guid>https://blog.youkuaiyun.com/TTianYe/article/details/148690316</guid><author>TTianYe</author><pubDate>Mon, 16 Jun 2025 17:48:59 +0800</pubDate><description><![CDATA[摘要：本文介绍了使用pnpm构建Monorepo项目的基本步骤。首先通过npm全局安装pnpm，创建项目目录并初始化。关键步骤包括配置pnpm-workspace.yaml定义工作区，在packages下创建多个子项目，并为每个项目编写独立package.json。重点演示了如何为特定子项目安装依赖（如lodash、dayjs），以及子项目间的相互引用（使用workspace:*协议）。整个流程展示了Monorepo架构的模块化管理优势，包括代码隔离、独立配置和依赖复用特性。
]]></description><category></category></item></channel></rss>