Vue

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

在实际开发中常常会遇到同事之间协作开发，由于编辑器代码格式化的不同以及其他代码规范问题，导致代码之间格式不统一，合并代码时常常非常痛苦，因此总结了一套非常简单的配置方式，能够快速搭建一套可用模板。

拖拽、多选拖拽的的实现。前端基于draggable进行多选拖拽的实现，通过分组设置，鱼目混珠，实现多选效果。

前言 近期公司提出了一个新需求，希望前端能够根据UI设计绘制运动报告界面，完成数据展示，包括图标展示，并且能够将HTML页面转为PDF并实现下载。基于公司需求，查询了很多资料，最后选定了三种技术方案，

主要思路 虚拟滚动列表在首屏加载时只加载可视化区域内需要显示的内容，在滚动时动态计算开始下标、结束下标，展示对应展示数据，始终保持较少的Dom数量。 主要数据字段 screenHeight 屏幕高度即

本文主要讲解使用vite快速创建脚手架，搭配vue3及ts快速生成项目，同时使用pinia做状态管理，使用vue-router4做路由管理，使用antd vue做UI组件库，使用axios进行网络请求

1、Promise.all( ).then()适用于处理多个异步任务,并且需要所有的异步任务都得到结果时的情况。 2、Generator即生成器，是ES6新特性，处理异步任务请求依赖另外一异步请求结果

1.熊猫压缩——用于图片压缩 https://tinypng.com/ 2.Datav——Vue 大屏数据展示组件库 用于大屏可视化 http://datav.jiaminghi.com 3.Exce

1.组件调用,使用ref调用组件内部相应的canvas绘制方法，传入相关参数 包括名称 路由 展示图片等。 2.组件模板放置canvas容器并赋予id以及宽度高度等，使用iscomplete控制是显示

1.在左侧秘钥处获取appid以及相关秘钥，保存在data内方便使用 2.按照文档要求拼装参数，参数含义可以文档查看,同时对SecretKey使用 HmacSha1 算法进行加密并做 base64 编

在普通组件中可以使用vue2 /deep/ .选择器名称修改样式 或者vue3 :deep(.选择器名称) 在外层div 使用ref='mod'绑定，在Modal 使用 :getContainer =

由于vue异步更新策略，在更新数据内容后立即获取当前box高度并设置scrolltop会出现无法设置情况,此时DOM并未进行渲染,如果想要执行DOM操作,需要将我们的DOM操作放在$nexttick的

一、vue2中的逻辑复用Mixins vue中 Mixins(混入)对于逻辑复用具有一定意义,可以包含任意的组件选项，当组件使用混入对象的选项时，组件将混入Minxins所有选项，通俗来说，Minxi

通常用在element el-dropdown组件中，当需要执行多个命令时，可以通过command传递的参数判断执行对应操作

在Vue3中不再使用Vue2中Object.defineproperty进行属性监听，而是采用Proxy代理模式配合Reflect监听对象