LRH

场景 项目部署到现场后，现场客户端机子相对性能比较差，在使用antd表格时候，发现数据多时性能特别差，滚动页面会特别卡顿。 排查过程 1.监控性能，找出影响性能的罪魁祸首 ...

从用户的角度评判一个网站的“优秀程度”，最直观的评价方式就是运行是否流畅，在页面渲染、交互时，是否会有卡顿感。 而造成视觉上卡顿的原因有很多，可能是： 页面加载时一次性加载...

现在开发现代前端应用时，我们已经摒弃了原始的 HTML 编写方式，转而使用“模板”的方式去编写。所谓的模板就是 React 的 jsx，Vue2 中的 template 等...

众所周知，JS 在主线程上是单线程执行的，并通过事件循环（Event Loop）机制来实现异步操作的处理。 本文将梳理事件循环机制的执行流程，并尝试模拟其中对任务队列的处理...

前言 说起sourcemap，大家应该都不陌生，由于前端代码一般都需要编译和打包，出来的代码是非常难以阅读的，有了它能方便我们调试，快速定位到问题。 什么是sourcema...

还弄不清楚ArrayBuffer、Blob、File、FileList、FileReader、Object URL、Data URL这些概念和关系吗？看完这篇就知道了...

今天我们来探讨一下容易令人困惑分不清的发布订阅和观察者模式。 一般认为观察者模式是一种设计模式，而发布订阅则不是。发布订阅可以理解为特定问题的解决方案，或某种实践思想。...

在现代 web 项目中，我们一般使用 XHR（XMLHttpRequest）或 fetch 发送 http 请求，以实现网页在不刷新的情况下获取数据（即实现 AJAX）。...

观察者模式和发布订阅这两个东西听起来都不陌生，但是它们的差异究竟是什么，以及它们有何关联，让我们重新认识一下这两个概念。...

相信大家平时在编写代码遇到异步操作时，都喜欢使用 Promise，而遇到多个异步任务按顺序执行时，还会使用 async/await 语法简易地实现，而不必“忍受” Prom...

在日常学习与工作中，对数组进行扁平化是常见的操作。文本将尝试编写函数以实现数组扁平化的功能。 所谓扁平化，即递归地将数组中嵌套的数组的元素提取出来，返回无内嵌子数组的数组。...

在实际项目开发中，我们有时需要对某些对象进行操作，但又不希望直接操作原对象，以防对其他逻辑产生影响，此时一般会复制一个副本进行操作。 而所谓的“复制”，在编程领域又可分为浅...

今天我们来聊聊网页性能优化的其中两个手段——防抖/节流。它们功能相近，经常会被一起提及，但却又有不同的适用场景。 接下来我们将从概念开始理解，并逐步尝试手写实现。...

在战国时期，商鞅变法，发明了照身帖。照身帖由官府发放，是一块打磨光滑细密的竹板，上面刻有持有人的头像和籍贯信息。国人必须持有，如若没有就被认为是黑户，或者间谍之类的。 在现...

在 JS 中，一般情况下，我们想判断某个引用值的类型，可以使用 instanceof 运算符，如 [] instanceof Array，其返回值为布尔值...

useSyncExternalStore useSyncExternalStore 是 React 18 引入的一个 Hook，用于从外部存储（例如状态管理库、浏览器 AP...