娜的博客

原创 14.着色器

GLSL 代表 openGL Shading Language，它是着色器程序的特定标准，您将在接下来的章节中看到。根据硬件和操作系统，还有其他类型的着色器。在这里，我们将使用由Khronos Group监管的 openGL 规范。

原创 1.10 Three.js 指数雾与线性雾详解

本文详细介绍了Three.js中的两种雾效实现方式。线性雾(THREE.Fog)通过设置起始和结束距离使雾浓度线性增加，效果均匀可预测；指数雾(THREE.FogExp2)通过密度参数使雾浓度呈指数增长，效果更自然。文档涵盖了两种雾效的创建方法、参数说明、实际应用示例和调试技巧，并对比了它们的特点与适用场景。同时强调了性能优化、参数调整等注意事项，为开发者提供了在3D场景中使用雾效的完整指导。

原创 1.10 Three.js 指数雾与线性雾详解

本文详细介绍了Three.js中的两种雾效实现方式。线性雾(THREE.Fog)通过设置起始和结束距离使雾浓度线性增加，效果均匀可预测；指数雾(THREE.FogExp2)通过密度参数使雾浓度呈指数增长，效果更自然。文档涵盖了两种雾效的创建方法、参数说明、实际应用示例和调试技巧，并对比了它们的特点与适用场景。同时强调了性能优化、参数调整等注意事项，为开发者提供了在3D场景中使用雾效的完整指导。

原创 1.9 Three.js 纹理颜色空间详解

本文介绍了Three.js中纹理颜色空间的使用方法，涵盖三种主要颜色空间类型（sRGB、线性sRGB和无颜色空间）及其特点。详细说明了如何设置和切换颜色空间，包括纹理加载时设置和动态切换。文章还讨论了颜色空间自动/手动转换、性能考虑、最佳实践以及调试技巧，并列举了常见问题。正确使用颜色空间对3D渲染的色彩准确性至关重要，开发者应根据具体场景需求合理选择，同时注意性能优化和兼容性问题。

原创 1.9 Three.js 纹理颜色空间详解

本文介绍了Three.js中纹理颜色空间的使用方法，涵盖三种主要颜色空间类型（sRGB、线性sRGB和无颜色空间）及其特点。详细说明了如何设置和切换颜色空间，包括纹理加载时设置和动态切换。文章还讨论了颜色空间自动/手动转换、性能考虑、最佳实践以及调试技巧，并列举了常见问题。正确使用颜色空间对3D渲染的色彩准确性至关重要，开发者应根据具体场景需求合理选择，同时注意性能优化和兼容性问题。

原创 1.6 Three.js BufferGeometry 详解

本文详细介绍了Three.js中BufferGeometry缓冲几何体的使用方法。BufferGeometry采用类型化数组存储顶点数据，相比传统Geometry具有更高性能。文章内容包括：创建BufferGeometry实例、设置顶点属性与索引、材质配置、实际应用示例代码、性能优化技巧以及注意事项。重点讲解了如何通过索引复用顶点、优化数据结构、合理选择材质等最佳实践，并提供了动态几何体和复杂几何体等进阶应用的建议。BufferGeometry是Three.js中高效渲染3D图形的核心工具，开发者应掌握其使

原创 1.8 Three.js 基础材质纹理贴图详解

本文详细介绍了Three.js中基础材质纹理贴图的使用方法，主要包括纹理加载器使用、基础纹理贴图（颜色贴图、AO贴图、高光贴图）、环境贴图（HDR）以及其他贴图类型（透明度贴图、光照贴图）的具体实现。文章通过代码示例展示了如何加载和应用各类贴图，并提供了注意事项、最佳实践和调试技巧，强调纹理贴图对于创建真实感3D场景的重要性，以及在实际开发中合理选择贴图类型、优化性能的必要性。

原创 1.8 Three.js 基础材质纹理贴图详解

本文详细介绍了Three.js中基础材质纹理贴图的使用方法，主要包括纹理加载器使用、基础纹理贴图（颜色贴图、AO贴图、高光贴图）、环境贴图（HDR）以及其他贴图类型（透明度贴图、光照贴图）的具体实现。文章通过代码示例展示了如何加载和应用各类贴图，并提供了注意事项、最佳实践和调试技巧，强调纹理贴图对于创建真实感3D场景的重要性，以及在实际开发中合理选择贴图类型、优化性能的必要性。

原创 1.7 Three.js 顶点组与材质详解

Three.js顶点组与多材质使用指南：本文详细介绍了如何在Three.js中通过顶点组(Groups)和材质数组实现几何体的多材质渲染。内容包括顶点组基础概念、创建方法、多材质设置实例（如立方体各面不同颜色），以及实际应用案例代码。文章还提供了使用注意事项、性能优化建议和常见问题解决方案，帮助开发者正确应用这些技术，同时避免常见错误，实现复杂渲染效果的同时保证应用性能。

原创 1.5 Three.js 使用 lil-gui 调试开发 3D 应用

本文介绍了在Three.js中使用lil-gui调试3D应用的完整指南。主要内容包括：1) lil-gui的安装和基本概念；2) 核心使用方法如创建GUI实例、添加控制器（数值、按钮、颜色、布尔等）和组织文件夹；3) 事件处理方式；4) 实际应用示例；5) 注意事项与最佳实践。该工具能显著提升3D开发效率，通过可视化界面实时调试场景参数。文中详细展示了代码实现，并强调性能优化和用户体验的重要性。

原创 1.4 Three.js 响应式画布与全屏控制

本文介绍了Three.js中实现响应式画布和全屏控制的两种关键功能。响应式画布通过监听窗口变化自动调整渲染器尺寸、相机宽高比和投影矩阵，确保3D场景正确显示；全屏控制利用HTML5全屏API，提供进入/退出全屏的交互按钮。文章包含具体代码实现、关键概念说明、注意事项和最佳实践，帮助开发者创建适应不同设备、优化用户体验的3D应用。

原创 1.3 Three.js 旋转与缩放操作

本文详细介绍了Three.js中物体旋转与缩放的基本操作。在旋转部分，说明了如何使用rotation属性绕XYZ轴旋转物体，包括直接设置和使用set方法，并强调了弧度制单位。缩放部分解释了如何通过scale属性调整物体大小，包括均匀和非均匀缩放。文档还提供了实际应用示例，展示了变换的组合效果和父子关系影响，并讨论了性能优化和常见问题解决策略。这些基础变换操作是创建动态3D场景的关键技术。

原创 1.2 Three.js 位移与物体父子层级的影响

本文介绍了Three.js中物体位移与父子层级关系的核心概念。主要内容包括：物体位移的基本操作（通过position属性设置位置坐标）、父子层级关系的建立方式（使用add()方法）及其影响（子物体位置相对父物体）。文档提供了代码示例演示如何创建和定位父子物体，强调了层级关系中位置变化的叠加效应，并给出最佳实践建议（合理设计层级、优化性能等）。这些知识对于构建复杂3D场景和实现物体间相对运动至关重要。

原创 1.1 Three.js 控制器和辅助坐标系

本文介绍了Three.js中轨道控制器(OrbitControls)和辅助坐标系(AxesHelper)的核心用法。OrbitControls通过鼠标/触摸操作实现场景旋转、平移和缩放，支持阻尼效果和自动旋转。AxesHelper以红(X)、绿(Y)、蓝(Z)三色标识坐标轴，辅助3D空间定位。文档详细说明了初始化设置、参数配置、动画循环实现及常见问题处理，并提供了性能优化建议和进阶应用方向。这两个基础工具是Three.js开发调试和交互实现的关键组件，掌握它们对构建3D应用至关重要。

原创 2.2 Three.js 法向量说明

Three.js法向量(Normal)是3D图形中的重要概念，它垂直于物体表面，主要应用于光照计算和面朝向确定。文档详细介绍了法向量的设置方法：既可通过手动定义每个顶点法向量值，也可使用computeVertexNormals()自动计算。法向量可视化可使用VertexNormalsHelper辅助工具。此外，还说明了法向量在光照计算、面剔除和材质效果中的应用，并提供了环境贴图的设置示例。文档强调法向量需与顶点一一对应且通常需要归一化，同时给出调试技巧和注意事项，帮助开发者正确使用法向量实现3D渲染效果。

原创 2.1Three.js UV属性设置说明

本文档详细介绍了Three.js中UV属性的设置方法。主要内容包括：基础场景创建（Scene、Camera、Renderer）、两种UV坐标设置方式（PlaneGeometry自动生成和BufferGeometry手动设置），以及UV坐标系统说明（0-1范围，U/V轴方向）。文档还涵盖了索引绘制优化、交互控制和调试技巧，强调UV坐标必须与顶点一一对应的注意事项。通过UV网格纹理和辅助工具可直观检查映射效果，帮助开发者正确实现纹理贴图。

原创 毕业论文（三）系统设计实现

主要阐述系统的整体框架，并画系统整体框架图，以及各个细分模块的设计，各模块拟实现的功能，并画流程图或时序图。以及数据库如何设计，包括数据库的概念设计（所有的表，以及xxx表包含的属性有xxxID，名称…，其中xxx为主键。画实体属性图。数据库逻辑结构（数据库表的字段如何定义的，表中存放的数据（一般用表格展示），画整体E-R图。

原创 毕业设计（四）总结致谢

概括系统优点和设计不足之处（注意缺点一定要写那种无关痛痒的，切记不要提系统某功能未实现，或存在什么bug）以及未来进一步的研究。

原创 StableDiffusion详细教程

目前市面上比较权威，并能用于工作中的AI绘画软件其实就两款。一个叫Midjourney（简称MJ），另一个叫Stable-Diffusion（简称SD）。MJ需要付费使用，而SD开源免费，但是上手难度和学习成本略大，并且非常吃电脑配置（显卡、内存）。E和Midjourney相比，Stable Diffusion 最大的优势是开源，这意味着Stable Diffusion的潜力巨大、发展飞快。

原创 StableDiffusion教程

Stable Diffusion是一种潜在扩散模型（Latent Diffusion Model），能够从文本描述中生成详细的图像。它还可以用于图像修复、图像绘制、文本到图像和图像到图像等任务。简单地说，我们只要给出想要的图片的文字描述在提Stable Diffusion就能生成符合你要求的逼真的图像！Stable Diffusion将“图像生成”过程转换为逐渐去除噪声的“扩散”过程，整个过程从随机高斯噪声开始，经过训练逐步去除噪声，直到不再有噪声，最终输出更贴近文本描述的图像。

原创 【导航积累】

AIGC导航 https://www.aigc.cn/设计导航 http://hao.shejidaren.com/优设导航 http://hao.uisdc.com/#hot。VLOG圈 https://www.vlogquan.com/UI设计师导航 http://so.uigreat.com/优波设计导航 https://www.ubuuk.com/青年帮设计导航 https://www.ubuuk.com/

原创 4，微信小程序

在项目的根目录中，鼠标右键，创建文件夹在新建的 components -> test 文件夹上，鼠标右键，点击“新建 Component键入组件的名称之后回车，会自动生成组件对应的4 个文件后缀名分别为.js，.json， .wxml 和 .wxss注意： 为了保证目录结构的清晰，建议把不同的组件，存放到单独目录中，例如数据监听器用于监听和响应任何属性和数据字段的变化从而执行特定的操作。它的作用类似于vue 中的watch 侦听器。纯数据字段指的是那些不用于界面渲染的 data 字段。

原创 3.微信小程序

页面导航指的是页面之间的相互跳转。例如，浏览器链接下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。生命周期（Life Cycle）是指一个对象从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。张三出生，表示这个人生命周期的开始张三离世，表示这个人生命周期的结束中间张三的一生，就是张三的生命周期小程序的启动，表示生命周期的开始小程序的关闭，表示生命周期的结束。

原创 2.微信小程序

tabBar是移动端应用常见的页面效果，用于实现多页面的快速切换。底部 tabBar顶部 tabBartabBar中只能配置最少 2 个、最多 5 个 tab页签当渲染顶部 tabBar 时，不显示 icon，只显示文本能够使用 WXML 模板语法渲染页面结构wx:for、wx:key能够使用 WXSS 样式美化页面结构rpx尺寸单位、@import 样式导入、全局样式和局部样式能够使用 app.json 对小程序进行全局性配置pages、windowtabBarstyle。

原创 1.微信小程序

本文包含 微信小程序初步 等内容，参考于 黑马PPT宿主环境（host environment）指的是程序运行所必须的依赖环境。Android 系统和iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的，所以，Android 是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的！

原创 【Spring Boot和Vue.js技术栈的党建工作信息管理系统的设计】

本系统是基于B/S架构的基层党建管理信息系统，采用Spring框架为核心，结合Spring MVC实现系统分层设计。系统旨在提升基层党组织工作效率，实现党建工作信息化、规范化管理。前后端完整系统 & 20000+论文& 开题报告& 中期检查。

原创 基于SpringBoot的儿童托管平台的设计

本系统是一个基于Spring Boot框架开发的在线学习资源管理平台，采用前后端分离架构，旨在为教育机构和学习者提供一个便捷、高效的学习资源管理解决方案。系统整合了课程管理、资源下载、用户积分等功能，满足了教育领域数字化转型的需求。前后端完整系统 & 20000+论文& 开题报告& 中期检查。

原创 基于Spring Boot的学习资源管理系统

本系统是一个基于Spring Boot框架开发的在线学习资源管理平台，采用前后端分离架构，旨在为教育机构和学习者提供一个便捷、高效的学习资源管理解决方案。系统整合了课程管理、资源下载、用户积分等功能，满足了教育领域数字化转型的需求。前后台完整系统 & 20000+论文& 开题报告& 中期检查。

原创 开发常用/技巧点

get 方法返回 fromData.value.status === 1，即判断 fromData.value.status 是否等于 1，并返回布尔值。Vue 模板代码定义了一个计算属性 statusComputed，用于双向绑定 fromData.value.status 的值。如果 val 为 false，则将 fromData.value.status 设置为 0。如果 val 为 true，则将 fromData.value.status 设置为 1。

原创 本地项目上传到自己的Git仓库中

此时这个项目文件夹里就会生成一个 .git 文件夹，如果你的项目文件里依然没有 .git 文件夹 ，那应该是被隐藏了，在【查看】里面勾选隐藏的项目即可显示 .git 文件夹。温馨提示：这一步需要你自己的电脑上已经安装了git，这里有一个git的安装教程可以参考一下，Git 官网下载地址：https://git-scm.com/download。现在可以去 Gitee 你的仓库，刷新一下，本地项目上传到自己的Git仓库中啦！第一步： 打开我们的项目，此时项目中是没有 .git 文件的。

原创 ssesse

原创 毕设后端文件讲解（电子产品售卖平台）

原创 Vue路由守卫

原创 毕业设计/课设/大作业-药店管理系统

现代社会，制药企业利用互联网开展有效的网络药店营销活动，寻找新的商机是一个必然的选择。网络营销具有传播范围广，速度快，不受时空限制，成本低等特点，老百姓通过网上药店买药也可以直接购买原产地的药品，减少药品运输的运费和门店服务费等，企业通过互联网营销实现宣传自己、发布信息、开拓业务，老百姓获得实惠，企业提升品牌知名度。所以我认为，通过网络购药甚至看病也许是未来的潮流，这不但可以方便人们的日常生活，也可以在一定程度上解决看病拖拉的问题。

原创 毕业设计/课设/大作业-健身房管理系统

1.项目展示1.1 登录页2.1普通用户登录2.3管理员登录

原创 Vue实现登录功能

总体来说，这段代码主要负责处理用户登录成功后的一系列操作，包括权限控制、路由跳转、消息提示和加载状态管理。方法用于获取有当前用户权限标识的路由数组，并进行对原路由的替换。方法用于设置递归过滤有权限的路由到 Pinia 的 routesList 中，并缓存多级嵌套数组处理后的一维数组。方法中创建的加载状态元素包含了一组加载动画的 HTML 结构，通过设置不同的类名和样式来展示加载效果。方法中，将创建的加载状态元素插入到页面的顶部，显示加载状态。这些方法共同实现了前端控制路由的权限管理和动态路由添加的功能。

原创 Vue 3 的 全局状态管理

【代码】封装111。

原创 新闻列表以及详情页面梳理

新闻列表页面：news.html。

原创 vue3打开弹窗逻辑梳理

4.子组件是弹窗，通过v-model绑定弹窗的显示。1.在父组件中通过ref绑定出发子组件事件的值。3. 定义+在父组件出发子组件暴露出来的事件。5.子组件定义打开弹窗的方法。

原创 nodejs

【代码】nodejs。