NodeJS在2009年诞⽣，NodeJS 是⼀个开源与跨平台的 JavaScript 运⾏环境， 也叫Node.js或者Node。所谓“运⾏环境”有两层意思：⾸先，JavaScript语⾔通过Node在服务器运⾏，在这个意义上，Node有点像 JavaScript虚拟机；其次，Node提供⼤量⼯具库，使得 JavaScript语⾔与操作系统互动(⽐如读写⽂ 件、新建⼦进程)，在这个意义上，Nod

我们希望一个变量是经过某种计算然后输出而不是直接输出的时候可以使用到计算属性，计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。而每次调用函数都会导致函数的重新执行。计算属性就是拿着Vue实例已有的属性计算或处理完后返回的一个全新的所以计算属性是一个属性，我们可以在插值语法中直接使用。

默认情况下，当组件在切换的时候都会重新创建组件，但是有些时候我们希望组件实例能够被在它们第一次被创建的时候缓存下来。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。在混入时，methods会合并成为一个对象，如果对象的键名发生冲突，则保留组件对象的键值对。不建议使用全局注册混入对象，一旦使用全局混入，它将会影响以后创建的每一个vue实例。同名的钩子函数会被合并为一个数组，

例如 : 有一个user组件，对于所有id不同的用户，都要使用这个组件来渲染，那么可以在vue-router的路由路径中使用动态路径参数来达到这个效果。使用$router.push()跳转到指定路由，会向history栈添加一个新的记录，当用户点击浏览器回退按钮的时候，可以回到跳转前的url。使用name与params结合的方式传递的参数时，参数是携带在$route中的，且传递的参数是一次性的，刷

我们可以定义一个对象，然后为这个对象设置访问器属性（本身还未在对象中定义），当对象属性被修改时触发set函数，通过这个函数可以进行数据的操作，比如数据的判断赋值等一系列操作，从而实现数据的双向绑定。vue是数据驱动框架，当数据发生改变的时候，视图自动更新。4、由于对象属性值被修改从而触发set函数，然后我们在set函数中把用户输入的值赋值给input输入框下面的div，就可以实现双向数据绑定了。我

监听ref或者reactive定义的对象类型数据中的某个属性时，如果该属性值不是对象类型，需要写成函数的形式，如果是对象类型，可以直接写，也可以写成函数的形式。监视ref定义的对象类型数据，监视的是对象的地址值，若想监视对象内部属性的变化，需要手动开启深度监视。② watch要明确指出监视的数据，watchEffect不用明确指定监视的数据，用到哪些属性，就监视哪些属性。它需要返回一个值，返回的值

CAD标注线在工程和制造领域中被广泛用于标记零部件、装配体和机械系统的尺寸、距离、角度等信息。它们帮助工程师和设计师更好地理解设计要求，并确保制造的准确性。在三维场景中添加标注线使得设计更加直观。人们可以在一个真实的三维环境中看到物体的形状、大小和相互关系，相比于传统的二维图纸，更容易理解和把握设计意图。下面是一个简单的效果图：要创建上图所示的标注线，我们可以把标注线拆分成三个部分：箭头线、箭头两

Layers 对象为Object3D对象分配了1-32个图层，编号为0-31。在内部实现上，每个图层对象被存储为一个bit mask，默认所有 Object3D 对象都存储在第 0 个图层上。图层对象可以用于控制对象的显示，和相机处于同一个图层的物体才可以被显示出来。每个继承自 Object3D 的对象都有一个 Object3D.layers 对象。Mesh、Camera、Group等都继承自基类

在Three.js中精灵Sprite是一个总是面朝摄像机的平面，它通常和纹理贴图结合使用，贴图可以是一张图片，也可以是我们使用canvas绘制出来的任何东西。所以我们可以先使用canvas绘制文字，然后将它作为纹理贴图贴到精灵平面上，就可以创建面朝相机的文本标注了。

在Three.js中，要使画布能够自适应窗口大小的变化，需要在窗口大小变化时更新相关的渲染器、摄像机等参数。①②更新摄像机的宽高比，以确保画面不会变形。③通过更新摄像机的投影矩阵，确保透视投影的正确显示。④更新渲染器的大小，使其与新的窗口大小相匹配。⑤设置渲染器的像素比，以适应高分辨率屏幕，提高渲染效果。