06 2022 档案
摘要：
( 温馨提醒: 大佬可以跳过 ...) 话不多说, 咱们言归正传 什么是批处理? 我们先看一张图: 这边setState了 3 次, 打印出来 还是 0 ; 而不是1,2,3 没错, 这就是 react 的批处理 批处理 : 是 React 中对于 SetState 的合并, 框架内部替你做了一个合
阅读全文
( 温馨提醒: 大佬可以跳过 ...) 话不多说, 咱们言归正传 什么是批处理? 我们先看一张图: 这边setState了 3 次, 打印出来 还是 0 ; 而不是1,2,3 没错, 这就是 react 的批处理 批处理 : 是 React 中对于 SetState 的合并, 框架内部替你做了一个合
阅读全文
摘要：
1 // 数组方法:find() 和 filter() 和some()和 findIndex() (都不会改变原数组, 但是 filter是纯函数; 纯函数: 1.不改变原数组(没有副作用) ; 2. 返回一个数组) 2 // find() :用于找出 第一个 符合条件的数组成员(不会继续往下执行)
阅读全文
1 // 数组方法:find() 和 filter() 和some()和 findIndex() (都不会改变原数组, 但是 filter是纯函数; 纯函数: 1.不改变原数组(没有副作用) ; 2. 返回一个数组) 2 // find() :用于找出 第一个 符合条件的数组成员(不会继续往下执行)
阅读全文
摘要：
简述: 1. react-router v6 原生支持typeScript ; 安装方法 npm install react-router-dom@6 2. react-router v5 原生不支持typeScript, 需要安装 @types/react-router-dom 来支持ts ; 安
阅读全文
简述: 1. react-router v6 原生支持typeScript ; 安装方法 npm install react-router-dom@6 2. react-router v5 原生不支持typeScript, 需要安装 @types/react-router-dom 来支持ts ; 安
阅读全文
摘要：
一. 我的走位: 保持中立 1. 各有各的好处, 谁也别说谁 2. 一个东西带来了好处, 相应的副作用肯定也有, 人无完人 二 . vue3 的composition api 和 react hooks 的对比 1. composition api 中的 setup只会被调用一次; react ho
阅读全文
一. 我的走位: 保持中立 1. 各有各的好处, 谁也别说谁 2. 一个东西带来了好处, 相应的副作用肯定也有, 人无完人 二 . vue3 的composition api 和 react hooks 的对比 1. composition api 中的 setup只会被调用一次; react ho
阅读全文
摘要：
注意: withRouter在 react-router 6的版本被废弃了 !!!! 1. useParams 的原理是 React Hooks，可以直接在函数式组件中使用，比较方便 2. props.match.params 则需要使用 withRouter 高阶函数(HOC)包装一下组件，否则无
阅读全文
注意: withRouter在 react-router 6的版本被废弃了 !!!! 1. useParams 的原理是 React Hooks，可以直接在函数式组件中使用，比较方便 2. props.match.params 则需要使用 withRouter 高阶函数(HOC)包装一下组件，否则无
阅读全文
摘要：
去年的问题今年还没解决,版本升级问题 react+antd 引入import 'antd/dist/antd.css'; // or 'antd/dist/antd.less' 报错: Failed to parse source map: 'webpack://antd/./components/
阅读全文
去年的问题今年还没解决,版本升级问题 react+antd 引入import 'antd/dist/antd.css'; // or 'antd/dist/antd.less' 报错: Failed to parse source map: 'webpack://antd/./components/
阅读全文
摘要：
一. 问题: 大伙会发现 用create-react-app 创建项目,默认会用最新的react版本 但是某些人就想要指定版本的react搞项目 二. 解决办法 我们可以通过修改package.json来修改react版本 1. 首先，转到 package.json 文件, 并将 react, re
阅读全文
一. 问题: 大伙会发现 用create-react-app 创建项目,默认会用最新的react版本 但是某些人就想要指定版本的react搞项目 二. 解决办法 我们可以通过修改package.json来修改react版本 1. 首先，转到 package.json 文件, 并将 react, re
阅读全文
摘要：
useEffect和componentDidMount会被触发了两次 一. 问题根源: React 18版本的问题 2022 年 3 月 29 日 React 18 发布 官方日志传送门 如果你项目在更新到 React 18 之后迥异行为，或许正是因为 useEffect()或componentDi
阅读全文
useEffect和componentDidMount会被触发了两次 一. 问题根源: React 18版本的问题 2022 年 3 月 29 日 React 18 发布 官方日志传送门 如果你项目在更新到 React 18 之后迥异行为，或许正是因为 useEffect()或componentDi
阅读全文
摘要：
import { GET, PUT } from '../../utils/tools/session' //引入 PUT('test','我是测试,缓存时效60秒',60) // 设置时效值 GET('test') // 没值,就false; 有值就 有值 ''我是测试,缓存时效60秒' 封装的s
阅读全文
import { GET, PUT } from '../../utils/tools/session' //引入 PUT('test','我是测试,缓存时效60秒',60) // 设置时效值 GET('test') // 没值,就false; 有值就 有值 ''我是测试,缓存时效60秒' 封装的s
阅读全文
摘要：
合理使用 setData setData 是小程序开发中使用最频繁、也是最容易引发性能问题的接口。 1. setData 的流程 setData 的过程，大致可以分成几个阶段： 逻辑层虚拟 DOM 树的遍历和更新，触发组件生命周期和 observer 等； 将 data 从逻辑层传输到视图层； 视图
阅读全文
合理使用 setData setData 是小程序开发中使用最频繁、也是最容易引发性能问题的接口。 1. setData 的流程 setData 的过程，大致可以分成几个阶段： 逻辑层虚拟 DOM 树的遍历和更新，触发组件生命周期和 observer 等； 将 data 从逻辑层传输到视图层； 视图
阅读全文
摘要：
官方链接: https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01?blockType=1 wx.getUserInfo 刚被砍没多久, wx.getUserProfile 又遭殃了,
阅读全文
官方链接: https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01?blockType=1 wx.getUserInfo 刚被砍没多久, wx.getUserProfile 又遭殃了,
阅读全文
浙公网安备 33010602011771号