3k 字 3 分钟

作为一个3D的项目，从用户打开页面到最终模型的渲染需要经过多个流程，加载的时间也会比普通的H5项目要更长一些，从而造成大量的用户流失。为了提升首屏加载的转化率，需要尽可能的降低loading的时间。这里就分享一些我们在模型加载优化方面的心得。

一、前言

近段时间，我们使用three.js完成了vivo拟我形象的开发工作，大家可以在vivo账号中拟制属于自己的3D形象，也可以保存作为自己的头像名片。

作为一个3D的项目，从用户打开页面到最终模型的渲染需要经过多个流程，加载的时间也会比普通的H5项目要更长一些。然而过长的等待时间会造成大量的用户流失，这部分用户没有体验到具体的功能就退出了页面非常的遗憾，为了提升首屏加载的转化率，需要尽可能的降低loading的时间。这里就分享一些我们在模型加载优化方面的心得。

3.4k 字 3 分钟

视觉算法开发新利器：低代码工具箱全解析，简化开发流程，新增高级视频分析功能！

在计算机视觉算法开发过程中，你是否需要从硬盘加载数据集、在图像或视频上绘制分类检测结果、选择视频中的特定区域进行分析，或者统计一个区域内目标的流量分析。如果有上述需求，那么文中这款计算机视觉工具箱绝对可以帮你事半功倍！

视频指定区域车流量计数

动图封面

视频指定区域分析

动图封面

6.9k 字 6 分钟

ref 和 reactive 是 Vue3 中实现响应式数据的核心 API

  • ref 用于包装基本数据类型
  • reactive 用于处理对象和数组。

尽管 reactive 似乎更适合处理对象，但 Vue3 官方文档更推荐使用 ref

下面我们从源码的角度详细讨论这两个 API，以及 Vue3 为什么推荐使用ref而不是reactive？

1.3k 字 1 分钟

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

前言

经常的，我们在日常工作中，会使用第三方UI组件库，比如：element-ui、vant-ui、iview、ant-design等等。不管是为了业务考虑还是单纯的为了提高效率，我们会把一些经常用到的组件抽离、封装成公共组件，这样方便我们在不同的地方使用这个组件，减少重复代码的编写。

我们把对于第三方组件库的封装称为组件的二次封装，那么这带来有个思考，当我们在二次封装时，我们在封装什么？

12k 字 11 分钟

日常工作中，使用vue进行项目开发居多，因此把一些vue项目常见问题进行总结，在此记录，避免以后开发中做过多的重复工作。 而掌握一些有用的技巧，使用一些更高级的技术点，也能让我们成为更好的 Vue 开发者 Watch immediate当 watch 一个变量的时候，初始化时并不会执行，如下面的例子，你需要在created的时候手动调用一次。 // bad created() { this.getsearchText(); }, watch: { searchText:...
11k 字 10 分钟

vue3相比vue2对ts拥有更友好的支持，当初在用vue2写ts时各种装饰器，现在只要使用<script setup lang="ts"></script>标签就可以直接使用ts。

4.1k 字 4 分钟

前言

谈到 Vite，给人的第一印象就是 dev server 启动速度快。同样规模的项目，相比 Webpack 动辄十几秒甚至几十秒的的启动速度，Vite 简直是快到没朋友，往往数秒之内即可完成启动(PS: 都没有时间去喝一杯 ☕️ 啦)。

正好小编最近在做一些关于开发体验的性能优化，就想着把手上一些项目的开发模式更新为 Vite。经过一番操作，终于改造成功，而效果也不负众望，项目启动速度由原来的 25 s 如坐 🚀一般跃升为 2 s，简直夸张。虽然也出现了一些诸如首屏、懒加载性能下降等负面效果，但整体来说依然利大于弊，开发幸福感提升非常明显。

接下来小编就通过本文给大家分析一下，具体聊一聊 Vite 的快和慢。