前端优化
关注
分享
扫一扫
weixin_strponit
在线找工作
展开
-
vue项目 性能优化
vue项目中性能如何优化 在计算属性和template模板中滥用this去读取data中数据会导致多次重复地收集依赖，从而产生性能问题，那要怎么避免这种情况。 计算属性中如何避免 用ES6对象解构赋值来避免，计算属性的值是一个函数，其参数是Vue的实例化this对象，在上述计算属性中滥用this的例子中可以这样优化。 优化前： computed:{ d:function(...原创 2021-09-18 10:51:27 · 252 阅读 · 0 评论 -
JavaScript内存泄露的4种方式及如何避免
简介 内存泄露是每个开发者最终都要面对的问题，它是许多问题的根源：反应迟缓，崩溃，高延迟，以及其他应用问题。 什么是内存泄露？ 本质上，内存泄露可以定义为：应用程序不再需要占用内存的时候，由于某些原因，内存没有被操作系统或可用内存池回收。编程语言管理内存的方式各不相 同。只有开发者最清楚哪些内存不需要了，操作系统可以回收。一些编程语言提供了语言特性，可以帮助开发者做此类事情。另一些则寄希望于开发者对内存是否需 要清晰明了。 JavaScript 内存管理 JavaScript 是一种垃圾回收语言。垃圾回收语原创 2020-08-06 16:51:11 · 199 阅读 · 0 评论 -
如何渲染几万条数据并不卡住界面
如何在不卡住页面的情况下渲染数据，也就是说不能一次性将几万条都渲染出来，而应该一次渲染部分 DOM，那么就可以通过 requestAnimationFrame 来每 16 ms 刷新一次。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name...原创 2020-03-16 11:05:53 · 208 阅读 · 0 评论 -
优化进阶篇 （1）
@[一、优化) 1、####DOM泄漏#### 当原有的DOM被移除时，子结点引用没有被移除则无法回收。 var select = document.querySelector; var treeRef = select('#tree'); //在COM树中leafRef是treeFre的一个子结点 var leafRef = select('#leaf'); var body = select...原创 2020-01-03 10:35:40 · 120 阅读 · 0 评论