![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
迷途小码农零零发
路漫漫其修远兮,吾将上下而求索。
展开
-
React H5配置企业级路由(v6版本)
React H5配置企业级路由(v6版本)原创 2024-08-13 02:47:06 · 301 阅读 · 0 评论 -
使用useRef和useState有什么区别
使用useRef和useState有什么区别原创 2024-07-18 14:50:54 · 280 阅读 · 0 评论 -
一个展开和收起的业务组件(React)
一个展开和收起的业务组件(React)原创 2024-03-28 16:29:21 · 387 阅读 · 1 评论 -
复制到剪贴板功能的React Hooks实现
复制到剪贴板功能的React Hooks实现原创 2024-01-17 11:17:25 · 81 阅读 · 0 评论 -
自定义Toast提示弹窗(且可旋转)
自定义Toast提示弹窗(且可旋转)原创 2023-08-07 16:05:01 · 293 阅读 · 0 评论 -
H5实现签字板签名功能
H5时常需要给C端用户签名的功能,以下是基于Taro框架开发的H5页面实现; 解决H5样式问题,主要还是通过两套样式实现横屏和竖屏的处理原创 2023-08-03 14:08:49 · 1473 阅读 · 0 评论 -
CRA应用使用craco实现webpack配置+module.less+src别名配置等一系列基本配置
create-react-app + craco修改webpack配置 + module.less + @别名配置src + 样式重置 + 代码混淆 + 企业级路由配置 + 配置 keep-alive + 控制台调试+构建产物分析+设计稿的比例和单位转换原创 2023-05-12 15:14:21 · 1864 阅读 · 0 评论 -
React消息订阅与发布库pubsub-js的使用
React消息订阅与发布库pubsub-js的使用原创 2023-03-23 17:03:08 · 160 阅读 · 0 评论 -
使用canvas进行图片压缩(前端图片压缩核心处理)
前端如何进行图片压缩然后上传?如何通过js或ts进行压缩图片,原理是什么,canvas实现图片压缩的基本步骤,react 对图片压缩的实现,vue 对图片压缩的实现原创 2022-12-23 10:24:42 · 4555 阅读 · 3 评论 -
H5 实现图片可预览缩放等操作(对库 react-photo-view 的封装和使用)
web开发中,基于react-photo-view库,封装实现预览图片、放大缩小图片等功能的业务组件,主要用于H5。例如,Taro实现的H5页面,Taro的api有对外的提供的预览图片但没有放大缩小功能,需要自己重新封装。原创 2022-08-08 19:47:34 · 1556 阅读 · 0 评论 -
H5移动端监听软键盘弹起、收起
H5 有时底部按钮是固定定位,当页面上面需要用到输入内容时,会弹起软键盘,然后把底部固定的按钮也弹起来了,我们希望弹起软键盘时,底部的固定定位按钮隐藏,这里就需要对移动端软键盘弹起收起进行监听。.....................原创 2022-07-19 15:17:27 · 4722 阅读 · 1 评论 -
用 JS 方式通过CDN获取JSON文件数据
用 JS 方式通过CDN获取JSON文件数据原创 2022-07-18 15:41:09 · 1328 阅读 · 0 评论 -
react前端css样式类神器——classnames库
安装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)}>原创 2022-05-11 14:51:15 · 1058 阅读 · 0 评论 -
taro 项目运行报错
‘taro’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。原创 2022-04-24 14:22:46 · 5601 阅读 · 0 评论 -
JS提取Excel数据的日期是数字进行日期格式化处理
xlsx 插件使用的问题原创 2022-04-12 17:25:07 · 1077 阅读 · 1 评论 -
React 或者 umi 项目使用 Echarts 绘制图表
React 或者 umi 项目使用 Echarts 绘制图表一般来说,目前前端流行的绘制图表工具,不外乎 Echarts、antV、Highcharts、D3;这里主要介绍 Echarts 用于 React及其生态圈的应用,记住如何使用即可,其他框架也大体相同step 1: 安装 Echartsnpm install --save echartsnpm install --save echarts-for-react一般来说,echarts-for-react 是 基于 echarts 包的,原创 2021-11-16 15:58:18 · 2609 阅读 · 4 评论