2018年09月_astonishqft

原创 es6之扩展运算符三个点（...）

es6之扩展运算符三个点（...）es6之扩展运算符三个点（...）对象的扩展运算符数组的扩展运算符总结es6之扩展运算符三个点（…）对象的扩展运算符理解对象的扩展运算符其实很简单，只要记住一句话就可以：对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...z }; /...

2018-09-30 19:09:23 249308 27

原创 React之高阶组件

React之高阶组件React之高阶组件前言基本用法属性代理模式`(Props Proxy)`通过ref访问组件实例反向继承`(Inheritance Inversion)`总结React之高阶组件前言高阶组件就是一个函数，且该函数接受一个组件作为参数，并返回一个新的组件从高阶组件的定义来看，高阶组件并不是一个组件，它就是一个函数，接受一个组件并且返回一个被包装过的新组件。const...

2018-09-29 11:27:01 2662 1

原创 React之context上下文详解

React的context介绍React的context介绍简介用法总结React的context介绍简介首先介绍下React中context这个概念，React官方文档上是这么介绍的：Context provides a way to pass data through the component tree without having to pass props down manua...

2018-09-27 17:04:27 1157 1

原创 js中call()和apply()方法的区别

js中call（）和apply（）方法的区别js中call()和apply()方法的区别定义示例js中call()和apply()方法的区别定义在W3Cschool中是这么定义这两个方法的:call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来...

2018-09-27 13:16:36 242

原创 Array.prototype.slice.call(arguments)的理解

Array.prototype.slice.call（arguments）的理解Array.prototype.slice.call(arguments)的理解应用原理类似用法Array.prototype.slice.call(arguments)的理解应用看一个简单的例子：function foo(a,b,c,d) { var arg = Array.prototype.sli...

2018-09-27 10:39:47 4399 8

原创 redux之compose的理解

redux之compose的理解redux之compose的理解应用reduce方法compose函数redux之compose的理解应用最近给自己的react项目添加redux的时候，用到了redux中的compose函数，使用compose来增强store，下面是我在项目中的一个应用:import {createStore,applyMiddleware,compose} from '...

2018-09-20 19:56:02 10869 2

generator函数的应用generator函数的应用generator函数的应用最近在学习到redux-saga用法的时候，发现其中大量用到了es6中新增的Generator函数，在学习Generator函数的同时，整理了一些关于Generator函数的基本应用，这篇文章不涉及到Generator函数的基本用法，关于基本语法知识大家可以参考[这里](http://es6.ruanyifen...

2018-09-20 13:13:30 661

翻译 ES6生成器的基础知识

发布文章博文管理我的博客退出 Trash Temp ES6生成器的基础知识 @TOCES6生成器的基础知识JavaScript ES6中最令人兴奋的新特性之一是新增了一种新类型的函数，称为generator(下面会被翻译为“生成器”)。这个名字有点奇怪，但乍一看，这个函数的行为会更奇怪。本文旨在解释它们如何工作的基础知识，并帮助你理解为什么它可以...

2018-09-19 22:05:38 199

原创 connect-history-api-fallback库的理解

connect-history-api-fallback库的理解connect-history-api-fallback库的理解介绍使用方法选项结论connect-history-api-fallback库的理解介绍今天在搭建项目的时候遇到了一个问题，该项目是一个单页面应用，前端使用的是React，用react-router做的前端路由，后端用的express做的web服务器，遇到的问题是通...

2018-09-18 18:52:54 16344 1

原创 Redux添加redux-devtools工具

Redux添加redux-devtools工具Redux添加redux-devtools工具介绍安装用法Redux添加redux-devtools工具介绍今天在给自己的react项目添加redux的时候用到了redux-devtools工具，这里记录下配置过程。安装redux-devtools需要配合Chrome插件来一起使用，使用前需要在浏览器中自行安装好插件，安装方法大家可以自行百度...

2018-09-18 18:09:52 3788

astonishqft的博客