学无止境

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

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

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

在项目开发中表格错行的问题经常出现，现在整理如下，希望共同学习进步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