yiguoxiaohai的博客

React.cloneElement 是 React 提供的一个 API，用于克隆现有的 React 元素，并在克隆的基础上添加或覆盖属性，同时保留原有的子元素。

createContext+useContext+useReducer组合管理React复杂状态

antd 的 usePropsValue 的使用场景和源码解析。usePropsValue 是 Ant Design 提供的一个自定义 Hook，用于处理受控和非受控组件的值管理。它可以帮助开发者轻松地在受控模式和非受控模式之间切换，同时简化组件的状态管理逻辑。

antd的Form表单校验的方式有几种

在 React 中进行路由跳转有多种方法，具体取决于你使用的路由库和版本。以下是常见的路由跳转方法汇总，主要基于 react-router-dom 库。

react中使用ResizeObserver来观察元素的size变化

React 的 Hooks 为什么只能在组件的顶层调用

qiankun主应用访问子应用出现跨域如何处理

简单搭建qiankun的主应用和子应用并且用Docker进行服务器部署

react-intl实现国际化多语言切换

React两种路由模式的实现原理

React实现类似Vue的路由监听Hook

React H5配置企业级路由（v6版本）

使用useRef和useState有什么区别

一个展开和收起的业务组件(React)

复制到剪贴板功能的React Hooks实现

自定义Toast提示弹窗（且可旋转）

H5时常需要给C端用户签名的功能，以下是基于Taro框架开发的H5页面实现； 解决H5样式问题，主要还是通过两套样式实现横屏和竖屏的处理

create-react-app + craco修改webpack配置 + module.less + @别名配置src + 样式重置 + 自动注入全局样式或变量 + 代码混淆 + 企业级路由配置 + 配置 keep-alive + 控制台调试+构建产物分析+设计稿的比例和单位转换 + 代码格式化

React消息订阅与发布库pubsub-js的使用

使用canvas进行图片压缩的原理和实现(前端图片压缩核心处理)。原理：实际上就是利用canvas进行重新绘制，重新绘制尺寸和toDataURL时调整质量可以减少图片体积。

web开发中，基于react-photo-view库，封装实现预览图片、放大缩小图片等功能的业务组件，主要用于H5。例如，Taro实现的H5页面，Taro的api有对外的提供的预览图片但没有放大缩小功能，需要自己重新封装。

H5 有时底部按钮是固定定位，当页面上面需要用到输入内容时，会弹起软键盘，然后把底部固定的按钮也弹起来了，我们希望弹起软键盘时，底部的固定定位按钮隐藏，这里就需要对移动端软键盘弹起收起进行监听。.....................

用 JS 方式通过CDN获取JSON文件数据

安装yarn add classnames -s// 或者npm install classnames -s使用// 引入import cs from "classnames"1. 传入一个对象 <div className={cs({cs1: true, cs2: false})}></div>2. 直接接受多个类名 <div className={cs(true && cs1, false && cs2)}&gt

‘taro’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

xlsx 插件使用的问题

React 或者 umi 项目使用 Echarts 绘制图表一般来说，目前前端流行的绘制图表工具，不外乎 Echarts、antV、Highcharts、D3；这里主要介绍 Echarts 用于 React及其生态圈的应用，记住如何使用即可，其他框架也大体相同step 1： 安装 Echartsnpm install --save echartsnpm install --save echarts-for-react一般来说，echarts-for-react 是 基于 echarts 包的，