优化相关
5篇文章 · 0订阅
  • 一文彻底了解Web Worker，十万条数据都是弟弟
    Web Worker为前端带来了后端的计算能力，十万、百万条数据都是弟弟…… Web Worker扩大了前端的业务边界，减轻了因大量计算造成的UI阻塞
    前端 JavaScript
    一文彻底了解Web Worker，十万条数据都是弟弟
  • 「前端进阶」高性能渲染十万条数据(虚拟列表)
    在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…
    Vue.js 性能优化
    「前端进阶」高性能渲染十万条数据(虚拟列表)
  • Vue 实用开发技巧
    1. 长列表性能优化 在2.x版本中Vue会通过Object.defineProperty对数据进行劫持, 以实现双向数据绑定. 但在一些特定的业务场景, 组件只需要进行纯数据展示, 不会有任何变化, 此时我们可能不需要Vue对来数据进行劫持. 在大量数据需要进行呈现时, 如果…
    Vue.js 前端
    Vue 实用开发技巧
  • 页面渲染：性能分析
    Chrome DevTools的performance面板可以记录和分析页面在运行时的所有活动。 配合无痕模式，可以避免chrome插件的影响。 1. 录制查看 下面部分是网页快照，浏览器按照一定时间间隔截取。 2. 实时查看 Paint Flashing 高亮显示网页中需要被…
    CSS JavaScript 浏览器
  • Vue 项目里戳中你痛点的问题及解决办法（更新）
    最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开发中常见的问题及解决办法。如果你是vue大佬，请忽略小弟的愚见^V^ 列表进入详情页的传参问题。 列表进入详情页的传参问题。 c页面的路径为http://localhost:8080/#…
    Vue.js JavaScript 前端
    Vue 项目里戳中你痛点的问题及解决办法（更新）