smallSheep

虚拟DOM到底是什么，它与真实的DOM有什么不同？在React中，为什么自定义组件的首字母要大写？有了虚拟DOM，性能就一定能够得到提升吗？...如果你对这些有疑问，那么这...

6000字详解package.json，今天看前端的大管家package.json文件相关的配置，充分了解这些配置有助于我们提高开发的效率，规范我们的项目。文章内容较多，建...

目前在前端领域最流行的包管理工具包含了 npm、yarn、pnpm，其中 pnpm 的机制对 yarn 和 npm 堪称降维打击，这篇文章来梳理一下包管理工具的发展历程以及...

npm 缺点 npm 的依赖扁平化机制 在 npm v3 及以后版本中，当我们执行npm install安装依赖包时，npm 会采用依赖扁平化策略。以安装axios为例，n...

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的...

性能优化之图片的预加载和懒加载 前言 在现代 Web 开发中，图片是提升用户体验的重要元素，但过多的图片可能导致页面加载缓慢，影响性能。...

前端进阶的必看的模块热更新原理。了解hmr的运行机制，有助于对我们项目运行原理的理解，对项目优化有新的认知~...

总算是将这个插件完成了，虽然编写插件的逻辑不是很难，但难就难在需要掌握比较全面的知识点，像 alias、paths、references、webpack.config.js...

一、为什么需要防重复弹窗？ 在实际开发中，前端常遇到 多接口并行请求 的场景： 场景1：电商结算页同时调用库存、优惠券、地址校验接口 场景2：后台管理系统批量提交多个表单 ...

本文深入剖析了包管理工具的演进历程，重点解读 pnpm 的创新机制和优势。通过对比 npm/yarn 的依赖处理方式，详细讲解了 pnpm 如何通过硬链接和软链接机制解决依...

JavaScript 的解构赋值是 ES6 引入的一项非常实用的特性，让我们能够以更简洁的方式从数组或对象中提取值。然而，看似简单的解构赋值其实暗藏着不少"坑"，如果不小心...

本篇文章主要讲解浏览器中事件循环(Event Loop) 那些事，单线程的 JS 把所有任务都分为两种：同步任务和异步任务...

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助...

还在手动敲重复代码？掌握 VSCode Snippets，轻松实现代码快速生成！本文详解其语法、创建与使用方法，还有生成神器推荐，是 uni-app 开发提效必备，快来为开...

TanStack Query 最佳实践指南 为什么选择 TanStack Query？ 传统数据获取的痛点 重复请求处理 多个组件请求相同数据导致重复请求 数据更新后需要手...