Web前端性能优化
文章平均质量分 80
暮色岚光
fighting!!!
展开
-
vuex实现数据持久化
Vue项目中使用Vuex作为状态管理,其本质上类似于全局的变量存储,方便在所有Vue组件中共享数据,而且也可以动态改变状态。Vuex是单向数据流,实现了双向数据绑定。 在单页应用中Vue项目集成Vuex足够基本使用,但是刷新页面的时候数据都会被清空,在某些情况下,我们需要这些状态能保存下来,比如登录后的用户信息、AccessToken、主题配置等。 持久化原理:结合本地存储做到数据状态持久化,使页面刷新后数据不会初始化为默认状态。 1、安装插件 vuex-persistedstate np原创 2022-05-06 14:32:35 · 8765 阅读 · 2 评论 -
在严格模式下不推荐使用callee、caller的原因
callee 我们知道,在递归函数中可以通过arguments.callee来实现解除函数体内代码与函数名的耦合状态,但是这种方法会导致函数体内的this指向的对象被修改; var global = this; var sillyFunction = function (recursed) { if (!recursed) { return arguments.callee(true); } if (this !== global) { console.log(原创 2020-06-13 16:13:46 · 1621 阅读 · 0 评论 -
js代码导致网页崩溃延伸——如何高效操作DOM元素?
最近的项目成果发现总是会在一段时间后崩溃,定位到原因,是一个定时器那块。 起初以为是定时器导致页面崩溃,后来发现是定时器中大量的dom操作导致的页面崩溃。 总结心得:在进行页面编写时,应该尽量避免大规模的dom操作,尽量少地小规模地更改dom结构。 以上,我认为我需要深入了解一下dom操作频率与页面性能的联系。后续应进行仔细的研究~~~...原创 2018-11-19 19:46:57 · 7606 阅读 · 0 评论