性能
9篇文章 · 0订阅
  • 前端性能-首次加载优化70%
    打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！
    前端 性能优化 Webpack
  • 前端性能优化——首页资源压缩63%、白屏时间缩短86%
    提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理
    前端 性能优化 Vue.js
    前端性能优化——首页资源压缩63%、白屏时间缩短86%
  • 原生拖拽太拉跨了，纯JS自己手写一个拖拽效果，纵享丝滑
    说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋
    前端 JavaScript CSS
    原生拖拽太拉跨了，纯JS自己手写一个拖拽效果，纵享丝滑
  • 不用防抖和节流，用更底层的方式解决JS的重复请求
    `once-init` 为解决异步函数问题而生。它从 `Promise` 的定义出发，用 `Promise` 的基础功能彻底地阻止了异步请求浪费的发生。
    Promise TypeScript JavaScript
    不用防抖和节流，用更底层的方式解决JS的重复请求
  • 最全的前端性能定位总结
    前言 大家好 我是鲨鱼哥~ 这是鲨鱼哥 2022 年的第一篇文章 为啥第一篇文章就要写前端性能定位相关呢 其实老粉都知道 性能优化文章我早在去年六月就说要完成的 各种事情一耽误 就过了大半年了
    前端 性能优化 面试
    最全的前端性能定位总结
  • 百万PV商城实践系列 - 前端长列表渲染优化实战
    在项目中，我们或多或少都会经历一些长列表渲染的难题，本篇文章就为大家详细的解析这类场景的解决方案。内容相对易上手，并不涉及复杂的逻辑，效果立竿见影。还等什么呢，快来看看吧。
    JavaScript React.js 性能优化
    百万PV商城实践系列 - 前端长列表渲染优化实战
  • 「硬核JS」你真的了解垃圾回收机制吗
    JavaScript 是门魅力无限的语言，关于它的 GC（垃圾回收）方面，你了解多少呢？想来大部分人是因为面试才去看一些面试题从而了解的GC，当然，我们可不仅仅是为了面试，目的是一次性彻底搞懂GC！
    前端 JavaScript Chrome
    「硬核JS」你真的了解垃圾回收机制吗
  • 「硬核JS」你的程序中可能存在内存泄漏
    你了解内存泄漏吗？此文我们会介绍内存泄漏的相关概念和引起内存泄漏的一些问题，还会着重给大家介绍内存泄漏的排查、定位及修复方法，最后还简单扩展了下前端内存三大件的其他两件内存膨胀和频繁GC的概念
    前端 JavaScript Chrome
    「硬核JS」你的程序中可能存在内存泄漏
  • content-visibility——只需一行CSS代码，让长列表网页的渲染性能提升几倍以上！
    长列表网页相信大多数开发者都遇到过，在DOM元素过多的情况下，浏览器渲染会很慢，非常影响用户体验。 因此我们会经常采用虚拟滚动、分页、上拉加载更多等不同的方式来进行优化，这些方式的思想都是一样的，都是只渲染可见区域，等用户需要时再加载更多的内容。而以上的方式无论哪种，都需要写大…
    CSS
    content-visibility——只需一行CSS代码，让长列表网页的渲染性能提升几倍以上！