react
小景UU
做个可爱的姑娘 不烦世事 满心欢喜
展开
-
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 阅读 · 0 评论 -
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 评论 -
React项目生成水印组件
React项目中生成水印组件前言接到一个需求,需要给我们的后台管理系统背景加上水印具体要求如下:系统登录页面不需要水印,用户在登录以后的所有界面加上水印水印内容为:登录的用户名+IP地址+登录时间一、目的首先想一下如何实现水印效果,且动态获取水印内容,在我不懈努力下找到了一种可实行办法React水印组件二、使用步骤1.下载React水印组件代码如下(示例):npm install --save watermark-component-for-react2.在项目中引用代码原创 2021-06-18 14:31:30 · 2416 阅读 · 1 评论 -
2021-05-06
React 17安装升级:npm install react@17.0.0 react-dom@17.0.0原创 2021-05-06 16:15:33 · 38 阅读 · 0 评论 -
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 评论