小和山的菜鸟们

快来加入我们吧！ "小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至我们官网小和山的菜鸟们 ( https://xhs-rooki...

JavaScript 之所以为单线程跟其用途有关，JavaScript 的主要用途是与用户互动，以及操作 DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，...

HTTP 是一种能够获取像 HTML、图片等网络资源的通讯协议。 它是在 web 上进行数据交换的基础，是一种 client-server 协议。 HTTP 在因特网的角色...

前端面试 Virtual DOM 是一种编程概念。在这个概念里， UI 以一种理想化的，或者说“虚拟的”表现形式被保存于内存中，并通过如 ReactDOM 等类库使之与“真...

flex 布局有哪些属性？分别代表什么意思 CSS3 相比于 CSS2 多了哪些属性 请说明 Html 布局元素的分类有哪些？描述每种布局元素的应用场景...

const 和 let 的区别 const 修饰基本类型时不可更改，修饰引用类型（对象，数组）时，其指针所指向的地址不能更改，内部数据可更改。let 修饰任何类型均可修改 ...

2021 年秋招马上来了，很多小伙伴也开始着手准备暑假实习、秋招。但是又不知道面试会考哪些知识点，不知道如何准备面试，非常烦恼。而且不同公司面试风格也不尽相同，有些公司偏向...

我们学完了 react-hooks 的一些基础内容，现在是我们的一个实战环节。 项目的功能与我们的 React 教程内容相似。具体可参考...

到此为止，我们的 hooks 系列只剩下最后一个大案例了。现在我们来对之前的内容做一个回顾。 hooks 是 React 16.8 新增的特性，它可以在不编写 类组件 的情...

当我们想在两个函数之间共享逻辑时，我们会把它提取到第三个函数中。而组件和 hook 都是函数，所以也同样适用这种方式。...

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 Hook 本质就是 JavaScr...

把内联回调函数及依赖项数组作为参数传入 useCallback ，它将返回该回调函数的 memoized 版本，该回调函数仅在某个依赖项改变时才会更新。当你把回调函数传递给...

useRef 返回一个可变的 ref 对象，其 current 属性被初始化为传入的参数（initialValue）。返回的 ref 对象在组件的整个生命周期内保持不变。...

通过 useEffect 的 Hook，可以告诉 React 需要在渲染后执行某些操作；而 useEffect 的第一个参数要求我们传递一个函数，在 React 执行完更新...

useState() 用于为函数组件引入状态。纯函数不能有状态，所以使用钩子来引入状态。 简单来讲，useState 就是为函数组件提供了 React state 的功能，...

react 的核心思想就是，将一个页面拆成一堆独立的，可复用的组件，并且用自上而下的单向数据流的形式将这些组件串联起来。但如果你在大型的工作项目中用 react，你会发现你...

目前网络上有许多学习资料，[React 官方学习网站](https://zh-hans.reactjs.org/docs/hooks-intro.html) 中的内容，讲述...

我们这次学了一些新内容，我们需要将之前的改版。 首先我们需要登录页面，并且通过HOC（高阶组件）添加鉴权功能。加上路由跳转，完善页面。...

react-router 是一组以声明方式与您的应用程序组合的导航组件，换句话，react-router 是 React 体系中的路由库，它通过管理 URL，实现组件的切换...