前端性能优化
10篇文章 · 0订阅
  • el-select下拉选择器如何处理数万条数据
    下拉选择器中有2w+条数据，而且随着时间的推移，数据量还在增加，导致点击选择器之后页面会卡死，提供三种解决方案
    前端
  • 前端如何检测新版本，并提示用户去刷新
    前端如何检测新版本，并提示用户去刷新 先看效果 原理 通过轮询index.html文件的内容来计算文件的哈希值前后是否发生了变化.
    前端
    前端如何检测新版本，并提示用户去刷新
  • Hybrid性能采集和优化在脉脉APP中的应用
    相信很多前端小伙伴都会或多或少的接触过「前端性能优化」相关的，可能是对理论有一些了解，可能是在项目中实践过优化，大家也会对性能优化有自己的见解，但是我相信，能系统化、全局对页面性能优化有了解的人少之又
    性能优化
    Hybrid性能采集和优化在脉脉APP中的应用
  • 怎样用Vue Devtools调上线的页面
    我们用掘金的页面走一波，首先得到Vue类，一般来说Vue的源码都被打包到了vendor.xxx.js文件中。我们可以这样得到Vue类。
    Vue.js Chrome JavaScript
  • 就这几个小操作，我把项目性能优化了几十倍！
    其实性能优化还存在很多可以玩的地方，今天笔者就来聊一些大家不常关注的地方，从开发到 CI 的构建阶段以及最后部署上线这几个链路。
    前端 JavaScript
    就这几个小操作，我把项目性能优化了几十倍！
  • 两行CSS让页面提升了近7倍渲染性能！
    现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性
    CSS HTML
    两行CSS让页面提升了近7倍渲染性能！
  • 前端性能优化——首页资源压缩63%、白屏时间缩短86%
    提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理
    前端 性能优化 Vue.js
    前端性能优化——首页资源压缩63%、白屏时间缩短86%
  • [前端项目创新]前端检测版本更新的简易之道
    1.需求分析通常前端项目经开发迭代需求或者临时修复bug而上线后，我们都希望用户端能迅速检测项目已更新而去刷新页面。检测项目跟新的方法有很多，我这里提供一个适用度较高的简单易行的方法。2.代码示例及分
    HTTP
    [前端项目创新]前端检测版本更新的简易之道
  • 前端重新部署如何通知用户刷新网页？
    1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思
    前端 掘金·日新计划
  • 关于项目中使用Vue的性能优化, 可以用来和面试官Battle
    Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发传统工厂中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 …
    Vue.js
    关于项目中使用Vue的性能优化, 可以用来和面试官Battle