vue树形结构源码加载慢(vue树形组件懒加载)
本文目录一览:
vue.js绑定的页面加载慢时显示出了绑定脚本怎么解决
直接写在html页面把vue树形结构源码加载慢,不要写onload事件。在js里面首行写$(document).ready(function(){})vue树形结构源码加载慢,然后把一些需要页面一加载就执行vue树形结构源码加载慢的代码写在function()里面vue树形结构源码加载慢,也可以在页面刚加载时执行。呵呵
vue antd admin 加载慢
优化方法:
1.路由懒加载
此方法会把原本打包到一个app.js文件分开成多个js文件打包,这样会减小单个文件的大小,但是不会减小整个js文件夹的大小。通过这种方式可以做到按需加载,只加载单个页面的js文件。
2.组件异步加载
加载首页的时候,可以先给首页的子组件设置v-if = “false”,在页面初始化的时候再给子组件设置为true,此方法利用了v-if的惰性,setTimeout会使子组件在所有的组件初始化完成并显示后再对其子组件进行初始化。
注:在实际开发中还遇到了另一种情况也可以用此方法解决,在入口js中获取了app的token,但是在具体页面中发现不管是在created还是mounted中都是有时候能获取到token,有时候又不可以,是因为执行顺序的原因,可以通过 setTimeout 时间设置为0 这种方法把用到token的请求方法给排到最后,这样就能保证请求方法中有token了。
3. 使用异步组件,按需加载
es6的写法,`import` 函数会返回一个 `Promise` 对象。这样就实现了组件的按需加载,有需要的时候才会加载这个组件,同样也是优化首屏加载速度的一种方法。
4.图片量多的时候可以进行分批的加载
vue-lazyload插件,图片懒加载
5.外部引入一些插件,不要在vue中引入
列入,我在次项目中有用到moment.js这个插件,在vue内部引入后打包的项目大小要比在外部用src的方式引入打包的项目大个300k左右
vue-scroller下拉加载数据多过卡顿是为什么
手机卡慢或空间不足的话就需要对手机进行深度的清理了
可以使用腾讯手机管家的内存清理功能
先通过垃圾扫描来清理掉手机上的垃圾和软件的缓存
之后进行深度清理,把一些文件垃圾、缓存文件、安装包之类的垃圾也清理掉
还能卸载一些不常用的软件并进行卸载残留的清理进一步释放手机空间