草下雨田

方向光 DirectionalLight 具有特定方向；能产生阴影；不能在物体里面；强度、颜色、位置、目标都能影响渲染效果；阴影相机是正交相机。 半球光 HemisphereLight 可将天空+地面

网帽材质 MeshMatcapMaterial 深度网格材质 MeshDepthMaterial 网格材质 MeshPhongMaterial 卡通风格材质 MeshToonMaterial 法线材质

加载纹理 请注意three.js r84遗弃了TextureLoader进度事件。对于支持进度事件的TextureLoader ， 请参考this thread。 不是纹理图片尺寸越大越好，必要时对图

PlaneGeometry平面 PlaneGeometry对象是由BufferGeometry对象封装的：https://three.3dbooks.top/docs/#api/zh/core/Buf

正交与透视相机的区别 箭头朝向表示，例如，人拿着相机是站着拍摄、侧着拍摄、躺着拍摄； 可通过透视相机去观察，正交相机与物体之间的情况： dat.gui库调试 相机视锥辅助对象 是否包含在视锥内 可通过

Mesh网格对象 网格由几何体+材质组成，形成可视化3D物体，是Three.js中最基础的可视化对象。 网格中，最基本的构建是三角形，三角形是最简单的多边形，少于3个顶点就不能成为一个表面； 三角形必

z-index不生效 原因 只对定位元素生效，position属性 父元素的z-index层级更高 使用自定义指令绑定dom元素 因为vue自定义指令的生命周期与vue的生命周期相同，能稳定的获取到绑

微前端：将不同功能按照不同的维度拆分成多个子应用，通过主应用来加载这些子应用。重点在于拆分，之后是合并。 微前端解决的问题： 不同团队（技术栈不同）同时开发一个应用 每个团队开发的模块都可以独立开发，

复杂组件用 jsx 编写更为便捷、灵活，template 编写会复杂化。 场景：父组件props -> 子组件，经由 computed() 计算属性 动态获取结果值。 结果：不使用 reactive(