麦芒kid

本文来源于公司内部的一次闪电分享，稍作润色分享出来。主要讨论 React 性能优化的主要方向和一些小技巧。如果你觉得可以，请多点赞，鼓励我写出更精彩的文章🙏。 减少计算的...

本篇文章首先回顾一下什么是内存泄露，然后看两个 demo 观察 react 出现内存泄露的具体情况。 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtim...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

今年的总结不再局限于 JavaScript 生态，其中也包括了 Web、网络等前端需要关注的领域，所以我将其更名为 《2022 年前端大事记》。...

昨天的文章通过 Performance 和 Memory 工具证明了打开 devtools 的时候 console.log 会有内存泄漏。 有 console.log 的时...

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performa...

这是我参与更文挑战的第10天，活动详情查看： 更文挑战 前言 虽然说这篇文章是为了实现播放器（video）全屏以及解决全屏遇到的问题，但是如果你是希望实现其他元素全屏，下面...

自从 React Hooks 面世以来，我们对其讨论便层出不穷。今天我们来谈谈 React.useCallback 这个 API。先说结论：几乎所有场景，我们有更好的方式代...

一 前言 不知不觉 react-router 已经到了 v6 版本了，可能很多同学发现，v6相比之前的 v5 有着翻天覆地的变化，因为最近接触到了 React 的新项目，用...

1.前言 相比大家看到useImperativeHandle会感到十分陌生，但部分开源代码经常会出现它的身影，网上查阅的资料也是含糊不清。经过我的FBI审查，终于摸清了一点...

这是我参与11月更文挑战的第21天，活动详情查看：2021最后一次更文挑战 纹理贴图 1.给模型对象设置纹理贴图 2.纹理贴图的平铺，旋转，偏移，动画 1. 平铺 2 .偏...

性能优化是前端开发一个非常重要的组成部分，如何更好地进行网络传输，如何优化浏览器渲染过程，来定位项目中存在的问题。Chrome DevTools给我们提供了2种常用方式 A...

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主...

那天在B站看视频的时候偶然发现当字幕遇到人物的时候就被裁切了，不会挡住人物，觉得很神奇，于是决定一探究竟。...

为了支持业务中少量的es6+的高级特性，最近在研究了一下babel的垫片，现将此整理为文字，如下。(本文旨在说明babel及babel周边相关的包之间的关系和使用方式，以及...

这是一个沉重的话题 相同学历下，5年15k,5年35K的前端同学为什么薪资水平上差距这么大，这是两位同学的真实写照，在同一个城市，今天我们来聊一聊他们两各自是怎么发展的，这...

一. Three.js框架简介 Three.js是用javascript编写的WebGL第三方库，运用three.js框架写3D程序，就如同在现实生活中观察一个3D场景一样...

最近做项目需要使用到3D模型。相信大家和我一样，在开始着手的时候，一定会碰到很多问题。而本文将对glTF文件压缩进行细致的探索、调研与沉淀...