WDF.-CSDN博客

原创 antd tree异步加载，只有首次点击加载，再次点击不加载问题

场景：最近做tree异步加载的功能，但是发现只有我第一次点击的时候，会调用方法加载，后面再点击都不会再加载。需求：每次点击都会加载解决方法：用onExpand，onLoad，loadedKeys，expandedKeys<Tree showIcon blockNode loadData={this.onLoadData} onLoad={this.onLoad} // 节点加载完毕时触发 onSelect={this.onSelectTree} selecte

2020-12-27 15:12:40 7707 9

原创使用nexus在windows上搭建npm私服

一、下载安装1、在官网下载：Nexus Repository Manager OSS 3.x, 解压至任意位置。（但是我在官网下载了几次都没成功）百度云下载地址：Nexus Repository Manager OSS 3.x提取码：7w7w2、管理员运行cmd, 切换到 nexus-3.17.0-01/bin 目录，nexus.exe /install进行安装, 成功后会提示 Installed service 'nexus'注意：如果提示 wrapper | OpenSCManager f

2020-11-10 20:10:49 609

原创火狐浏览器和IE浏览器滚动条隐藏设置

本来想修改在火狐浏览器滚动条的样式，但是并没有找到可以修改的方法。不过倒是找到了可以隐藏滚动条的办法。火狐：scrollbar-color: transparent transparent;IE:-ms-overflow-style: none;

2020-07-23 19:03:25 819

原创警告：There are multiple modules with names that only differ in casing...

There are multiple modules with names that only differ in casing. //有多个模块同名仅大小写不同This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. // 在使用其他大小写语义的文件系统上编译时，这可能导致意外的行为。Use equal casing. Compare these module.

2020-07-21 16:00:47 2497

原创在creact-react-app引入less，以及失效问题

使用 create-react-app 脚手架搭建react项目后1.执行命令下载less和less-loadernpm install less-loader less --save-dev2、执行暴露出webpack 相关的配置文件yarn eject3.修改 config/webpack.config.js ，一共修改了三处代码：const lessRegex = /\.less$/; const lessModuleRegex = /\.module\.less$/;代码：

2020-07-17 18:44:05 943

转载 React：props赋值给state出现的问题

import { render } from 'react-dom'import React from 'react'class Child extends React.Component { constructor(props) { super(props) this.state = { list: props.list } } handleCilck = () => { this.setState({ list: this

2020-07-15 17:57:01 3067

转载 React.Fragment

React 中一个常见模式是为一个组件返回多个元素。return的内容只能有一个根节点，需要一个包裹元素。Fragment的好处是聚合成一个子元素列表，且在DOM中不增加额外节点。可以直接简写成<></>。Fragments 看起来像空的 JSX 标签：render() { return ( <> <ChildA />...

2020-04-30 17:42:01 374

原创 BAD_POOL_CALLER蓝屏故障

前天上午下载微信，没有仔细看就直接下载了，结果捆绑着下载了电脑管家。结果从那时起，时不时电脑就会出现蓝屏。然后我就尝试把微信和电脑管家删除，结果电脑管家怎么都删不去，每次删到中途就又出现蓝屏。后来去尝试了好几种百度的办法，都没有用。最后找到了解决办法：1、进入安全模式：windows+R输入msconfig进入，选择引导 --> 安全引导,点击确定...

2020-03-30 09:52:23 11149 3

原创无法找到模块“react-vcode”的声明文件。“e:/atscloud-show-uide_modules/react-vcode/dist/index.js”隐式拥有 "any" 类型。

昨天想写一个验证码的功能，当安装并引入’react-vcode‘之后，出现了下面的错误提示：无法找到模块“react-vcode”的声明文件。“e:/atscloud-show-uide_modules/react-vcode/dist/index.js”隐式拥有 "any" 类型。 Try npm install @types/react-vcodeif it exists or add a ...

2020-03-25 15:52:23 6348 1

原创 PowerShell yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。

昨天下载了一个项目之后，当我npm install yarn –g 全局安装yarn之后，输入yarn install报错.解决办法：搜索powershell，右键以管理员身份运行若要在本地计算机上运行您编写的未签名脚本和来自其他用户的签名脚本，请使用以下命令将计算机上的执行策略更改为 RemoteSigned执行：set-ExecutionPolicy RemoteSigned，选...

2020-03-24 15:16:23 1088

原创 ssh的配置

1、找到安装git的位置，打开git bash2、使用cd ~/.ssh查看是否已配置ssh3、执行生成公钥与私钥的命令ssh-keygen -t rsa4、查看公钥cat ~/.ssh/id_rsa.pub5、然后将这一长串的东西复制，在SSH Keys中添加...

2020-03-24 15:08:23 326

原创 Ts-react应用技巧

Ts-react应用技巧TS 中使用 typeof 自动获取数据类型在写 React 项目时，有些时候，你的 state 可能会有默认值，比如：const initialState = { username: '', mobile: '', isVip: false, addresses: []}type IState = typeof initialStatecl...

2020-03-12 13:32:13 344

转载防抖与节流原理及其实例讲解

开发中的常用场景：• 页面的scroll事件• input框等的输入事件• 拖拽事件用到的mousemove等这些都是短时间内，高频率触发函数的情况，对于这些情况，我们经常设置函数的防抖和节流去解决这些问题。那函数防抖节流到底是什么？如何实现呢？下面分别对防抖节流进行介绍。防抖基础概念防抖就是，等待指定的时间，并且指定时间内无再次调用，才执行一次函数。如果在这段时间内调用了，就重新...

2020-03-11 17:18:44 1302

原创全屏后超出部分被隐藏问题

默认情况下，浏览器只会简单地将元素设置为全屏显示。如果该元素全屏后，高度比屏幕还高，超出的部分将会被隐藏。为了将超出部分可以滚动显示，最顶层全屏显示的元素要特别设置：position : relative;width : 100%;height : 100%;overflow : auto;...

2020-03-05 12:53:53 747

原创打印出 1 - 10000 之间的所有对称数，例如 121、1331 等

[...Array(10000).keys()].filter((x) => { return x.toString().length > 1 && x === Number(x.toString().split('').reverse().join('')) })

2020-03-01 14:46:20 1094

原创删除对象中的某个属性

delete 操作符用于删除对象的某个属性；如果没有指向这个属性的引用，那它最终会被释放。const Employee = { firstname: 'John', lastname: 'Doe'}console.log(Employee.firstname);// expected output: "John"delete Employee.firstname;cons...

2020-02-28 01:02:48 1840

原创 antd的RangePicker控件选中时间的value值如何转化获取？

antd的RangePicker的onChange中dateString是已经转换过的值，可以直接获取，非常简便handleSelectTime = (value,dateString) => { console.log('选择的时间：', dateString)}<Form.Item label="日期" {...formItemLayout}> {get...

2020-02-26 22:45:30 10426

原创 antd-设置RangePicker默认选择时间

1、引入momentvar moment = require('moment');2、设置区间和默认选择时间// 默认选择时间为最近7天const defaultSelectDate = { startDate: moment().startOf('day').subtract(7, 'd'), endDate: moment().endOf('day')}3、设置到组件...

2020-02-26 22:33:20 5537

原创下面的代码打印什么内容，为什么？

var b = 10;(function b() { b = 20; console.log(b)})()输出结果：ƒ b() { b = 20; console.log(b)}原因：我的理解是，先不看函数自执行，直接fn b()首先函数声明比变量要高，其次b = 20 没有var 获取其他，说明是window最外层定义的变量。js作用域中，先找最近的那就是...

2020-02-21 23:19:05 668

原创 BFC的介绍及应用

BFC 就是块级格式上下文，是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。BFC特性：内部box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定，在一个BFC中，两个相邻的块级盒子的垂直外边距会产生折叠。在BFC中，每一个盒子的左外边缘（margin-left）会触碰到容器的左边缘(border-left)（对于...

2020-02-13 18:11:47 184

原创下面代码中 a 在什么情况下会打印 1？

2020-02-13 17:31:18 1077

原创改造下面的代码，使之输出0 - 9，写出你能想到的所有解法

for (var i = 0; i< 10; i++){ setTimeout(() => { console.log(i); }, 1000)}结果：10,10,10,10,10,10,10,10,10,10解决办法汇总方法一：原理：利用 setTimeout 函数的第三个参数，会作为回调函数的第一个参数传入利用 bind 函数部分执行的特性代码1...

2020-02-13 16:45:48 831

原创如何实现一个 new

function _new(fn, ...arg) { const obj = Object.create(fn.prototype); const ret = fn.apply(obj, arg); return ret instanceof Object ? ret : obj;}

2020-02-13 11:27:15 118

原创将数组扁平化并去除其中重复数据，最终得到一个升序且不重复的数组

let arr = [1,[5,3,9,6],[6,4,[1,5,[3,2,7]]],[8,7,4,0,[8,9]]]1、将数组扁平化方法一：b.flat(Infinity)方法二：b.toString().split(",").map(Number)结果：[1, 5, 3, 9, 6, 6, 4, 1, 5, 3, 2, 7, 8, 7, 4, 0, 8, 9]2、将数组扁平化，最终得...

2020-02-12 23:54:49 575

原创宏任务和微任务

1、宏任务(macro)task（又称之为宏任务），可以理解是每次执行栈执行的代码就是一个宏任务（包括每次从事件队列中获取一个事件回调并放到执行栈中执行）。浏览器为了能够使得JS内部(macro)task与DOM任务能够有序的执行，会在一个(macro)task执行结束后，在下一个(macro)task执行开始前，对页面进行重新渲染，流程如下：(macro)task->渲染->(...

2020-02-12 20:38:12 399

原创关于setState的同步和异步

react中setState是同步的还是异步，那什么场景下是异步的，可不可能是同步，什么场景下又是同步的？1、setState 只在合成事件和钩子函数中是“异步”的，在原生事件和 setTimeout 中都是同步的。合成事件：react为了解决跨平台，兼容性问题，自己封装了一套事件机制，代理了原生的事件，像在jsx中常见的onClick、onChange这些都是合成事件。原生事件：原生事件是...

2020-02-11 21:42:18 1046

转载关于state和prop不变化的组件渲染

(1)setState()函数在任何情况下都会导致组件重渲染吗？如果setState()中参数还是原来没有发生任何变化的state呢？没有导致state的值发生变化的setState是否会导致重渲染 ——【会！】那么问题就来了，我的UI明明就没有任何变化啊，为什么要做着中多余的重渲染的工作呢？把这工作给去掉吧。于是这里react生命周期中的shouldComponentUpdate函数就派...

2020-02-11 19:24:35 471

原创 this.props.form.getFieldDecorator(id, options)

经过 getFieldDecorator包装的控件，表单控件会自动添加value（或 valuePropName 指定的其他属性） onChange（或 trigger 指定的其他属性），数据同步将被 Form 接管，这会导致以下结果：1、你不再需要也不应该用 onChange 来做同步，但还是可以继续监听 onChange 等事件。2、你不能用控件的 value、 defaultValue ...

2020-02-11 19:12:01 1992

原创在组件中应用编辑器react-ace

因为之前做的项目中需要一个编辑器，尝试了几种办法后，最终用了react-ace首先 npm install react-aceimport AceEditor from 'react-ace';import "ace-builds/src-noconflict/mode-javascript"; //导入语言import "ace-builds/src-noconflict/theme-x...

2020-02-11 19:03:26 356

原创 ant design 清空 input value值后 placeholder不显示的问题

ant design 清空 input value值后 placeholder不显示的问题:解决办法：把清空的值做个判断显示成undefined

2020-02-11 18:48:31 1191

转载 react-router-dom之Redirect(重定向)理解

这段时间写个小项目，实战过程中，路由理解得一塌糊涂其中有个业务逻辑是这样的:我有个layout布局组件，想在其中显示我所定义的子路由，其中有个需求，当我访问/home时，我想重定向到/home/page1，其中我的配置大概如下：<HashRouter> <Switch> <Route exact path="/" render={() => ...

2020-02-11 10:27:30 6281

转载 a 标签的下载功能

a 标签的下载功能之前做的项目中有一个导出数据的功能，实现代码如下：<Button disabled={!dataSource.length} href= {URI(URL.overallDetailExportUsingGet).query(Object.assign({},params, {orderType,orderField}))} t...

2020-02-10 23:05:49 2285

转载 react-router 的基本使用

react-router 的基本使用在做项目的时候发现自己对路由的了解还不够，只会简单的一些东西，对于页面跳转和url重置导致的路由相关的匹配了解不多，所以简单说一说路由。路由路由就是用来保持我们的UI和URL相同步，可以正确的渲染页面，它拥有简单的 API 与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理。首先，可以通过npm安装react-router-dom，re...

2020-02-10 22:44:28 169

原创 React 中 dangerouslySetInnerHTML 使用

React 中 dangerouslySetInnerHTML 使用在react中，通过富文本编辑器进行操作后的内容，会保留原有的标签样式，并不能正确展示。例如：this.state.sourText = <div>这是一段文字</div> ... render() { return <div>{this.state.sourText}<...

2020-02-10 12:04:27 787

原创 antd 表格用fixed：“left”在typescript中报错

最近在用antd的做一个固定列的表格，会用到fixed：“left”，但是却提示以下错误：不能将类型“({ title: string; dataIndex: string; key: string; sorter: boolean; width: number; fixed: string; render?: undefined; filters?: undefined; filterMult...

2020-02-04 16:59:38 2650 4

转载 Typescript error :Property mozRequestFullScreen' does not exist on type 'HTMLElement'

当我一开始在做全屏功能的时候，遇到了以下这个问题：Typescript error :Property mozRequestFullScreen' does not exist on type 'HTMLElement'.其他类似问题：property ‘xxx’ does not exist on type ‘yyy’解决：声明用let de : any;...

2020-02-03 23:15:50 1342

原创 react 实现页面全屏效果

HTML代码：<span onClick={this.handleFullScreen}> <Icon type="fullscreen" /></span>js代码：constructor(props){ super(props); this.state={ isFullScre...

2020-02-03 22:45:14 1599

原创全屏处理后，antd的Select组件不显示下拉框

全屏处理后，antd的Select组件不显示下拉框最近做全屏功能的时候遇到这个问题：非全屏下Select组件下拉框是正常显示的。但是在全屏处理后，Select组件不显示弹出框的下拉选项。原因：Select组件有个API：getPopupContainerAnt Design官方文档给出的用途解释为：“菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的...

2020-02-03 22:04:02 6115 4

原创 github进行团队合作

一、以组长身份1、先在自己的GitHub上创建一个项目2.在Repository name下面填入项目名，选择public，然后点击Create repository3、进入到本地文件（因为我当前的文件已经初始化为一个本地仓库，所以已经有了git文件，没有初始化的文件是没有git文件的）4、初始化本地仓库，使用git init命令，当前目录就成为了git的本地仓库，在当前目录中会产...

2019-10-29 00:14:45 416

原创 js运算符

运算符-运算符也称为操作符，通过运算符可以对一个或多个值进行运算或操作-typeof运算符-用来检查一个变量的数据类型-语法：typeof 变量-它会返回一个用于描述类型的字符串作为结果1、算数运算符+对两个值进行加法运算并返回结果-对两个值进行减法运算并返回结果*对两个值进行乘法运算并返回结果/对两个值进行除法运算并返回结果%对两个值进行取余运算并返回结果注： 1、...

2019-09-02 19:13:44 92

空空如也

空空如也