ref 属性是 Vue2 和 Vue3 中都有的，但是使用方式却不大一样，这也导致了很多从 Vue2 转到 Vue3 的小伙伴感到有些困惑，在此将Vue3中dom操作常见的几种方式进行一下总结。

Pinia 删减了复杂的概念，简化了数据流转的过程，只剩下 store、state、getters、actions 这四个核心功能。本文使用一个用户登录的案例，来学习 Pinia 的使用。

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 一、前言 入职的第一个需求是跟着一位前端大佬一起完成的一个活动项目。 由于是一起开发，当然不

星级展示应该是个挺常见的需求，刚好项目中有碰到。所以分享一下实现的过程，方便以后复用 一、需求分析 先看个常见的星级展示 UI ​ ​ 分析组件需要的参数 ​ 属性 ** 含义** 默认值 类型 va

前言 大文件快速上传的方案，相信你也有过了解，其实无非就是将 文件变小，也就是通过 压缩文件资源 或者 文件资源分块 后再上传。 本文只介绍资源分块上传的方式，并且会通过 前端（vue3 + vite

问题描述 产品说，出于安全考虑，用户长时间不操作，就回到登录页面，让用户重新登录，就像银行的app一样。本文就记录一下实现这种效果的两种方式，分别是前端控制和后端控制，各有细节及适用使用场景 前端控制

当选中block后 mousedown事件，在dragState中记住初始位置，计算出选中block与所有未选中block，左右、上下对齐的各种情况的坐标位置，并进行缓存。 1. 数据准备 3. 新建一个属性面板组件 visual-editor-operator.tsx在vis…

第一种写法：执行webpack指令之后，我们会发现webpack自动构建输出了一个JS文件(即build/built.js文件)，又因为我们使用了插件new HtmlWebpackPlugin()，这个插件会自动帮我们生成了build/index.html并自动帮我们引入了打包…

单元测试允许你将独立单元的代码进行隔离测试，其目的是为开发者提供对代码的信心。通过编写细致且有意义的测试，你能够有信心在构建新特性或重构已有代码的同时，保持应用的功能和稳定。 环境搭建好之后，就可以愉快的做vue单元测试了；这里会通过一个TodoList应用来简单介绍一下怎么在…