原因是当使用change事件以后，会导致render渲染当前组件，导致input框失焦点。解决方案：避免当前组件重新渲染，将input框组件整个抽离出来。
发简信
IP属地：浙江
-
react 使用高阶组件 input框change事件导致是失焦点问题
-
React PureComponent 学习及浅比较详解
为什么用 PureComponent ？ PureComponent 是优化 React 应用程序最重要的方法之一，易于实施，只要把继承类从 Component 换成 Pur...
-
HTTP/2 多路复用技术分享什么是HTTP/2 HTTP/2 就是超文本传输协议的第二个主要版本，是自1999年 HTTP 1.1 之后发布的首个更新，主要基于 SPDY 协议（是Google开发的基于...
-
UI自动化测试神器->Cypress
序： Cypress是基于node.js环境的，安装则极为便利，如果我们测试人员维护好了自动化脚本，就可以直接将js脚本分享给研发人员，辅助研发人员进行自测。如果能将UI自动...
-
Vue笔记——npm详细教程
免责声明：此文章是转载文章，这里给出原链接，以示尊重。原作者名称：knqiufan原作者博客：https://blog.csdn.net/knqiufan原博客链接：http...
-
git同步远程tag(远程tags删除了但本地一直在)，sourcetree自定义操作前言在多人同步开发时经常遇到一个人将本地及远端的tag删掉后，另一个人即使fetch远程全部内容，远端被删掉的tag仍然还在，如果这时候再push操作,则之前远端删除的tag...
-
win10 安装 oh my zsh 和 window git bash 设置别名提高效率
安装 oh my zsh 公司使用Ubuntu系统。自己安装了 oh my zshoh my zsh官网。这里简述下安装方法 安装成功后，配置信息会在~/.zshrc。可以通...
-
vue-cli如何支持本地https
因为想做语音功能，找到navigator.mediaDevices.getUserMedia方法需要在https协议下才可以调用，于是第一步是解决vue-cli搭建的项目如何...
-
Mac下采用zsh代替bashZsh是一个Linux用户很少使用的shell，这是由于大多数Linux产品安装，以及默认使用bash shell。几乎每一款Linux产品都包含有zsh，通常可以用apt-...
-
js获取图片实际大小的宽高
简陋的获取图片实际宽高的方式 结果如下： 宽高都是0的这个结果很正常，因为图片的相关数据都没有被加载前它的宽高默认就是0，我们需要它加载完所有的相关数据再获取宽和高。 onl...
-
Svelte跨组件状态管理
svelte中对于组件内的状态管理比较简单，但是如何像其它框架一样进行跨组件间交互呢？ 利用props进行状态传递 我们首先通过官网APi可以了解到和其它框架一样的传递策略，...
-
SASS/SCSS入门笔记什么是SASS？ SASS(Syntactically Awesome Stylesheets)是一种动态样式语言，为CSS融入了编程元素，提供了很多便利的写法，使得CSS的...
-
KaKa_Xie ·1. 已知盒子大小：
1) 子盒子：定位+margin（position: absolute; left:50%; top:50%; margin-top:-盒子高度一半px;margin-left:-盒子宽度一半px）
水平居中margin: 0 auto;也可以
2) 子盒子：定位：positon: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
2. 未知盒子大小：定位+transform （left:50%;top:50%;transform: translate(-50%,-50%)）
3. flex布局: 父盒子 display:flex; just-content: center; aligin-items: center; (css英文可能有误)
4. 父盒子：display: table-ceil; text-align: center; vertical-align: middle;
5. 使用js获取到盒子的宽高，按照方法1设置 定位+margin
纯手打~错误勿见怪，毕竟我还是一个新手~ -
@老北京程序员 这种问题 都是因为gulp版本过低导致的，我是拿了三年的前的配置文件 直接使用的，才会出现这个问题， 如果跟着时代走的话 这个问题是不会发生的。不过还是谢谢楼主提供的解决方案，
解决NodeJS Gulp 报错 primordials is not defined
出现这个错误，多半是因为Gulp和Node版本不匹配导致的，例如 gulp v3 and node v12 方法： 在项目根目录创建npm-shrinkwrap.json在其...
-
webpack踩坑记--打包过后资源路径404问题前言 该文章是基于低版本 vue-cli2.x 创建的项目，vue-cli3.0 以后修改 webpack 配置需要在项目根目录下新建一个 vue.config.js，不过都...
-
哎 复制个代码 还设置禁止转载 也是醉了
解决NodeJS Gulp 报错 primordials is not defined
出现这个错误，多半是因为Gulp和Node版本不匹配导致的，例如 gulp v3 and node v12 方法： 在项目根目录创建npm-shrinkwrap.json在其...
