1.管理后台需求分析 1.1 登录页面 1.2 权限控制 1.3 图书管理 2.管理后台项目架构设计 域名：阿里云租用域名 服务器：租用阿里云服务器 Web服务：Nginx 2.1技术选型2.2 前端 框架：vue-ven-admin 核心库： Vue3全家桶（Vue+vue+router4+pinia）、Vite、ant-design-vue、windicss 2.3 后端 框架：NestJ

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick

1.问题引入考虑一个兼容浏览器事件添加的代码段 123456789function addEvent(ele, eventName, handler){ if(ele.addEventListener){ ele.addEventListener(eventName, handler) }else if(ele.attachEvent)

1.准备工作创建一个星系工厂函数 1234567/*Galaxy generate */const generateGalxy = () => { console.log("generate the galaxy")} 创建一个 parameter 对象，将会包含星系所有的参数 123const parameter = {}

1.创建粒子创建粒子就像创建一个 Mesh ，需要有 geometry(BufferGeometry)、material(PointsMaterial) 和 Points 实例(而不是一个 Mesh 实例) 我们先创建一个 sphereBufferGeometry 和 PointsMaterial， geometry的每个坐标都会变成一个粒子 12345678const particlesGeom

在本节中，我们要造一个鬼屋。用Three.js的基本几何体。并以米作为基本单位 我们先建造基本场景：一个地板、一个球体、一些灯光、不必有阴影、一个Dat.GUI面板。点击下载初始包 然后我们把球体移除 1.创建房子 建立房子我们先创建一个Group12const house = new THREE.Group()scene.add(house) 2. 然后创建墙123456const w

在添加光源后我们就可以看到物体上的明暗变化了，这个阴影实际叫做 core shadows，但是我们还没有投射到其他物体上的 drop shadow，本章将讲解如何获得 drop shadows 光线追踪实际是个很耗费资源的计算，开发者需要用一些小技巧来增强视觉体验 Three.js 中实现阴影是在每一次渲染的时候会假设每一个光源上有个“相机”来计算哪个地方应该会有阴影，最后作为阴影texture贴

增加与上个文章相同的场景 然后删除 AmbientLight 和 PointLight，当你移除灯光后会发现场景 **一片漆黑**，是因为 **MeshStandarMaterial** 需要灯光才能看见物体 1.AmbientLightAmbientLight 应用了 Omni-directional lighting 效果，照来的灯光，所有面光照效果相同。没有阴影明暗灰度灯光反射变化

1.decorator简介 要启用对装饰器的实验性支持，您必须在命令行或 tsconfig.json 中启用 experimentalDecorators 编译器选项 typescript的decorator一共有五种可被我们使用: Class Decorators Method Decorators Accessor Decorators(访问器装饰器) Property Decorator

在这本节中，我们将实现 ilithya的3D文本特效。如下图所示 1.字体加载我们首先使用 TextBufferGeometry 在场景中创建一个3D文本。要设定字体需要使用typeface将字体转换为指定格式。或者使用 Three.js 提供的字体。 1import typefaceFont from 'three/example/fonts/helvetiker_regula