the__wind__rises-CSDN博客

原创前端增量回收的工作原理，这和垃圾清除机制有啥关系

前端里的本质就是垃圾回收的一种执行方式，他不是新的机制，而是让垃圾清除分多次、慢慢做，避免卡死页面。

2026-02-02 16:05:23 317

原创 SQL高级教程

摘要：本文介绍了SQL中常用的查询操作和数据库管理语句。主要内容包括：1）LIKE运算符及通配符%和_的使用方法；2）IN和BETWEEN运算符的用法；3）四种JOIN连接方式；4）表的复制操作；5）数据库和表的创建修改语句；6）AUTO_INCREMENT自增字段的设置；7）视图的创建、更新和删除。这些语句涵盖了数据查询、表操作和数据库管理等常见SQL操作，适用于数据库开发和数据查询场景。

2026-01-31 14:58:28 440

SQL是关系数据库的标准查询语言，用于操作MySQL、Oracle等数据库系统。学习SQL建议使用免费工具DBeaver，便于可视化操作。基础查询包括SELECT语句（查询字段、设置别名、分页LIMIT、排序ORDER BY、去重DISTINCT）和WHERE条件筛选（AND/OR/NOT、NULL判断）。数据操作包含INSERT插入（指定列或全列插入）、UPDATE更新（注意WHERE条件避免全表更新）和DELETE删除。掌握这些基础语句是数据库操作的关键。

2026-01-30 17:27:43 196

原创 next学习

创建动态路由的时候，不要按照中文文档，因为/posts/[id].tsx会访问不到，导致404。应该使用/posts/[id]/page.tsx的形式。

2026-01-27 15:00:07 988

原创 threejs：从射线开始到模型拾取

本文介绍了Three.js中射线(Ray)和射线投射器(Raycaster)的基本概念与应用。射线由起点和方向定义，可通过intersectTriangle()方法计算与三角形的交点。Raycaster类提供了intersectObjects()和intersectObject()方法，用于检测射线与多个或单个模型的交叉情况。重点讲解了如何通过鼠标点击实现模型交互：1)将屏幕坐标转换为标准设备坐标；2)使用setFromCamera()创建射线；3)进行交叉检测。文中还解决了因光照导致只有部分面可见的问题，

2026-01-22 18:26:23 504

原创巩固前面学习的threejs

本文介绍了使用Three.js创建3D时钟的过程。通过CircleGeometry构建表盘和边框，使用圆周率计算数字刻度位置，其中Math.PI/2用于调整12点方向。指针部分采用分组结构，包含时针（黑色）、分针（蓝色）和秒针（绿色），使用BoxGeometry和ConeGeometry实现立体效果。最后通过获取当前时间计算指针旋转角度，其中时针每小时30度、分针每分钟6度、秒针每秒6度，并取负值实现顺时针旋转。整个时钟采用模块化设计，分层处理表盘、刻度和指针，最终呈现出一个立体动态的3D时钟效果。

2026-01-19 17:11:45 285

原创继续梳理vue3_three

本文介绍了Three.js几何体和材质工厂的实现，包括立方体、球体、圆柱体等基础几何体创建，以及标准、Phong等材质类型的配置。重点解析了火箭模型的层级关系设计：通过添加rocketOrbit轨道组实现火箭绕行星公转，而rocketGroup控制火箭自转，解决了直接添加导致的同步旋转问题。文章还讨论了动画系统的优化思路，建议将动画逻辑集中到RotationSystem中处理。

2026-01-18 21:19:39 381

原创一个简单的vue3+threejs的工程化模版

本文提出了一种将Three.js与Vue框架解耦的模块化架构方案。通过将Three.js核心功能拆分为独立模块（场景渲染、相机、渲染器、动画等），实现与Vue的关注点分离。该方案具有以下优势：1）架构清晰，职责明确；2）避免Vue响应式系统对3D渲染的性能影响；3）提高代码复用性和可维护性；4）支持团队并行开发。文中详细展示了模块划分方式，包括Experience核心类、Camera/Renderer组件、Time动画管理，以及Geometry实体工厂模式实现。最后通过SolarWorld示例演示了模块组装

2026-01-17 10:08:02 818

原创今天的threejs从问题开始，基础

Three.js初学者常见问题解析：坐标轴、光源和对象管理世界坐标轴问题： Three.js使用右手坐标系（红X、绿Y、蓝Z）坐标轴助手(AxesHelper)可直观显示坐标系世界坐标固定不变，视角变化由相机位置决定光源方向可视化方法：使用DirectionalLightHelper显示平行光方向通过ArrowHelper创建方向箭头自定义Line对象绘制光线路径光源target注意事项： DirectionalLight的方向由target.worldPosition决定 target必须

2026-01-15 16:29:09 643

原创 THREEJS基础

摘要：THREE.js是基于WebGL的JavaScript 3D图形库，简化了WebGL开发流程。其核心组件包括：场景(Scene)作为3D对象容器，相机(Camera)定义视角，渲染器(Renderer)负责绘制，几何体(Geometry)定义形状，材质(Material)控制外观，网格(Mesh)组合几何体和材质，光源(Light)提供照明。示例代码展示了如何创建渐变色的3D球体群，添加动态旋转效果和交互控制。THREE.js采用层次结构组织元素，适合开发Web端3D交互应用。

2026-01-14 21:38:26 225

thewindrises的博客