npm/pnpm/yarn切换源 国内镜像 提供商 搜索地址 registry地址 淘宝 https://npmmirror.com/ https://registry.npmmirror.com 腾

前言 前端工程流配置是前端工程师想要独当一面必须掌握的一项技能，这一篇详细讲述如果一个项目从0开始搭建，会涉及到哪些规范，如何使用，配置，以及遇到的问题。总结不易，觉得有帮助可以点赞，收藏。为了方便下

有则笑话，如此讲到：“老丈人爱吃核桃，昨天买了二斤陪妻子送去，老丈人年轻时练过武，用手一拍核桃就碎了，笑着对我说：你还用锤子，你看我用手就成。我嘴一抽，来了句：人和动物最大的区别就是人会使用工具。……”。撇开这样特例场景，这句话还是非常用有道理的；毕竟从远古石器时期或更早，到如…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 有兴趣的同学可以关注 [实践系列] 。 求star求follow~ 全称 Domain Name System ,即域名系统。 简单的说,通过域名,最终得到该域名对应的IP地址的过程叫做域名解析（或主机名解析）。 有d…

1500行TypeScript代码在React中实现组件keep-alive 我的这篇文章对源码进行了解析，但是这个库存在断层现象，虽然可以缓存最后一次状态渲染结果，但是后面数据变化无法再进行数据驱动。而且是借助React.createPortal 借助实现，我跟下面这个库的作…

先看官网对17版本的介绍： React v17 中，React 不会再将事件处理添加到 document 上，而是将事件处理添加到渲染 React 树的根 DOM 容器中： 在 React 16

react-grid-layout是基于react的网格布局系统，支持视图的拖拽和缩放，操作十分灵活。

作为前端开发人员，站点或应用的缓存机制能做的似乎不多，但这些却是与我们关注的性能息息相关的部分，站点没有做任何缓存机制，我们的页面可能会因为资源的下载和渲染变得很慢。了解性能优化也是前端面试必备的内容

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷…