工作日常
superTiger_y
不问的人永远和愚昧在一起
展开
-
Antd Select组件 DropdownRender扩展
Antd Select组件 DropdownRender扩展原创 2022-04-08 15:34:17 · 8503 阅读 · 0 评论 -
React 拖拽 插入自定义标签
拖拽 在光标处插入自定义节点原创 2022-02-21 17:17:16 · 1227 阅读 · 3 评论 -
React 实现自定义日历
react 实现自定义日历原创 2022-01-14 10:18:36 · 2145 阅读 · 0 评论 -
前端 解决笔记本屏幕显示缩放比例125% 150%对页面布局的影响
前端 解决笔记本屏幕显示缩放比例125% 150%对页面布局的影响原创 2021-12-31 16:01:05 · 8346 阅读 · 5 评论 -
React 之 实现 座位选择组件(可拖拉鼠标选择)
React 实现类似座位选择的组件原创 2021-12-20 16:26:32 · 1119 阅读 · 5 评论 -
总结一下前端实现水印的方式
纯前端实现水印原创 2021-11-29 18:33:17 · 4812 阅读 · 0 评论 -
如何给node_module中的包打补丁?
修改node_modules源码,不影响重写安装node包---俗称:打补丁原创 2021-11-29 17:53:37 · 1010 阅读 · 1 评论 -
React antd Table 实现单元格点击 表头斜线分组等功能
react antd 单元格添加点击事件 自定义单元格原创 2021-11-22 17:07:19 · 4885 阅读 · 0 评论 -
JavaScript moment.js随机生成指定日期或时间
import moment from 'moment';const randomDate = () => { // 随机生成0-11的数字 const randomMonthNum = Math.floor(Math.random * 11); // 随机生成1-30数字 const randomDateNum = Math.ceil(Math.random() * 30); // 随机生成1-24 数字 const randomHourNum = Math.ceil(M.原创 2021-11-03 11:34:27 · 3149 阅读 · 0 评论 -
Chrome 覆盖浏览器Input输入框自带背景颜色
当改变了Input输入框的背景颜色之后,并且浏览器记住了密码,那么浏览器自带的Input输入框的背景就出来了解决方案一: .ant-input-affix-wrapper { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 2px; background: rgb(90, 90, 90); .ant-input { background: transpar原创 2021-10-26 16:22:51 · 729 阅读 · 0 评论 -
antd React 实现可编辑表格(v3)
简化版本:import React, { useState, useEffect } from 'react';import { Table, Input, Select, Space, Tooltip } from 'antd';import styler from './index.less'; const getHash = (len) => { let length = Number(len) || 8; const arr = 'ABCDEFGHIJKLMNOPQRST原创 2021-10-19 18:30:39 · 889 阅读 · 5 评论 -
antd React 实现可编辑表格(v2)
这里是第二个版本的代码如下:import React from 'react';import { Form, Table, Input, Space, Button, InputNumber } from 'antd';import styler from './index.less';export default function EditTable(props) { const [form] = Form.useForm(); const onFinish = (values).原创 2021-10-19 18:13:27 · 898 阅读 · 0 评论 -
antd React 实现可编辑表格(v1)
在项目中遇到了很多可编辑表格,这里做个总结:先说第一种实现方式:antd自带的可编辑表格进行改进代码如下:import React, { useContext, useState, useEffect } from 'react';import { Table, Input, Popconfirm, Form, Tooltip, Select, DatePicker, TimePicker,} from 'antd';import moment fro原创 2021-10-19 18:11:28 · 2128 阅读 · 0 评论 -
看一遍都懂的对象遍历,你确定不试一试?
二:对象遍历for...in(一般用来遍历对象)for...in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性。注意:for...in循环一般用于对象的遍历,对于继承的属性默认是不可遍历到的;配合hasOwnProperty()来确定某属性是否是对象本身的属性例子1:(遍历对象)const role = { name:'superTiger', blogName:'superTiger_y', fav:'eat'}for(const key ..原创 2021-10-14 09:31:28 · 167 阅读 · 0 评论 -
看一遍都懂的数组遍历~确定不试试?
一:数组遍历Array.prototype.map:(主要为了其返回值)map() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。const numList = [1,2,3]// 对数组中的每一项都乘以 3, 然后返回新的数组const resultLis = numList.map(item=> item * 3)console.log('旧数组:',numList)console.log('新数组:',resultLis)...原创 2021-10-13 17:53:40 · 194 阅读 · 0 评论 -
JavaScript 复杂判断更优雅写法
通常我们会用if/else switch实现多个条件判断,当条件过多时,代码就显得很臃肿,不那么优雅我们可以这样来优化:通常我们会这样写:/** * 按钮点击事件 * @param {number} status 活动状态:1 开团进行中 2 开团失败 3 商品售罄 4 开团成功 5 系统取消 */const onButtonClick = (status)=>{ if(status == 1){ sendLog('proces.原创 2021-09-26 15:42:55 · 365 阅读 · 0 评论 -
AntV X6 流程图源码 react版本
因为要搞流程图,去X6 图编辑引擎 | AntV溜达了一圈修改了demo源码:TypeScript改成了JavaScript 添加了自定义react节点 可以修改节点名称clone master分支下来就可以用了原创 2021-09-24 11:39:42 · 1098 阅读 · 0 评论 -
React之条件渲染(学习和总结)
在实际开发中经常会遇到条件渲染,一般都是通过if else 语句、三元运算符、switch case 语句来实现,这里记录并学习一下1:条件渲染之 IFconst users = [ { id: '1', firstName: 'Robin', lastName: 'Wieruch' }, { id: '2', firstName: 'Dennis', lastName: 'Wieruch' },]; function App() { return ( <div&g原创 2021-09-18 11:06:59 · 316 阅读 · 0 评论 -
antd Select onChange获取除了value其他的值
在日常工作中,有时候需要获取下拉选择框除了value其他的值,在antd 官网中 可以使用api labelInValue;每个选项的 label 包装到 value 中,会把 Select 的 value 类型从string变为 { value: string, label: ReactNode } 的格式但是实际开发过程中这种远远不能满足需要:import { Select } from 'antd';const { Option } = Select;const opts = ...原创 2021-09-17 10:20:52 · 8010 阅读 · 0 评论