首先, 我们要实现一个需求 -- 点击 button 的时候 input 设置焦点. 同样的, 我们可以使用 useRef 来实现完全相同的结果. 事实上, 只要你认真读一下官方文档, 就会发现, 它们两个确实不一样. 换句人话说 , useRef 在 react hook 中…

时至 2021 年年底，React Hooks 已在 React 生态中大放异彩，席卷了几乎所有的 React 应用。而其又与 Function Component 以及 Fiber 架构几近天作之合

大家好，我是小杜杜，React Hooks的发布已经有三年多了，它给函数式组件带来了生命周期，然而你真的完全掌握hooks了吗？知道如何去做一个好的自定义hooks吗？

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

2021 高频前端面试题汇总之CSS篇，前端面试题汇总系列文章的CSS篇，长期更新，欢迎收藏、点赞！

前言：这篇文章应该会和你见到的大部分手写Promise文章都不一样，文中不会讲到Promises/A+规范，也不会提到Promise.race / race等语法糖。在本文中，我会大量使用到面向对象的思维方式，并且只关注Promise的核心思想及其实现，相信在您认真看完之后，会…

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

在使用vue-cli工具生成的项目中，如果选择的是In dedicated config files，则在项目完成后，会有一个babel.config.js文件，项目中的Babel都会在这里配置。 简单介绍一下Babel， Babel是一个工具，主要用于将 ECMAScript…

我们提到了babel配置的最佳实践 没有最佳，只有最适合 那么业内常用的脚手架是怎么配置的呢？这是我们一次线上问题排查的过程中，记录的babel 在实际项目中的具体实践