随笔
懒人修
这个作者很懒,什么都没留下…
展开
-
随笔
随笔文章目录随笔一、pandas是什么?二、使用步骤1.引入库2.读入数据总结一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings(原创 2020-12-22 14:10:23 · 867 阅读 · 0 评论 -
随笔——文本域(计数方式:已输入/可再输入)
样式:.text-area_box { position: relative; .ant-input { height: 121px; background: #ffffff; border: 1px solid #d9d9d9; border-radius: 3px; } .word_number { position: absolute; bottom: -2原创 2020-12-21 16:50:07 · 802 阅读 · 0 评论 -
随笔——ant design中column上width属性设置无效问题
列参数:export interface Column { title: string; width?: number; dataIndex?: string; fixed?: string; ellipsis?: boolean; defaultSortOrder?: string; sorter?: any; align?: string; sortOrder?: string | boolean; render?(text?: number | string,原创 2020-12-21 17:19:01 · 2923 阅读 · 1 评论 -
随笔——一些常用样式的设置
一些常用样式的设置文章目录一些常用样式的设置一、一行或者多行文本显示省略号二、ant design-form表单去掉必填项前面的星号*及后面的冒号三、flex四、底部固定的Footer五、重置样式一、一行或者多行文本显示省略号// 一行或者多行文本显示省略号.omitCommon { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}.d原创 2020-12-17 16:29:32 · 257 阅读 · 0 评论 -
随笔——一些插件
水印npm install --save watermark-component-for-reactxxx原创 2020-12-17 15:34:38 · 203 阅读 · 0 评论 -
随笔——history跳转页面后,获取参数
跳转页面通过history.push({ pathname: '/intent/handle/ProcessIntentOrder', query: { id: record.id, checkFlag: false } });// 到跳转页面后const { query = {} } = props.location;console.log(query.checkFlag, '查看还是处理'); // 获取到的会是一个字符串false,所以最好记得是将checkFlag:原创 2020-12-16 17:30:12 · 2630 阅读 · 0 评论 -
随笔——直接触发表单验证中的某一个(ant design——form)
如何直接触发表单验证中的某一个比如:设置为undefined后先让其直接就出来提示,可以设置form.validateFields(['名字']); form.setFieldsValue({ briefUrls: undefined // 为了让其有提示 }); form.validateFields(['briefUrls']);...原创 2020-12-16 17:27:39 · 2290 阅读 · 0 评论 -
随笔——倒计时(当前日期距离规定日期的时间差)
import React, { useEffect } from 'react';import { useImmer } from 'use-immer';export type CdFormat = 'dd:hh:mm:ss' | 'hh:mm:ss' | 'hh:mm' | 'mm:ss';interface IProps { startDate: string | Date; endDate: string | Date; format?: CdFormat; cb?():原创 2020-12-16 17:15:10 · 209 阅读 · 0 评论 -
随笔——时间跨度超过XXX的日期置灰不可选择(ant design-RangePicker)
**状态** const [validDateFlag, setValidDateFlag] = useImmer<boolean>(false); const [dates, setDates]: any = useState([]); const [hackValue, setHackValue]: any = useState(); const [dateValue, setDateValue]: any = useState();**方法** // 不可选的日期范围原创 2020-12-16 16:47:55 · 872 阅读 · 0 评论 -
随笔——带有loading的select
带有loading的selectimport React, { useEffect } from 'react';import { Select, Spin } from 'antd';import { useRequest, request } from 'umi';import { useImmer } from 'use-immer';export interface Employee { id: number; employeeName: string; employeeCo原创 2020-12-22 15:00:17 · 931 阅读 · 0 评论 -
随笔——密码校验(ant design)
密码不能小于六位,至少含字母、数字、特殊字符其中的2种! <Form.Item name="initPassword" label="初始密码" rules={[ { type: 'string', message: '密码不能小于六位,至少含字母、数字、原创 2020-12-16 16:12:09 · 1418 阅读 · 0 评论 -
随笔——时长(过去多长时间HH:mm:ss)
import dayjs from 'dayjs';import React, { useEffect } from 'react';import { useImmer } from 'use-immer';export type CdFormat = 'HH:mm:ss' | 'HH:mm' | 'mm:ss';interface IProps { startDate: string | Date; format?: CdFormat; cb?(): void;}const原创 2020-12-16 16:01:02 · 165 阅读 · 0 评论 -
在js中调出一个弹窗
// 在js中实现弹出一个弹窗const { confirm } = Modal;confirm({ title: '提示', content: '是否确定对所选档案进行启用?', onOk() { startConfirm(selectedRowKeys); }, onCancel() { console.log('Cancel'); } });..原创 2020-12-11 15:11:06 · 413 阅读 · 1 评论 -
随笔——倒计时
<CountDown format="hh:mm" startDate={new Date()} endDate={text} /* cb={() => { console.log('倒计时结束'); }} */ />**CountDown组件如下:**import React, { useEffect } ...原创 2020-11-27 15:39:24 · 106 阅读 · 0 评论 -
随笔——git相关
先拉取最新master分支,然后将master合并到本地分支:git checkout mastergit pullgit checkout 本地分支git merge mastergit status(这个命令可以检查一下,然后没有push的话就会提示让push,所以最好push一下)将dev分支合并到test分支(假如现在就在dev分支):git checkout testgit pullgit merge devgit pushgit status本地项目更改远程仓库地址说明.原创 2020-11-26 17:17:39 · 73 阅读 · 0 评论 -
Typescript
TypeScript文章目录TypeScript前言一、TypeScript简介和其开发环境的搭建简介开发环境的搭建二、TypeScript的静态类型自定义静态类型三、TypeScript基础静态类型和对象类型基础静态类型对象类型四、类型注释和类型推断type annotation 类型注解type inferrence 类型推断五、函数参数和返回类型定义六、数组类型的定义七、元组的使用和类型约束八、interface 接口十、类的概念和使用十一、类的访问类型十二、类的构造函数前言一、TypeScri原创 2020-12-24 18:06:25 · 1167 阅读 · 2 评论 -
随笔——遍历数组,将内外层结构一样的数组重新构建得到想要的数据结构的新数组
const transformData = (params, showData) = >{ const arr = showData; params.map((item, index) = >{ if (item.children.length) { const brr = []; arr.push({ title: item.name, value: item.code, children: transfo原创 2020-11-26 16:42:25 · 288 阅读 · 0 评论 -
wrappedComponentRef获取子组件的实例
class A extends Component { cRef = React.createRef(); 。。。。 // 调用B组件实例的方法showModal this.cRef.current.showModal(); 。。。。。 // 使用wrappedComponentRef <B wrappedComponentRef={this.cRef}/> // 也有下面的这种使用方式(就可以不使用上面的 React.createRef()) <M.原创 2020-09-23 11:13:12 · 1577 阅读 · 0 评论 -
前端如何优雅的处理类数组对象
常见的几种类数组对象:arguments对象arguments 对象;function fun() {return arguments;}fun(1,2,3)// Arguments(3) [1, 2, 3, callee: ƒ, Symbol(Symbol.iterator): ƒ]NodeList(比如 document.getElementsByClassName(‘a’) 得到的结果;document.getElementsByTagName(‘img’)// H.原创 2020-09-21 15:34:20 · 256 阅读 · 0 评论 -
统计出现次数最多的三个节点(即标签)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>原创 2020-09-18 14:30:54 · 436 阅读 · 0 评论 -
随笔--返回数组中和为一个规定值的的两个数
一个数组中的两个数和为一个值,返回对应的数,比如【1,2,3,4,5】,让和为5,则结果就是1,4,可以输出其对应索引为【0,3】function sum(arr, result){let obj={};for(var index=0;index<arr.length;index++){let num = arr[index];if(num in obj){return [obj[num], index]}else{obj[result -num]=index;}}}...原创 2020-09-18 09:42:34 · 99 阅读 · 1 评论