书架

作为一个3D的项目，从用户打开页面到最终模型的渲染需要经过多个流程，加载的时间也会比普通的H5项目要更长一些，从而造成大量的用户流失。为了提升首屏加载的转化率，需要尽可能的降低loading的时间。这里就分享一些我们在模型加载优化方面的心得。 # 一、前言 近段时间，我们使用three.js完成了vivo拟我形象的开发工作，大家可以在vivo账号中拟制属于自己的3D形象，也可以保存作为自己的头像名片。 作为一个3D的项目，从用户打开页面到最终模型的渲染需要经过多个流程，加载的时间也会比普通的H5项目要更长一些。然而过长的等待时间会造成大量的用户流失，这部分用户没有体验到具体的

## SFC 单文件组件 顾名思义，就是一个`.vue`文件只写一个组件 ### 模板写法  如果这个组件想要在别的组件里使用，就需要在另一个`.vue`中引入和使用、复用 <!--more--> ### h函数写法 使用 `defineComponent + h` 去进行组件编写 ![图片](http://www.lixianglong.c

`inheritAttrs: false` 是 Vue 2.4.0+ 引入的组件选项，用于控制是否从父组件继承属性到子组件的根元素上。当设置为 `true` 时（默认行为），父组件中的非 `prop` 属性会被应用到子组件的根元素上。当设置为 `false` 时，这些属性不会被应用到子组件的根元素上。 例如，如果你有以下父组件： ```xml <template> <div> <child-component class="parent-class" id="parent-id" /> </div> </template> <script> im