西门吹雪

前端项目中，有时候会出现图片视频加载缓慢、首屏加载白屏的问题之前写了一篇在VU3项目中的解决方案，现在讲一下在 Vue2 项目中的解决方法，方法思路都差不多，在代码示例上会有一些小差别。

在 Vue3 项目中，有时候会出现图片视频加载缓慢、首屏加载白屏的问题,文中会介绍几种解决方案，希望可以帮到你

Vue3是Vue的下一个主要版本，它具有比Vue2更好的性能和更多的功能，包括更快的渲染速度，更好的TypeScript支持，更好的组件化开发体验，更好的Tree-shaking支持等等。Vue 3.0.0 这是 Vue 3 的正式版本，它包含了许多新特性和改进，例如更好的性能、Composition API 和 Fragments。总的来说，Vue3相比Vue2有很多的改进和新增功能，能够带来更好的开发体验和更高的性能，但也需要一定的学习成本和适应期。这种缓存机制可以提高组件的性能，减少不必要的渲染。

qiankun 是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨后，我们将其微前端内核抽取出来并开源，希望能同时帮助社区有类似需求的系统更方便的构建自己的微前端系统，同时也希望通过社区的帮助将 qiankun 打磨的更加成熟完善。目前 qiankun 已在蚂蚁内部服务了超过 2000+ 线上应用，在易用性及完备性上，绝对是值得信赖的。

在项目开发中表格错行的问题经常出现，现在整理如下，希望共同学习进步1.element-ui表格table表格内容错行： 1.情况一：表格中有el-tooltip时候，数据过长的时候hover，往上滑动会出现错行，【解决方案：固定高度或者给出:max-height；】；2.情况二：表格中使用css文本的溢出显示省略号没有固定宽度的时候，往上滑动会出现错行，【解决方案：固定宽度度或者给出:max-width；】；3.情况三：表格行的数据发生变化，往上滑动会出现错行【监听doLayout】；

vue利用脚手架创建自己的项目npm uninstall vue-cli -g //全局安装脚手架vue -V //查看自己的vue版本号vue-cli是vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。一、cnpm instal -g @vue/cli (一次全局安装sudo)cnpm install -g @vue/cli -g @vue\n

解决vue-awesome-swiper点击事件失效的问题 ===“版本号（vue-awesome-swiper”: "^3.1.0）最新做项目使用了 vue-awesome-swiper（3.1.0版本）轮播插件遇到的坑。在使用loop: true模式下： 动态循环数据 ，轮播第一遍是点击事件是正常的，轮播第二遍的时候点击事件就失效了 点击事件不起作用 通过查看api , loop模式下会在slides前后复制若干个 slide 但是这个复制只是针对 dom 元素不会带上之前的绑定事件的 ,

vue-解决弹出蒙层滑动穿透问题遇到的问题】在一个可滑动列表页弹出一个全屏蒙层，蒙层固定，中间一块显示消息框，当用手滑动蒙层空白处时，滑动事件会穿透到底部列表页，导致列表页的滑动。【要实现的目标】1. 滑动蒙层空白处不让滑动事件穿透。2. 当蒙层消息框文字多时，要让文字可上下滑动。　【实现思路】1. vue提供的 @touchmove.prevent 可以用来阻止滑动，但是这个方法会对其内的子div的滑动事件也禁止掉了，这样会导致中间文字无法滑动。如果没有中间滑动需求，用 @touchmov