澶渊

⚡️本文详细讲解了如何使用Electron+Vite2+Ts搭建一套Vue3桌面应用开发框架，包括初始化项目、搭建`Vite2+Vue3`框架、集成`Electron`、最后完成客户端打包的思路。

Vite项目集成electron Electron和Vite 在已有的vite项目中使用electron，在不影响原有项目架构的情况下添加electron使用 目录结构： 可以看到，只要在一个正常vu

工作中，刚好接手到一个需求，类似抖音出品的飞书软件中，组织架构选人的组件实现。看着似乎有些难度，但是仔细分析后，发现并不是很难，而且还跟我的另外一篇Vue: 如何实现树状收展及勾选联动功能，同样的原理

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

一路开发下来，感慨很多，作为公司第一个Electron应用，不管是在开发上，打包上，或者说在部署上，都遇到了一些挑战，在网上也没有比较详细的文档，外面做的好的也不会把详细方案分享出来……

项目从 vue2 升级到 vue3 后发现 element-plus table 的性能相比 vue2 版本下降非常严重，很卡，经过性能分析比对，找到了 3 个比较核心的优化点，减少了85%渲染耗时。

是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。

任何新技术、新产品都是有一定适用场景的，它可能在当下很流行，但它不一定在任何时候都是最优解。在被微前端坑了几次之后，回过头发现，iframe真香！

公司里后台系统用的 Element UI，有百来个表格（el-table），历史遗留原因都是直接使用 el-table 的。突然有一天，产品说表格要可以自定义列，让用户控制列的显隐、固定和排序，最好还