性能优化
9篇文章 · 0订阅
  • 从 58MB 到 2.6MB：我是如何将 React 官网性能提升 95% 的
    从 58MB 到 2.6MB：React 官网性能优化实战全记录 📖 目录 引言：一个触目惊心的发现 第一步：性能诊断 第二步：图片优化 - PNG 转 WebP 第三步：视频优化 - GIF 转 M
    前端 JavaScript
    从 58MB 到 2.6MB：我是如何将 React 官网性能提升 95% 的
  • 前端骚操作：用户还在摸鱼，新版本已悄悄上线！一招实现无感知版本更新通知
    前端骚操作：用户还在摸鱼，新版本已悄悄上线！一招实现无感知版本更新通知 前言 你是否遇到过这样的场景： 产品经理：「这个 Bug 不是修好了吗？用户怎么还在反馈？」 你：「用户可能没刷新页面...」
    前端 Vue.js
    前端骚操作：用户还在摸鱼，新版本已悄悄上线！一招实现无感知版本更新通知
  • JavaScript 中如何实现大文件并行下载？
    本文介绍了在 JavaScript 中如何利用 async-pool 这个库提供的 asyncPool 函数，来实现大文件的并行下载。
    JavaScript 前端
  • 教你如何实现一个完美的移动端瀑布流组件
    瀑布流是大家日常开发过程中经常遇到的一个场景，公司内部的组件库中也提供了一些解决方案。但这些方案适用场景都很单一，且每个实现方案都或多或少存在一些问题，基于此，我们设计与开发了一个兼容多场景的瀑布流
    前端 JavaScript Vue.js
    教你如何实现一个完美的移动端瀑布流组件
  • 面试官：不会“不定高”虚拟列表，你在简历上面提他干嘛？
    很多同学将虚拟列表当做亮点写在简历上面，但是却不知道如何手写，那么这个就不是加分项而是减分项了。在上一篇文章欧阳教会你 如何实现一个定高虚拟列表 ，但是实际项目中更多的是不定高虚拟列表，这篇文章欧阳来
    前端 JavaScript Vue.js
    面试官：不会“不定高”虚拟列表，你在简历上面提他干嘛？
  • 给我5分钟，保证教会你在vue3中动态加载远程组件
    在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新），我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。
    前端 JavaScript Vue.js
    给我5分钟，保证教会你在vue3中动态加载远程组件
  • 花三个小时，完全掌握分片渲染和虚拟列表～
    大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～
    React.js 前端 JavaScript
    花三个小时，完全掌握分片渲染和虚拟列表～
  • vite打包性能优化以及填坑
    大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)
    前端 Vite 性能优化
  • React 16 加载性能优化指南
    关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…
    React.js JavaScript Webpack