Tommy_marc

摘要： ##useMemo介绍 useMemo用于性能优化，通过记忆值来避免在每个渲染上执行高开销的计算。 const memoizedValue = useMemo(callbanck, array) 返回一个memoized 值 callback是一个函数用于处理逻辑 array 控制 useMemo 阅读全文

摘要： 一、什么是深拷贝？（先简单理解概念） 深拷贝是指，拷贝对象的具体内容，深拷贝在计算机中开辟一块新的内存地址用于存放复制的对象。源数据改变不会影响复制的数据。 ##二、为什么要使用深拷贝？ 我们希望在改变新的数组（对象）的时候，不改变原数组（对象） arr=[100, [{a : 'hello'}, 阅读全文

摘要： useContext介绍 接收一个 context 对象（React.createContext 的返回值）并返回该 context 的当前值。当前的 context 值由上层组件中距离当前组件最近的 <MyContext.Provider> 的 value prop 决定。 当组件上层最近的 <M 阅读全文

摘要： React的Ref功能 1.String Ref String Ref是个过时的API。因为String类型的Ref存在一些问题，将在未来的某个版本中被遗弃，不建议使用。 使用方式：this.refs.XXX获取DOM元素节点： 获取普通标签： import React, { Component } 阅读全文

摘要： react hooks 是 React 16.8 的新增特性。 它可以让我们在函数组件中使用 state 、生命周期以及其他 react特性，而不仅限于 class 组件。react hooks 的出现，标示着 react中不会在存在无状态组件了，只有类组件和函数组件。具体可查看官网。 优势： 函数 阅读全文

摘要： 一、useReducer 与 useState useReducer 可以传给子组件个 dispatch 函数，子组件可以通过传递不同的 action，来达到不一样的处理（比如加 1 或 减 1），而用 useState 就要定义多个并且传递多个 二、为什么 useState 返回的是个数组，而不是 阅读全文

摘要： Map() Map结构提供了“值—值”的对应，是一种更完善的Hash结构实现。如果你需要“键值对”的数据结构，Map比Object更合适。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。 var m = new Map([['Michael', 9 阅读全文

摘要： 最近需要开发一个webApp，在 vue 和 react 之间犹豫很久，考虑到项目的小程序应用是基于 Taro 开发的，但是由于前期开发没有考虑转 H5 的需求，导致现在项目过于庞大，转 H5 需要大量的时间和精力处理兼容性问题。考虑到语法上的相似型（方便复制粘贴代码），所以还是选择搭建 一个 Re 阅读全文

摘要： .ant-tabs-ink-bar { background-color: transparent !important; } .ant-tabs-top .ant-tabs-ink-bar-animated:before { content: " "; background: url(~@/ass 阅读全文

摘要： 在一些复杂的场景，需要多个组件共同工作，这样就需要使用mbox这些组件来完成。 mobx在mobx6之后，刷新界面需要设置makeObservable(this);这个函数，这样当数据刷新后，组件的界面才能刷新。下面我们直接上代码： store/index.js的代码： import app fro 阅读全文