折叠面板大家都不陌生，很多时候需要实现一些复杂的交互，就会用到它，简洁直观还美观，通常我们直接用第三方组件库就行了，不过只会用还不行，还要会写才行，下面我们一起手写一个折叠面板组件。

哈喽，我是JLong😄，日常开发中，我们常常会遇到文本省略场景，当前没看到比较适用的工具支持单行或者多行文本省略的同时，提示框自适应（自行感知文本是否省略决定显隐），该文可直接食用

在CSS实现多行文本溢出省略显示的基础上，通过增加Tooltip来优化展示逻辑。核心是通过先无限制渲染一次之后，再判断是否进行裁剪。

在JavaScript中，Map、Set、WeakMap和WeakSet是四个不同的数据结构，它们都有不同的特点和用途： Map：Map是一种键值对的集合，其中的键和值可以是任意类型的。与对象类似，它

先创建stores文件夹，内部创建index.js文件和各分类文件 main.js文件内部 stores文件夹内index.js文件内部 stores文件夹内分类仓库文件内部(counter.js文件

概述 Pinia 是一个轻量级、响应式的状态管理库，用于 Vue.js 应用程序中。基于 Vue3 的状态管理，它的设计理念是简单、轻量和可扩展。

获取 this Vue2 中每个组件里使用 this 都指向当前组件实例，this 上还包含了全局挂载的东西、路由、状态管理等啥啥都有 而 Vue3 组合式 API 中没有 this，如果想要类似的用

22年7月入职了现在的公司。记录一下在公司做的前端代码优化，如果你也遇到了同样的问题，希望可以帮助到你,或者可以在评论区进行交流。

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n