前端设计模式

设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论,而不是现成的代码,当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题,毕竟这是前人无数经验总结成的最佳实践,而代码实现则是对加深理解的辅助。

数组去重方法大全

数组去重方法大全

什么是防抖和节流,他们的应用场景有哪些

什么是防抖和节流,他们的应用场景有哪些?

Linux常用目录及详细使用说明

Linux常用目录及详细使用说明

深度理解和使用ES6中的Symbol

ES6中引入了一种新的基础数据类型:Symbol,不过很多开发者可能都不怎么了解它,或者觉得在实际的开发工作中并没有什么场景应用到它,那么今天我们来讲讲这个数据类型,并看看我们怎么来利用它来改进一下我们的代码。

React Hook - ueseState Hook 示例详解

Hook 是什么? Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 Hook 是一个特殊的函数,它可以让你“钩入” React 的特性。例如,useState 是允许你在 React 函数组件中添加 state 的 Hook。

React Hook - useReducer示例详解

useReducer 它接收一个形如 (state, action) => newState 的 reducer方法,并返回当前的 state 以及与其配套的 dispatch 方法。useState 的替代方案。 在某些场景下,useReducer 会比 useState 更适用,例如 state 逻辑较复杂且包含多个子值,或者下一个 state 依赖于之前的 state 等。并且,使用 useReducer 还能给那些会触发深更新的组件做性能优化,因为你可以向子组件传递 dispatch 而不是回调函数 。

React Hook - ueseEffect Hook 示例详解

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 Hook 是一个特殊的函数,它可以让你”钩入” React 的特性。Effect Hook 可以让你在函数组件中执行副作用操作。

React Hook - useContext示例详解

useContext从名字上就可以看出,它是以Hook的方式使用React Context(上下文)。先简单介绍Context的概念和使用方式,更多Context的知识可以参考官方文档。

React Hook 规则

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。Hook 本质就是 JavaScript 函数,但是在使用它时需要遵循两条规则。

js数组方法reduce()的使用案例

reduce()方法是数组的一个实例方法(共有方法),可以被数组的实例对象调用。reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。 1 arr.reduce([callback, initialValue])

ES6扩展操作符和剩余操作符区别和应用

扩展运算符写法是三个点…,写法虽然跟剩余操作符一致,都是…,但是作用可以认为是相反的。