自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 按日期、按星期时间选择组件

【代码】按日期、按星期时间选择组件。

2024-10-14 13:59:11 443

原创 antd表格根据选择展示指定列

【代码】antd表格根据选择展示指定列。

2024-08-22 11:29:13 301

原创 类似React Class组件的setState方法

【代码】类似React Class组件的setState方法。

2024-08-19 16:05:22 122

原创 Y轴上的拖拽排序

Y轴上的拖拽排序。

2024-08-14 16:06:24 378

原创 Antd-Select拼音搜索优化

【代码】Antd-Select拼音搜索优化。

2024-07-26 11:28:45 314

原创 表单自定义组件 - 可选择卡片SelectCard

【代码】表单自定义组件 - 可选择卡片SelectCard。

2024-07-05 15:23:24 300

原创 antd-Table-可视化数据滚动

【代码】antd-Table-可视化数据滚动。

2024-07-05 15:21:33 437

原创 二次封装antd表单FormPro

巨型表单慎用,封装此组件的目的是为了简化基础表单开发,或方便个人demo编写。

2024-06-28 14:18:41 441

原创 webpack打包配置

基于webpack@5.x。

2024-06-27 16:45:31 433

原创 公共筛选组件(二次封装antd)支持代码提示

如果项目是基于antd组件库为基础搭建,可使用此公共筛选组件。

2024-06-24 11:31:44 409

原创 分批次并发请求优化

【代码】分批次并发请求优化。

2024-03-13 14:32:28 460

原创 给数组按照下标间隔新增字段

【代码】给数组按照下标间隔新增字段。

2024-03-12 11:27:48 438

原创 item2主题on-my-zsh配置

第三步 → 更改你的默认 Shell。现在,你会看到你的命令提示符变了 ~打开item2,默认路径修改成桌面。第二步 → 复制 .zshrc。

2023-11-03 15:07:46 931

原创 可视化滚动表格

基于antd中Table组件进行二次封装,其中css变量–height高度-55的原因是antd默认表格大小的行高是55,行高可自行基于antd的size重新计算减去的高度。

2023-10-23 17:10:22 307

原创 css样式问题集合

1、图片在指定大小容器中按图片短边等比缩放。2、超出部分隐藏并展示省略号。

2023-07-25 11:24:54 162

原创 基于antd@5.x封装Form.List组件

【代码】基于antd@5.x封装Form.List组件。

2023-07-20 14:56:29 704

原创 使用XLSX解析excel表格

【代码】使用XLSX解析excel表格。

2023-07-12 09:38:55 358

原创 封装Select组件自定义输入个数

tagRef.current.value 拿到select数据,maxInputSize输入最大tag数量。

2023-07-03 14:12:45 549

原创 优雅的使用mobx-react+mobx+useContext

【代码】优雅的使用mobx-react+mobx+useContext。

2023-06-07 18:04:18 400 1

原创 mobx的使用及配置装饰器

package.json文件中修改scripts脚本命令。配置babel插件,开启装饰器功能。

2023-06-06 17:33:07 382

原创 依赖检查工具depcheck

当项目中正常 npm i 安装依赖且没有报错的情况下,项目依然运行不起来。安装完成后,可以通过 depcheck 检查项目缺失的依赖。

2023-05-26 14:35:59 394

原创 base64转file、blob,图片压缩

【代码】base64转file、blob,图片压缩。

2023-03-17 09:38:55 530

原创 react根据路由变化展示的全局弹窗需求

根据路由地址全局弹窗

2023-02-17 11:31:13 473

原创 基于antd封装Upload组件

二次封装Upload组件

2023-02-10 18:05:37 427

原创 localforage的基础使用

localforage 操作数据增删改查均为异步操作

2023-02-07 14:54:19 514

原创 webpack 配置练习

webpack配置练习~

2022-11-11 15:24:32 254

原创 Echarts tree树图按层级自定义容器宽高及显示隐藏层级后重新渲染树图宽高

echarts 树图随层级展示 重新渲染宽高

2022-11-10 11:07:09 1451

原创 封装webpack插件demo,去除bundle.js的注释内容

webpack封装插件的小案例

2022-11-09 17:23:22 568

原创 封装antd Form表单,简便inline排版不方便控制每行个数和label与wrap的宽度

基于antd form表单二次封装

2022-10-31 10:11:51 2241

原创 工具类函数封装

utils工具函数封装

2022-10-24 11:43:24 88

原创 react G6 可视化卡片流程图例子

antv g6 流程图

2022-07-15 10:10:16 1121 1

原创 nodejs连接mysql连接池实现长时间连接

node mysql 连接池

2022-06-27 23:19:22 729

原创 react封装introjs步骤引导组件

创建如图所示文件夹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 856

原创 经常会问的面试题

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 156

原创 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 1305

原创 自定义上传文件(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 1353

原创 经常出现的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 222

原创 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 510

原创 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 6965

原创 关于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 415

空空如也

空空如也

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

TA关注的人

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