vue相关

对vant ui 中的toast进行二次封装 ## Toast组件 Toast.vue ``` ``` index.ts ``` import XdToast from './Toast.vue' i

scss主题切换 对于项目中的主题颜色切换要求，可以用sass实现 sass安装 安装的具体方法以及配置可以查看 scss安装 配置 主题颜色配置文件 配置不同主题下的对应主题颜色 theme.scs

起因是因为在工作中遇到了一个需求需要使用el-transfer，但是由于数据量接近有1w条，会导致该组件非常的卡顿； 看到的一篇文章中提到了两种解决方法，一种是分页，但是分页功能并不满足需求，所以只能

1、地图，并有一些折线指向标注 需要使用多个series实现， 通过data的值根据需求改变现象 或者使用labelLine + labelLayout配置项（经实践无法满足需求） 2、地图，点击可以

扫雷小游戏实现（vue2 + js） 实现步骤 1、场景布局实现 布局就是经典的方格布局，对于场景的美观度可以自行找几个配色网站作为参考。 出现问题： 先初始化一个二维数组对应方块坐标，然后依次渲染

scss全局变量需要通过webpack配置，vue项目可在vue.config.js中配置 vue3 + vite vite.config.js plugins 配置 https://blog.csd

对于工作中用到的常用方法的封装总结 这些方法是为了解决项目中遇到的需求进行特定封装，所以适配性不会很高，但是可以在这些的基础上进行自己需求的相应调整，之后会不断更新 Tool.ts （Vue3 + T

项目开发中需要用到一个具有滚动加载并出现加载动画的表格。 所以结合了element-plus中的表格组件进行了二次封装。 技术栈为 vue3 + ts + element-plus 思路 加载数据：对

页面性能优化 减少http请求 适用页面： 类似于CRM系统的页面，下拉框数据需要接口获取，很多个不同页面都需要用到相同的下拉框 思路：可以在第一次请求的时候将请求结果存储在sessionStorge

因为公司用到的技术栈是vue3 + ts， 所以需要用vite创建一个新的项目。 安装环境 vite 需要node的版本 >= 12.0.0 node的安装只需要去官网上下载安装包安装即可，安装完成之

两个概念： Virtual Dom（虚拟dom） diff算法 虚拟dom 为什么需要虚拟dom 每次更新真实dom的开销非常大，如果修改数据之后直接渲染到真实dom上会引起页面的重绘和回流。 虚拟d

npm常用指令 之后慢慢更新这个部分的内容 npm安装超时 可以使用cnpm或者yarn安装 首先需要使用npm先安装这两个工具 cnpm安装有时候项目会出现安装不上的问题，推荐使用 npm，如果 n