MrDream24

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静...

本文继续剖析 Webpack 的实现原理，主要内容：ChunkGraph 构建完毕后，Webpack 接下来会做什么事情？什么是运行时？如何收集运行时依赖？...

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题...

随着前端框架盛行，`Performance` 已无法准确的监控到页面的首屏时间，本篇文章讲一种前端首屏时间的计算方案，偏算法实现，重点是思想，看懂就等于赚到！...

H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？...

前言 最近在学习 ahooks 的源码，想学习别人的思路提高一下自己自定义 hook 的能力。然后我发现 ahooks 里面其实像 useLatest、useMemoize...

随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之...

不知道大家有没有场景会需要 GIF 压缩，我是经常会用到。 因为公众号的图片最大支持 10M，但是我录制出来的 GIF 经常超过 10M。 比如这样一个图片： 在编辑器上传...

这篇文章源自我历时8个月，整理的前端知识体系与大厂面试笔记，不知不觉，已经超过了10万字 这些笔记帮助我从一个菜鸟，一步步蜕变为高级开发、前端“砖家”，并助力我拿到一些大厂...

工程化目的是为了提升团队的开发效率、提高项目的质量 例如大家所熟悉的构建工具、性能优化、组件库等知识，都属于工程化的内容...

异步任务里面的错误需要正确利用try catch捕获，需要配置`async await`一起使用，因为它利用协程的概念，能切换执行的上下文。...

在上一篇文章中，介绍了 redux、react-redux 和 redux-toolkit 的核心实现原理，这篇文章我们继续分析 redux 的另一个特性：中间件 redu...

什么是渲染(render)? 浏览器中的“渲染”指的是将HTML字符串转化为屏幕上的像素信息的过程。本文将教会你什么是浏览器渲染原理。...

如果这个改成 for 循环, 或许完全不一样. 那么 forEach 的 callback 到底执行了多少次呢?...