加拿大虾

今天研究了一下 pnpm 的机制，发现它确实很强大，甚至可以说对 yarn 和 npm 形成了降维打击🐻！我们从包管理工具的发展历史，一起看下到底好在哪里？...

作为前端开发，我们有必要关注我们各个客户端的性能指标，比如白屏时间，最早可交互时间等。 通过性能指标的监控，就能知道我们当前页面性能如何，与竞品相比有哪些差距。本文会介绍常...

我们会把useState,useReducer和useEffect等等称之为“hook”。确切来说，hook是一个javascript函数。 从数据类型的角度来说，hook...

前言 自从新的context API和hook特性相继出来后，江湖上类似于“我们再也不需要redux”，“redux已死”的论调甚上尘嚣。如果不能在使用redux的过程中，...

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

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准...

大家好，我是 范文杰，一个前端从业者，最近刚写完我的第一本小册《Webpack 核心原理与实践应用》，这对我是一个不小的职业突破，所以不能免俗地想做个总结，分享我这九年工作...

Webpack 和 Vite 都是前端工程化工具。Webpack 作为老大哥，在前端社区也算站稳了脚跟。随着Vite 的出现，Webpack 的缺陷就慢慢暴露，Vite 逐...

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

现在vue、react很流行，新项目基本用这些新框架，组件化开发确实是趋势，但是他们再怎么发展也离不开构建工具，顶多在webpack等工具上进行再封装。现在vuecli3出...

今天带来webpack入门系列第二篇，如果对webpack还不熟悉的可以先看入门第一篇一小时入门webpack。本文重点是插件用法及热更新打包，会涉及三个知识点，都是比较基...

为什么要用构建工具？如果你只会js+css+html，最多再加上jquery，那么当你听到构建工具这个说法是不是蒙的？这种情况下我不建议你学习webpack，建议你学下 v...

掌握拖拽技术有助于我们构建更加直观、高效的用户界面，为用户提供更优质的体验。希望本文能够帮助读者全面了解前端拖拽技术，并在实际项目中灵活应用。...

new Image() 预加载 为什么比 <img>直接加载要好？<img> 直接加载对比 new Image() 预加载 1. 加载时机和页面渲染的差异 直接渲染到 <i...

Build Your Own Virtual List 通过简单的代码实现一个无限虚拟滚动列表 任务拆解 分成两个部分来实现 虚拟滚动列表 无限滚动 虚拟滚动列表 虚拟滚动...

HTML5 提供了多种通信方式，使得浏览器中的Web应用能够实现页面间、窗口间、甚至与外部服务的有效通信。这些通信方式大大提升了Web应用的交互性和复杂性，为构建现代、富客...

在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！...

【实战】前端工程化，技术栈react + ts + storybook 这个专栏我们已经完整的搭建完成了一个组件库项目，本篇我们讲解一下几种虚拟列表、定高、动态高度虚拟列表...

几乎在每一本JS相关的书籍中，都会说JS是单线程的，JS是通过事件队列(Event Loop)的方式来实现异步回调的。 对很多初学JS的人来说，根本搞不清楚单线程的JS为什...