一夜醒来头秃了-CSDN博客

创建如图所示文件夹index.jsximport React, { useState, useEffect } from 'react';import './index.css';import Cover from './cover';import { Tooltip, Button } from 'antd';/** * @param visible 显示/隐藏指引 * @param title 引导提示内容 * @param placement 引导提示位置 * @param

2022-05-23 14:40:36 748

原创经常会问的面试题

1、http状态码 http请求头和响应头http，超文本传输协议。承载于TCP协议之上，是目前互联网上应用最为广泛的一种网络传输协议。在HTTP和TCP之间添加一个安全协议层（SSL或TSL），这个时候，就成了我们常说的HTTPS。http默认端口：80https默认端口：443常见状态码：200 OK // 客户端请求成功400 Bad Request // 客户端请求有语法错误，不能被服务器读取401 Unauthorized // 请求未经授权，这个状态代码必须和WWW-Au

2022-05-19 11:38:36 109

原创 nodejs上传excel&读取excel&定时删除excel

依赖案例使用的是 express 框架；依赖包选择 node-xlsx 和 multer；node-xlsx 读取excel文件，multer 上传excel文件；npm install node-xlsx multer -Snode服务端let express = require('express');let multer = require('multer');var xlsx = require('node-xlsx');let fs = require('fs');let

2022-05-18 15:43:38 1168

原创自定义上传文件(input type=file)按钮样式

.file { width: 130px; position: relative; display: inline-block; background: #fff; border: 1px solid #d9d9d9; box-shadow: 0 2px 0 rgb(0 0 0 / 2%); border-radius: 3px; padding: 4px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); te

2022-05-17 23:42:47 1228

原创经常出现的JS笔试题目

1、手写深拷贝函数deepClone2、手写节流防抖函数throttle和debounce1、手写深拷贝函数deepClone const deepClone = (params) => { if (typeof params !== 'object') { return params } if (Object.prototype.toString.call(params) === '[object Array]') { const arr =

2022-05-10 22:09:37 118

原创 react中使用useContext跨层级通信

提前声明一个存放所有context的js文件import React from 'react';const initState = []; // 初始Context数据export const testContext = React.createContext(initState);PageA页面import React, { useState } from 'react';import { testContext } from './const';import PageA_a fro

2022-05-10 11:39:19 421

原创 react中antd/select下拉框可单选可自定义输入

import React, { useState } from 'react';import { Select } from 'antd';const { Option } = Select;const arr = [1, 2, 3, 4, 5];export default function index() { const [selectValue, setSelectValue] = useState([undefined]); const changeHandle = (v...

2022-05-07 10:07:56 6105

原创关于antd 3.x版本的自定义筛选的问题

一、Table表格自定义筛选中搜索输入框输入不了内容。antd版本是 3.x；升级版本到4.x后该问题解决；此问题有没有其他解决方法？；触摸option展示table表格，表格中的搜索输入框输入不了内容，下拉框选中后触摸下拉框展示的表格可以输入这是html结构，表格数据是官方组件文档里的，列搜索可参考我的另一片封装自定义筛选v3方法 const optionArr = ['嘻嘻', '哈哈']; const content = <Table dataSource={dataSour

2022-04-29 14:24:28 349

原创 antd中Table表格自定义筛选封装

- 函数组件和类组件均可以使用；- 注意查看项目中antd的版本号；import { Input, Button } from 'antd'; // v4// import { Input, Button, Icon } from 'antd'; // v3import { SearchOutlined } from '@ant-design/icons'; // v4/** * antd(4.x & 3.x) Table表格自定义筛选列 * @param {*} dataIndex

2022-04-28 12:12:01 1794

原创 react路由配置react-router-dom v6版本

一、安装npm install react-router-dom -S路由配置:import { hashRouter as Router, Routes, Route } from 'react-router-dom';// Routes 就是v5版本的 Switchimport PageA from './PageA'; // 页面Aimport PageB from './PageB'; // 页面Bexport default function App(){ // 启动服务访

2022-04-20 11:17:41 4594

原创 antd中Table表格不绑定key或用index作key的坑

一、问题：点击筛选后，被选中的复选框没被选中解决办法：打开代码中 columns 里操作列 key 的注释即可；或者给表格绑定的数据提前处理加个唯一的 key 字段；useEffect(() => { setarr( arr.map((item: any) => { item.key = item.id; return item; }) ); }, []);import React, { useState }

2022-04-19 10:31:08 2693

原创 react的hooks中useReducer的使用

一、前言useReducer的使用场景：声明一个数据，页面中多次调用方法去修改这个数据时，可用useReducerconst [state, dispatch] = useReducer(reducer, state, init) const data: any = []; const init = (data: any) => ({ arr: data }) const [state, dispatchs] = useReducer(arrReducer, data, i

2022-04-18 15:54:16 643

原创 antd中Form表单的使用技巧

import React,{ useState, useEffect } from 'react';import { Button, Form, Input } from 'antd';// 防抖function debounce(fn: Function, delay = 500) { let timeoutId: any; return function (this: any) { clearTimeout(timeoutId); timeoutId = setTimeo

2022-04-18 11:47:23 2549

原创 async和await异步函数在接口请求失败时代码不会继续向下执行

一、遇到的问题在异步函数中调用接口，使用了async和await，因为接口调用404导致报错，最后函数内的代码不会继续向下执行，从而使其他业务逻辑bug。// 通过.catch 捕获异常下面的打印才会正常执行到。// 还可以通过把调用接口的地方用try catch 包裹起来 useEffect(() => { const asyncFn = async () => { const res = await axios({ method: 'get',

2022-04-18 10:37:21 3934

原创表单做防抖处理要注意的问题

防抖函数的使用细节

2022-04-01 12:04:01 550

原创 js 深度赋值deepVal

面试题目

2022-03-30 17:53:17 438

原创关于Select下拉框要展示1000+条数据时太卡的解决方案

下拉框数据太多导致渲染卡顿

2022-03-29 18:02:00 2167 1

原创 Echarts折线图案例

问题：重置echarts折线图时，总会出现多个数据的拐点，与实际渲染的数据拐点不符合。解决：在实例化echarts后 clear 上一次的图。myEcharts.clear()案例const option = { // 触摸 echarts图的提示内容 tooltip: { // 是否显示提示框 show: true, // 触发类型： // 'item':主要在散点图，饼图等无类目轴的图表中使用

2022-03-28 12:06:09 1542

空空如也

空空如也