mataodehtml的博客

本节主要学习的是球面缓冲几何体的贴图部分，这里有环境贴图以及背景贴图，这样可以有一种身临其境的效果！这里环境贴图用的是一个.hdr的文件，可以在网上随便下载一些使用，我在这里的例子里面使用的hdr文件已经免费上传到资源中，可以在文章上方直接下载！接下来就是加载hdr文件并设置贴图模式和场景的背景贴图为加载器参数的纹理，以及场景的环境贴图为加载器参数的纹理，这里接可以在页面看到效果了！接下来我们循环创建球缓冲几何体对象，并设置球缓冲几何体的材质，这里我们主要设置材质的金属材质。现在只是一个菜鸟，不喜勿喷！

这是一个非常简单基础的threejs的学习应用！本节主要学习的是球面缓冲几何体在环境光合直线光源下的效果，可以学习到环境光和直线光源的生成效果等功能！接下来我们循环创建球缓冲几何体对象，并设置球缓冲几何体的材质，这里我们主要设置材质的金属材质。最后我们添加坐标轴辅助器，并加入场景中！现在只是一个菜鸟，不喜勿喷！然后我们编写的Threejs代码都在main.js中编写！接下来我们把环境光和直线光都加上就能显著的看到效果了！接下来我们把环境光去掉，加入直线光源试试！对象设置直线光源，并设置直线光源的位置为。

这是一个非常简单基础的threejs的学习应用！本节主要介绍的是随机，随机位置以及随机颜色，我们使用的物体是三角形，通过一个三角形三个顶点每一个顶点通过xyz坐标来确定，则一个三角形为9个坐标！最后我们添加坐标轴辅助器，并加入场景中！以及我们的控制器可以使得鼠标能够转动场景内容！目前还在学习threejs，有写错误的地方请指出！中存9个值，取坐标的时候定义每三个值为一个坐标即可！然后我们编写的Threejs代码都在main.js中编写！接下来我们循环创建物体对象，这里创建50个对象，对象坐标。

这是一个非常简单基础的threejs的学习应用！在上一章学习threesj中我们实现立方体在坐标轴中来回移动，那都是通过我们的代码写死的效果，然后立方体的颜色都是通过代码写死的，这一章我们来给大家使用。目前还在学习threejs，有写错误的地方请指出！我们还是使用上一章用的代码，稍微的改动一些，创建一个没有动的立方体效果。工具实现页面主动控制立方体颜色位置以及其他属性的控制效果！这里我们首先设置立方体沿着x轴移动的功能。添加点击事件，加入立方体来回移动的事件。然后设置立方体物体的颜色。

立方体添加一些材质，将立方体放入场景中，最后加入渲染器，并创建坐标轴辅助器（这样可以清楚看到坐标轴以及立方体位置）！目前还在学习threejs，有写错误的地方请指出！现在只是一个菜鸟，不喜勿喷！使用vue创建项目，然后实现以上功能需要安装一些插件：threejs、gsap。这是一个非常简单基础的threejs的学习应用！每一帧都需要看到效果，需要监听屏幕刷新率并每一帧都改变动画。然后我们编写的Threejs代码都在main.js中编写。，实现来回移动就需要设置动画效果，使用。，然后创建爱你一个透视相机。

vue3的基本使用(超详细)记录一下 防止忘记。

div不换行div不换行div不换行。2.用nowrap元素。第二个div不要换行。

宏任务：macrotask（又称之为宏任务），可以理解是每次执行栈执行的代码就是一个宏任务（包括每次从事件队列中获取一个事件回调并放到执行栈中执行）。浏览器为了能够使得 JS 内部 macrotask 与 DOM 任务能够有序的执行，会在一个 macrotask 执行结束后，在下一个 macrotask 执行开始前，对页面进行重新渲染。其中数字代表线程执行遇到的顺序，主线程第一次执行结束后，再次执行微任务队列中的任务，最后执行的是宏任务队列中的任务。下面再通过一个例子去更深次理解宏任务和微任务。

最近部门做了一个前后端分离项目（公司前后端不分），苦逼的我就被分到了前端。然后就是无休止的开会定开发分案，前后端框架等等。 二周后，项目讨论架构完成，后端使用springboot，前端使用vue加ant-design-pro(第一次听说)，交接使用swagger，当然，对于我来说，vue和ant我都是不会的，所以开始学习阶段，学习二周后开始开发项目。 ...