value为空时，不显示placeholder 在antd某些组件中，value为空时，显示为空。空在组件里面代表有值，如果想显示placeholder，需要判断当value为空时设置为undefined，就可以显示placeholder了。
控制台警告：Warning：[antd：Form.Item] `children` is array of render props cannot have `name`. 背景：项目中使用 antd 组件的 textarea，由于项目中安装的 antd 版本不支持 textarea 显示输入字数（如15/50），修改项目的 antd 版本可能会导致其他样式发生改变，所以需要手动实现。出现原因在项目中使用 Form.Item 包含了一个 antd 的 textarea 标签和一个 p 标签，且在获取表单元素值时，会得到 undefined ，取不到值。解决办法使用 Form.Item 包裹 textarea 标签，但是样式会发生改变。给 Form.Item 标签添加
git常用命令 Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库git clone 远程仓库地址：clone远程仓库代码git add：把修改的文件添加到暂存区，一次可以add多个文件，用空格隔开（也可以通过 git add . 命令将所有文件添加到暂存区）git commit -m ‘xxx’：把暂存区的所有内容提交到本地仓库（当前分支）git log：显示从最近到最远的提交日志，看到一大串类似2e70fd…的是commit.
数组的includes方法 includes方法属于ES7。与indexOf比较indexOf方法：如果存在要查找的值，会返回索引下标，如果不存在会返回-1；其内部使用的是严格等式运算符(===)进行判断，会导致对NaN的误判(因为NaN === NaN会返回false，如果数组中存在该元素，则无法找到)。例子：//indexOf[1, 2, 3].indexOf(2); // 1 [1, 2, 3].indexOf(4); // -1 [1, 2, NaN].indexOf(NaN); // -1//in
对象的解构赋值 栗子先来看一个解构赋值的例子：let uesr = { name: 'wenyue', age:20,}let { name, age } = user;console.log(name); //wenyueconsole.log(age); //20user.name的值存储到变量name中，user.age的值呗存储到变量age中。设置默认值let uesr = { name: 'wenyue',}let { name, age } = user;console.
React的函数组件与通信 定义函数组件是通过function来定义的，例如：function myComponent(props) { const { name } = props; return <h1>hello,{name}</h1>;}组件通信父组件传值给子组件：父组件：通过 属性名 = 值 的形式传递给子组件数据；子组件：通过 props 参数获取父组件传递过来的参数，可以参考上面的例子。可以通过propTypes对传入的参数进行验证。注：不可以使用this.props直接
react refs React 中的 Refs 提供了一种访问 render() 方法中创建的 React 元素（或 DOM 节点）的方法。使用场景管理焦点（如文本选择）或处理表单数据。refs可以使用react.createRef()创建，通过ref属性附加到react元素。refs通常在react组件的构造函数中定义，或作为函数组件顶层的变量定义。...
react中的state stateReact官方建议把State当做是不可变对象，State中包含的所有状态都应该是不可变对象，当State中的某个状态发生变化，我们应该重新创建这个状态对象，而不是直接修改原来的状态。State根据状态类型可以分为三种。数字，字符串，布尔值，null，undefined这五种不可变类型。因为其本身就是不可变的，如果要修改状态的话，直接赋新值就可以，例如：this.setState({ num: 1, string: 'hello', ready: true});数组
react添加多个classname 在react原生动态添加多个classname会报错。解决方案1.使用es6模板字符串：className={`title ${index === this.state.active ? 'active' : ''}`}2.classnames安装：npm install classnames --save使用：import classnames from 'classnames'<div className=classnames({ 'class1': true, //
react中引入图片的方式 平常，我们引用图片的方式: <img src='../../images/xx.png' />但在react中不允许使用这种方式，会报错，可以通过以下方式进行引入：import pic from '../../images/xx.png' <img src={pic} /><img src={require('../../images/xx.png')} />...
移动端自适应布局 vh vw将屏幕分成100份，无论屏幕大小怎么变，份数是不变的，每份所占的百分比不变。媒体查询通过媒体查询，设置断点，性能更高，不同屏幕大小设置不同的根元素的font-size大小（由于设计稿尺寸是二倍的，所以计算时要把二倍算进去），根据根元素font-size大小计算出px对应的rem的值。...
img标签与div元素拼接留白问题 在写样式时，有遇到过一个问题，当我写一个img标签与一个div元素进行拼接时，会有空隙，经查阅，得知是对img标签不够了解。img标签是一个图片标签，用法：<img src="url" title="名称" alt="加载失败显示数据"/>...
es6扩展运算符 (...) es6的扩展运算符就是取出参数对象中的所有可遍历属性，拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 }实际上是通过Object.assign方法实现的。let baz = Object.assign({}, bar); // { a: 1, b: 2 }/*将源对象（source）的所有可枚举属性，复制到目标对象（target）*/如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后
选择器权重问题 例：以下代码中，p 元素是什么颜色？<div class="a b c"> <p class="d">test</p></div><style> .a .d {color: green} p.d {color: yellow} .a.b p.d {color: red} .a p.d {color: black}...
获取url中各个部分的方法 示例：http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#lovewindow.location.host; //返回URL 的主机部分(带端口号)，www.home.com:8080window.location.hostname; //返回www.home.com:8080 window.lo...
小米前端面试 html5语义化重绘和回流闭包（应用、缺点）响应式bootstrapseo防抖节流和应用http和https（对称加密、非对称加密）水平垂直居中构造函数怎么创建一个对象 ？？？？项目中用过 hotcss ：实现原理jquery里的链式调用vue实现双向数据绑定的原理项目中：webpack实现了什么功能浏览器拿到页面后。。。。jsonp懒加载http状态码 301...
360前端面试 数组扁平化实现keep-alivepromise和settimeout执行顺序懒加载实现原理 可视窗口怎么判断定义变量的方法 var let const的区别null和undefined的区别伸缩性布局 flex布局 align-items justify-content闭包的理解 应用场景原型_proto_和prototype区别string为什么是基本数据类型typ...
4种常用的AJAX请求方式 在jQuery中，AJAX常见的请求方式主要有一下4种：1、$.ajax()返回其创建的 XMLHttpRequest 对象 $.ajax() 只有一个参数：参数key/value对象，包含各配置及回调函数信息。如果你指定了dataType选项，那么需要保证服务器返回正确的MIME信息，(如 xml 返回 “text/xml”)。实例：保存数据到服务器，成功时显示信息。$.ajax({...
关注
