在真实工作中，估计import和require大家经常见到，如果做前端业务代码，那么import更是随处可见了。但我们都是直接去使用，但是这两种方式的区别是什么呢？应用场景有什么区别呢？

React 是由 Facebook 开发并于 2013 年开源的前端库，最初的目的是为了解决当时复杂用户界面开发中的效率和性能问题。

哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。 写答案就算了，一是精力有限…

理解flex属性 在flexbox布局中，flex属性是用来控制项目的伸缩性的。它是一个复合属性，包含了flex-grow、flex-shrink和flex-basis这三个子属性。 在 Flexbo

最近在React源码上颇有用功，所以决定将我的思想感悟记录于此，也欢迎大家及时纠错。 如果在面试中，面试官问了你这样的问题：请说一下React事件机制。我觉着你可以从下面的思维导图去入手

Transition 使用姿势 Transition 是 react18 引入的新概念，用来区分紧急和非紧急的更新。 紧急的更新，指的是一些直接的用户交互，如输入、点击等； 非紧急的更新，指的是 UI

说说你对webpack的理解？解决了什么问题？ Webpack 最初的目标就是实现前端项目的模块化，也就是说它所解决的问题是如何在前端项目中更高效地管理和维护项目中的每一个资源。

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

一、背景 我：巴拉巴拉。。。（这不是小case嘛，面经都背烂了） 我：可以呀，如果页面中出现了串数据的话，很大概率就是localStorage共享导致的呢。 我：当然不行，每一个窗口之间session