03 2019 档案

react中实现css动画
摘要： 阅读全文
posted @ 2019-03-30 21:36 空瓶子装满了 阅读(459) 评论(0) 推荐(0)
react中使用charles实现本地数据mock
摘要：首先下载charles软件地址，更详细的使用方法都包含在操作文档里，包含汉化版补丁（下载后查看） 链接：https://pan.baidu.com/s/1Q5rMbcX0Wus7AwdGUWa-Wg 提取码：mkgt 如何利用charles来mock呢？首先我们要新建一个json文件来写我们的jso 阅读全文
posted @ 2019-03-30 21:07 空瓶子装满了 阅读(710) 评论(0) 推荐(0)
react中ref的使用
摘要：在react中获取真实dom的时候就需要用到ref属性，具体使用如下 阅读全文
posted @ 2019-03-30 19:03 空瓶子装满了 阅读(490) 评论(0) 推荐(0)
react中虚拟DOM
摘要：简单来说虚拟DOM就是一个js对象，相对于真实dom来做比较更节约性能，虚拟DOM执行过程如下 阅读全文
posted @ 2019-03-29 23:51 空瓶子装满了 阅读(164) 评论(0) 推荐(0)
react中prop-types的使用
摘要：什么是prop-types？prop代表父组件传递过来的值，types代表类型。简单来说就是用来校验父组件传递过来值的类型 那么如何解决父组件没传递值也会抛出的警告呢？可以使用react里的defaultProps来设置默认的props值 还有想学习更多proptypes的同学请关注react文档h 阅读全文
posted @ 2019-03-29 23:04 空瓶子装满了 阅读(5772) 评论(0) 推荐(0)
react生命周期
摘要：https://www.cnblogs.com/qiaojie/p/6135180.html https://www.cnblogs.com/yangzhou33/p/8799278.html 阅读全文
posted @ 2019-03-29 16:22 空瓶子装满了 阅读(115) 评论(0) 推荐(0)
react子组件向父组件传值
摘要：子组件向父组件传值，注意父组件传递函数的时候必须绑定this到当前父组件（handleEmail={this.handleEmail.bind(this)}），不然会报错 阅读全文
posted @ 2019-03-29 16:06 空瓶子装满了 阅读(2962) 评论(0) 推荐(0)
git常见命令
摘要：https://xianyulaodi.github.io/2017/03/31/git%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4%E6%80%BB%E7%BB%93/ 阅读全文
posted @ 2019-03-29 15:59 空瓶子装满了 阅读(130) 评论(0) 推荐(0)
react中label标签的作用
摘要：当我们点击输入内容触发input焦点的时候，就需要使用到label标签里的htmlFor属性来扩大点击的区域 代码如下： 阅读全文
posted @ 2019-03-29 15:25 空瓶子装满了 阅读(3049) 评论(0) 推荐(0)
react将HTML字符串解析为HTML标签
摘要：当后台返回的数据是字符串html的话，我们可以利用dangerouslySetInnerHTML属性来把字符串转换成html标签 阅读全文
posted @ 2019-03-29 15:12 空瓶子装满了 阅读(9646) 评论(3) 推荐(3)
react中state与setstate的使用
摘要：我们可以利用state来定义一些变量的初始值 要更改state里的值，注意要遵循react里immutable规范，state不允许我们做任何改变，只能通过setState来更改 强烈推荐setstate的写法如下： 还可以这样写 setState第二个参数回调函数，在setState设置完之后执行 阅读全文
posted @ 2019-03-29 00:58 空瓶子装满了 阅读(1540) 评论(0) 推荐(0)
react中Fragment组件
摘要：什么是Fragment？在我们定义组件的时候return里最外层包裹的div往往不想渲染到页面，那么就要用到我们的Fragment组件了，具体使用如下： 阅读全文
posted @ 2019-03-29 00:46 空瓶子装满了 阅读(2597) 评论(0) 推荐(0)
创建react开发环境
摘要：准备工作 1.下载node.js（http://nodejs.cn/download/）推荐下载长期支持的版本 2.下载cnpm（https://jingyan.baidu.com/article/9080802239521cfd90c80f55.html） 开始生成项目环境 1.运行 cnpm i 阅读全文
posted @ 2019-03-29 00:32 空瓶子装满了 阅读(127) 评论(0) 推荐(0)
数组常用方法
摘要：扩展运算符 Array.from：把类数组（获取一组元素、arguments...）对象转成数组，个人观点：具备length这个东西都可以使用Array.from()转数组 Array.of：把一组值，转成数组（没用过） Array.find：查找，找出第一个符合条件的数组成员，如果没找到返回und 阅读全文
posted @ 2019-03-22 20:28 空瓶子装满了 阅读(245) 评论(0) 推荐(0)
使用 arguments 对象
摘要：arguments 对象表示参数集合，它是一个伪类数组，拥有与数组相似的结构，可以通过数组下标的形式访问函数实参值，但是没有基础 Array 的原型方法。 使用 callee 回调函数 arguments 对象包含一个 callee 属性，它引用当前 arguments 对象所属的函数，使用该属性可 阅读全文
posted @ 2019-03-20 18:20 空瓶子装满了 阅读(269) 评论(0) 推荐(0)
call/apply/bind
摘要：使用 call() 和 apply() call 和 apply是 Function 对象的原型方法，它们能够将特定函数当作一个方法绑定到指定对象上并进行调用。具体用法如下： 其中参数 thisobj 表示this指定的对象，参数 args 表示要传递给被调用函数的参数。 call()方法只能接收多 阅读全文
posted @ 2019-03-20 18:01 空瓶子装满了 阅读(788) 评论(0) 推荐(0)
拓展 Array 方法
摘要：为 Array 对象扩展了一个迭代器之后，就可以利用这个法代器进一步拓展 Array 的方法，使其能够完成更多的实用功能。 阅读全文
posted @ 2019-03-20 17:09 空瓶子装满了 阅读(313) 评论(0) 推荐(0)
reduce/reduceRight
摘要：使用 reduce 和 reduceRight 方法可以汇总数组元素的值，具体用法如下： reduce reduceRight 阅读全文
posted @ 2019-03-12 13:45 空瓶子装满了 阅读(247) 评论(0) 推荐(0)
数组迭代
摘要：数组法代是一件很重要的操作，在 ECMAScript 5 之前主要使用 for 语句实现，这种方式不是很方便， 为此 ECMAScript 5 新增了 5 个与迭代相关的方法。 forEach：为数组中的每个元素调用定义的回调函数。 every：检查定义的回调函数如果每一项都返回true，则返回 t 阅读全文
posted @ 2019-03-12 13:13 空瓶子装满了 阅读(200) 评论(0) 推荐(0)
while/do while
摘要：while语句 while 语句是基本的重复操作语句。 在while语句中会先计算循环条件，如果循环条件返回值为 false，则会跳出循环结构，如果循环条件返回值为 true，则执行循环体内的语句，如果一直为true则导致死循环。 do/while 语句 do/while 语句是 while 循环结 阅读全文
posted @ 2019-03-03 19:26 空瓶子装满了 阅读(311) 评论(0) 推荐(0)