reaact
关注
分享
扫一扫
啄木鸟哥哥
时间 很快
展开
-
antdTable 可编辑单元格的实现
/** * 一个可编辑的input * 配合table中的rnder()使用 */import React, { useEffect, useReducer, useRef } from 'react';import styles from './styles.less';import { InputNumber, Form } from 'antd';const reducer = (state, { type, payload }) => { switch (type) .原创 2022-05-17 16:17:05 · 916 阅读 · 0 评论 -
Antd 组件 onchang 绑定 lodash 的接口防抖失效解决
delayedChange = debounce((value) => { // do something...}, 500);handleChange = (event) => { delayedChange(event.target.value);}; <Input onChange={this.handleChange}></Input>原创 2022-04-27 11:11:38 · 469 阅读 · 0 评论 -
css white-space 笔记
white-space 属性值及作用：1. word-break:break-all;只对英文起作用，以字母作为换行依据2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据3.{white-space:pre-wrap; 只对中文起作用，强制换行4.{white-space:nowrap; 强制不换行，都起作用5.{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且原创 2021-07-05 20:55:34 · 115 阅读 · 0 评论 -
js 内置方法复习
arry.some 数组中某一项符合条件就返回truelet s = [1,2,4,5,6,12,45,123,54,123,512,4,12,23,12]let s2 = s.some((e) =>{ return e > 100 // true})arr.lastIndexOf 逆向查找，有查询结果返回对应的第一个索引，没有查询结果返回-1let strArr = ['a','f','v','f']console.log(strArr.l...原创 2021-06-22 16:40:31 · 69 阅读 · 0 评论 -
当面试官问你浏览器的渲染步骤，我给你总结了一套大白话说法
1.寻找资源位置，如果没有访问过这个网站就要进行dns查找，第一次初始化请求后这个ip会被缓存一段时间，下次就可以通过缓存查找而不用再次访问dns服务器，dns查找对于性能来说是一个问题，特别是移动网络，要通过信号塔来查询dns服务器，所以对于手机，信号塔，域名服务器的距离可能会是一个大的时间等待2.tcp三次握手，在此期间，服务器之间还要来回发送三次消息，而请求还尚未发出3.tls协商 tls协商，他决定了什么密码将会用来加密通信，验证服务器，从而建立真正安全的连接，在发送真正的请求内容前还需...原创 2021-05-31 13:52:40 · 160 阅读 · 0 评论 -
ant 2.x 版本的Form绑定语法
export default connect(({parttimeMsg,app}) => ({parttimeMsg,app}))(Form.create(ParttimeMsg)(ParttimeMsg))原创 2021-03-25 09:58:06 · 243 阅读 · 0 评论 -
react vue 等等这种mvvm思维的开发方式怎么编写通用组件，或者什么样的组件应该编写为通用组件
“关注Model的变化，让MVVM框架去自动更新DOM的状态，从而把开发者从操作DOM的繁琐步骤中解脱出来 ” 我觉得这句话说得很不错 一语道破mvvm的优势我个人理解 并不是所有在项目中大量使用的组件都应该去提取出来 一味的追求更少的代码量反而会给代码未来的的维护造成困难， 我觉得应该被提取出来作为公共组件的应该是那些样式固定的（在整个项目中都必须统一的一个标准），非个性化的，更加解耦的（可能语言组织不够完美，应该能理解我想表达的吧）那么编写共用组件的时候应该考虑哪些呢...原创 2021-03-24 09:49:51 · 195 阅读 · 0 评论 -
ant Steps组件的实际使用
有些童鞋不太理解这个组件看官网上的：<Steps current={1}> <Step title="Finished" description="This is a description." /> <Step title="In Progress" subTitle="Left 00:00:08" description="This is a description." /> <Step title="Waiting" desc原创 2021-03-23 14:07:28 · 2301 阅读 · 2 评论 -
老版本的dva使用回调函数
太难了我 同时维护dva1，dva2，umi， antd2， antd3， antd4， 不同版本的多个项目 脑子有点乱2.0版本以前的dva使用回调必须newPromise对象，并且把resolve 传递给model层 上代码 new Promise((resolve) => { dispatch({ type: 'user/getToken', payload: { resol...原创 2021-03-12 16:49:06 · 212 阅读 · 0 评论 -
react-intl-universal 实现国际化的重要参数
import intl from 'react-intl-universal'; intl.init({ currentLocale: lang.split('-')[0], locales: { zh, en } })原创 2021-03-05 10:49:10 · 321 阅读 · 2 评论 -
dispatch(...).then is not a function(已解决)
在使用antd TreeSelect组件 异步获取数据的时候报错dispatch(...).then is not a function这个错的原因其实是你请求的方法返回的不是promise对象 官网是这样写的 onLoadData = treeNode => new Promise(resolve => { const { id } = treeNode.props; setTimeout(() => { ...原创 2021-02-26 09:23:15 · 8752 阅读 · 0 评论 -
前端国际化（umi的useIntl）
import { useIntl } from 'umi’; const intl = useIntl();<html id="pages.searchTable.updateForm.ruleName.nameLabel" />使用起来是很简单的，但是构造起来需要梳理的很清晰才行，并且建议在项目搭建初期就要考虑好一套完整的国际化配置，否则后期再加的话会很麻烦国际化的配置export default { 'component.globalH...原创 2021-01-29 14:32:57 · 9285 阅读 · 1 评论 -
== 和 === 的区别
JS中 == 和 === 的区别其实只需要注意一个区别就行原则上都离不开这个区别== 对数据类型不敏感就是说 String "1" == number 1 是 返回true=== 比较的对象必须是相同类型就是说 String "1" === number 1 是 返回false必须 "1" === "1"...原创 2021-01-26 10:29:46 · 86 阅读 · 0 评论 -
Antd Table rowSelection属性翻页后丢失前页选中项的思考以及处理方案
出现这个问题的时候我去看了一下antd官网上的例子很奇怪，官网上的是不会出现选择后翻页会丢失的问题后来经过观察发现，他们的数据压根不是翻页的数据（我们后台向前台返回table数据的时候一般是返回十条或者xx条），antd官方的数据是for循环生成的，不用加pagination属性就可以自动分页所以人家不用考虑这个问题但是实际项目中不可能直接吧所有数据返回回来，一定是分页后的再次翻看table组件的api（多理解，多看！这很重要）onSelect方法和onSelectall..原创 2021-01-08 14:13:34 · 4833 阅读 · 5 评论 -
Antd 穿梭框（Transfer）内部为树结构 动态数据的使用方法
Antd 穿梭框（Transfer）内部为树结构 动态数据的使用方法 <Transfer dataSource={transferDataSource} //所有节点（如果是树结构的也要遍历修改为list） targetKeys={targetKeys} //已经移动到右边的数据 showSelectAll={false} selectAllLabels={null} className="tree-原创 2021-01-05 16:00:42 · 5548 阅读 · 9 评论 -
Antd Form踩坑记录（提交表单时获取不到数据）
乍一看我代码一点毛病没有啊！！！！！！！！！！！！一个小时后。。。。。。同事看了一眼说不能有空格，有个空格都获取不到表单数据嗯。。。。。。。。。。。。知道了吧原创 2020-12-29 14:50:34 · 3007 阅读 · 3 评论 -
react dva 的使用
我先把我的整个的model放进来import modelExtend from 'dva-model-extend'import pathToRegexp from 'path-to-regexp'import { config } from 'utils'import { queryApprovalAll, queryList, approveJobs,queryuplist,queryImproperusr } from 'services/job'import { pageModel原创 2020-10-23 15:40:40 · 565 阅读 · 0 评论 -
react项目中利用‘axios‘ 跨域提交表单
import axios from 'axios'import qs from 'qs'//这个qs很重要 是转换formData的工具 axios.post( `${cognostest}/bi/v1/disp`, qs.stringify(‘这里放你要转换的表单数据，只有这样才能作为表单提交’), { headers:{ 'Content-Type':'application/x-www-form-urlencoded' }}, ).原创 2020-09-25 10:40:42 · 538 阅读 · 0 评论 -
react-xlsx 前台读取excel并且转换为json发送到后台处理
上才艺首先前台要npm一下react-xlsx用一个标签来承接你的excel文件并且触发一个onChange事件 <Button className="margin-right"> <input type='file' accept='.xlsx, .xls' onChange={onImportExcel} /> </Button>它长这个样子然后当你选择文件点击确认的时候会触发刚才的oncha.原创 2020-08-27 16:41:58 · 1412 阅读 · 1 评论 -
js去空格的两种方法
//去掉前后空格str.trim(); //去掉所有空格（前后以及中间）str.replace(/\s/g,"");原创 2020-08-11 10:20:30 · 430 阅读 · 0 评论 -
react dva中利用select方法取出state中的数据
yield select(state=> state.xxx)原创 2020-08-11 10:19:50 · 1697 阅读 · 3 评论