自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 使用原生js将当前时间减1天并转成YYYY-MM-DD格式

这将在字符串 '2' 的开头用零填充,直到字符串的长度达到 2。由于 '2' 已经是两个字符的长度,所以不需要填充,结果将是 '2'。如果原始字符串的长度小于指定长度,是 JavaScript 字符串的一个方法,它用于在字符串的开头填充指定的字符,直到字符串达到指定的长度。方法会在开头添加指定字符,直到达到指定长度。

2023-11-10 16:20:23 1128 1

原创 echarts不显示,白屏,tooltip闪动后自动消失

一般出现echarts白屏问题都是使用了<div id='lineBar'></div>这种形式。可以换成ReactEcharts,但是reactEchart的点击事件不如用div那种形式灵活,有时候还会echarts折线图乱码情况。div加id 可以用useEffect更好的控制某个变量改变时候才刷新图表。

2023-10-10 11:00:14 1516 1

原创 react-router-dom 安装

新版本的路由里组件使用用的是element,老的用component。6以上的版本所有的都必须包在里。

2023-08-30 18:15:39 287 1

原创 react路由配置和报错处理

Uncaught Error: useRoutes() may be used only in the context of a component.Uncaught Error: A is only ever to be used as the child of element, never rendered directly.Uncaught Error: useHref() may be used only in the context of

2022-09-06 15:26:46 1295 2

原创 在next.js中使用tailwindcss添加背景图片的图片路径问题

使用tailwindcss官方文档自定义背景图片,图片放在public下的图片路径

2022-08-10 17:05:19 2533

原创 React引入less

1.显示webpack配置文件npm run eject如果报错分别运行:git add . git commint -m ‘app init’ npm run eject2. 安装less和less-loadernpm install less less-loader -S-D3.配置less 两种配置,使用方式不一样方法一 在webpack.config.js里 搜索 oneOf 。在数组中添加 { test: /\.less$/, .

2022-05-12 20:35:33 1696

原创 左边定宽度,右边自适应

方法一:左边设置左浮动,右边宽度设置100%【分析】这样的方式简单得让我怀疑,但是效果上确实是实现了。方法二: 父容器设置display:flex;Right部分设置flex:1【分析】display:flex; 设置为弹性盒子,其子元素可以通过设置 flex 的数值来控制所占空间的比例。方法三:设置浮动+ 在 css 中使用calc()函数【分析】1. 浮动。(注意:为了不影响其他元素,别忘了在父级上清除浮动)2.calc() = calc(四...

2022-04-14 18:10:59 142

原创 在store里保存公共值

在store文件的index.js里面存入值import {createState} from '@hookstate/core';export const reportChart = createState('');在用到的文件导入import {reportChart} from '@/pages/company/store'; //路径自己写具体路径使用:const {get:searchValue, set:setSearchValue} = useHookstate(r

2022-04-11 17:52:15 326

原创 React组件传参,table表格的rowKey。

1.React组件传参为什么加{},({data})const PersonInfo = ({data,columns}) => { return ( <div></div> )}//或者const PersonInfo = (props) => {//使用是props.data,props.columns return ( <div></div> )}组件传参传入的

2022-04-06 18:10:32 2239

原创 数据请求不同步,数据为空时候出现错误

写好一个列表的组件。通过后端的数据来循环列表//后端的数据personList = [{ "username":"黎明", "useroa":"liming", "cmbccenter":"应用运维一中心", "companyname":"北京科技有限公司",},{ "username":"黎明", "useroa":"liming", "cmbccenter":"应用运维一中心", "companyname":"北京科技有限公司

2022-04-01 10:05:01 132

原创 使用pop()报错,获取除数组最后一项的数据,获取数组最后一项数据,深浅拷贝问题。

使用pop()删除数组报错,data.pop is not a functionconst dateRemind = _.get(chartData,'reply.result.dateRemind','');let notimeOut = dateRemind;notimeOut.pop();console.log('notimeOut',notimeOut);报错:Uncaught TypeError : notimeOut.pop is not a function分析报错原因:p

2022-03-30 10:26:22 480

原创 数据处理根据数组对象中某个属性进行排序

data = [{name='tom',age=12},{name='marry',age=33},{name='jerry',age=24}]const newdata = [],//按年龄从大到小排序function dataSort(data,key) {return data.sort(function(a,b){ let x = a[key], let y = b[key], return x - y;})}data = dataSort(data.

2022-03-18 11:01:01 148

原创 echarts图表问题

1.echarts堆叠柱状图里tooltip不显示。

2022-03-03 12:58:36 525

原创 执行 npx create-react-app时候出错

1.第一个报错,找不到npm404找不到日志文件2.切换淘宝镜像,npm404找不到淘宝镜像3.发现在创建项目的文件夹下出现package-lock.json并且是webstorm图标,不会改,直接删除webstorm。4依旧报错,npm404找不到淘宝镜像,改成本地镜像,依旧找不到...

2022-02-08 12:31:04 2876 1

原创 npm 中--save -dev 的作用

当你为你的模块安装一个依赖模块时,正常情况下你得先安装他们(在模块根目录下npm install module-name),然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里(dependencies)。-save和save-dev可以省掉你手动修改package.json文件的步骤。spm install module-name -save自动把模块和版本号添加到dependencies部分spm install module-name -save-dve自动把模块和版本..

2021-09-22 17:48:20 826

原创 接口传参的三种形式

新建文件夹,在文件夹中打开cmd进行初始化操作( npm init --yes )生成package.json在终端输入命令分别安装express (npm i express)和multer (npm i multer)创建sever.js 和index.html文件index.html文件代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF...

2021-09-14 20:51:50 4675

原创 npm常用命令

npm -v // 查看npm 版本 node -v //查看node版本where npm // 查看npm安装目录 where node //查看node安装目录npm root -g // 查看全局包的安装目录 npm list -g --depth 0 //查看全局安装过的包npm install 包名 -g //全局安装 npm init -y 或者npm init --yes //初始化npm install 包名 //...

2021-09-11 22:08:09 151

原创 常用的终端命令,快捷键,vscode快捷键,字符串操作的api

1.常用的终端命令 点击鼠标右键:复制或者粘贴 tab :自动补全 cls :清屏 cd 目录名:进入指定文件目录 cd .. :进入上级目录 cd\ : 进入根目录 ls/dir:显示当前文件夹下的内容 ctrl + c :停止程序运行 上下箭头:调出历史命令常用快捷键 ctrl+c :复制 ctrl+v:...

2021-09-10 22:57:06 215

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除