润楠

这篇文章主要分析 TypeScript 中的类型兼容性，并通过例子详细介绍逆变、协变、双向协变和不变。 结构化 在基于名义类型的类型系统中，数据类型的兼容性或等价性是通过明...

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

pnpm 作为一个优秀的包管理工具，在如今的前端生态中呈持续发展的趋势，这篇文章就会给大家带来 pnpm 的源码结构探究！...

看完本篇，你将理解如何构建简单curry，支持占位符的curry，Function.prototype.length的规则，理解Function函数，理解bind的真正细节...

React Hooks 的三层理解：会用，掌握基本用法；懂原理，能手写官方 Hooks；会设计，能自定义 Hooks。...

作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，我之前也强调过知识体系的重要性，这部分原理性的内容就是知识体系中的重要部分，必须牢牢掌握才能面对瞬息...

本文从 Build Systems 理论出发，深入分析了 webpack、Rspack 、Vite、Turbopack 等前端打包工具的底层设计。...

Zustand 状态库汇总已经介绍了zustand相关所有知识点，包括它的使用还有原理，今天重点直接实现一个迷你的zustand。 基础使用如下： 测试如下： 我们先创造一...

前端监控分为性能监控和错误监控。其中监控又分为两个环节：数据采集和数据上报。本文主要讲的就是如何进行数据采集和数据上报。 性能数据采集需要使用 window.perform...

本文是一篇大模型的入门文章, 通过一个案例来理解大模型是如何使用的。 一、从一句话敲开大模型的大门 你向大模型提问 “你是谁？”，然后大模型理解了你说的话，并给出对应的回答...

创建阶段： ① 生成变量对象（Variable Object）： ② 建立作用域链（Scope chain） ③ 确定函数中 this 的指向 执行阶段： ① 变量赋值 ②...

1. webpack plugin机制实现原理是怎样的。 2. 如何自定义一个plugin。 3. compiler和compilation的区别。 4. Tapable是...

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack...

【2019-08-16】Hello 小伙伴们，由于 jsliang 对文档库进行了重构，这篇文章中的一些链接可能失效，而 jsliang 缺乏精力维护掘金这边的旧文章，对此...

在本教程中，您将了解 React 编译器如何帮助您编写更优化的 React 应用程序。 React 是一个用户界面库，十多年来一直表现不俗。其组件架构、单向数据流和声明性在...

事件循环是宿主环境处理 JS 异步操作，让其能够非阻塞式运行的机制。不同宿主环境对事件循环的实现方式有所不同，接下来，本文将详细描述 JS 在浏览器和 Node.js 这两...

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不...

相信很多小伙伴在初学JavaScript的时候会经常对作用域，执行上下文，词法环境等概念混淆，其实主要还是对这些知识点没有一个清晰的认识与了解。...

当 JS 引擎解析到可执行代码片段（通常是函数调用阶段）的时候，就会先做一些执行前的准备工作，这个 “准备工作”，就叫做 "执行上下文(execution context ...

关于执行上下文与作用域的概念网络上的解释多且杂，涉及太多理解起来反而模糊，本文就用最容易理解的方式来讲讲执行上下文与作用域的概念，以及作用域链是怎么产生的。...