- 博客(9)
- 收藏
- 关注
RSS订阅原创 React 封装的一些格式化数据的组件方法
React 封装的一些格式化数据的组件方法import pathRegexp from "path-to-regexp";import moment from "moment";import { parse } from "querystring";export const getRouteAuthority = (path: string, routeData: any) => { let authorities: string[] | string | undefined; ro
2021-09-26 14:06:46
434
原创 React实现列表内容自动向上滚动
目的：React实现列表内容自动向上滚动文章目录目的：一、实现效果二、实现原理1.html页面构成2.CSS样式2.读入数据2.整片代码总结一、实现效果列表内容无缝连接向上滚动鼠标移入，滚动停止；鼠标移出，滚动继续示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、实现原理1.html页面构成1、ul>li,ul外面包裹一层div,如果想要内容循环滚动无缝衔接，需要在原有ul后面还要有一个一样内容的ul。如下图：红色框内为可视区域
2021-09-01 14:04:25
4262
2
原创 2021-07-16
项目场景：React + Antd + webpack的后台管理项目问题描述：在项目中，用到antd里面的Drawer组件，组件内容涵盖图片信息，每次点击大图放大或缩小，关闭抽屉后页面会卡顿。最开始以为是Image组件的问题，再详细看完官方文档后，发现是Drawer组件的问题，Drawer组件的api中有这样一个参数destroyOnClose,作用为：关闭时销毁 Drawer 里的子元素，默认是false，需设置为true。原因分析：正如官方文档所说，关闭抽屉是需...
2021-07-16 14:45:08
372
原创 webpack搭建react项目步骤实现
文章目录提示：本文篇幅较长，请耐心看完哦~本篇文章是介绍基于React和webpack搭建的一套完整项目流程，开始吧。文章目录文章目录前言一、项目创建1.全局安装react2.本地新建react项目文件二、安装相关组件1.安装react, react-dom, webpack2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面
2021-07-13 14:36:15
601
原创 React项目生成水印组件
React项目中生成水印组件前言接到一个需求，需要给我们的后台管理系统背景加上水印具体要求如下：系统登录页面不需要水印，用户在登录以后的所有界面加上水印水印内容为：登录的用户名+IP地址+登录时间一、目的首先想一下如何实现水印效果，且动态获取水印内容，在我不懈努力下找到了一种可实行办法React水印组件二、使用步骤1.下载React水印组件代码如下（示例）：npm install --save watermark-component-for-react2.在项目中引用代码
2021-06-18 14:31:30
2416
1
原创 Ant Design Table修改滚动条样式
Ant Design Table修改滚动条样式目录一、目的二、步骤1.了解滚动条的组成部分2.样式修改3.实现效果二、总结目录一、目的修改Ant表格的固定列滚动而产生的滚动条样式，包括粗细，颜色等二、步骤1.了解滚动条的组成部分滚动条的组成：::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track 滚动条的轨道（里面装有t
2021-04-20 16:53:00
5525
1
原创 vscode配置终端集成git（bash）
vscode配置终端集成git（bash）目录目的步骤效果目录目的配置后bash，cmd是集成的,选择bash回车则进入bash,选择cmd回车则进入cmd标记文本引用文本H2O is是液体。210 运算结果是 1024.步骤1、打开Vscode编辑器，点击左下角的齿轮图标—>Settings(设置)–>输入terminal；2、鼠标往下滑，找到Terminal › Integrated › Shell Args: Windows， 点击Editting in sett
2021-04-20 16:31:40
1759
原创 craco 配置 create-react-app 的开发环境以及部分webpack环境
小景UU使用 craco 配置 create-react-app 的开发环境,开放部分webpack配置antd组件按需加载，支持less，支持 类装饰器 语法，支持webpack 别名并支持vscode 支持路径补全依赖版本可以根据自己配置修改或查阅相关文档配置步骤创建新项目使用 create-react-app 创建一个项目，这里我们命名为 my-project-namecreate-react-app my-project-name进入项目，安装依赖npm inst
2021-04-07 15:25:25
1195
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人