摘要:
(1)概念图+简介 中间件相当于在Action到Reducer的中间放置了一个函数,常用场景:项目日志、创建奔溃报告、调用异步接口等等。 例如之前常用案例ToDoList里的Redux结合axios异步获取数据 实际开发里,一般会将异步调用放到Redux中间件Redux-thunk来完成。 Redu 阅读全文
摘要:
介绍一下一个函数式编程里面非常重要的概念 —— 纯函数(Pure Function)。 简单来说,一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数。这么说肯定比较抽象,我们把它掰开来看: 函数的返回结果只依赖于它的参数。 函数执行过程里面没有副作用。 函数 阅读全文
摘要:
纯函数是函数式编程的基础,需要重点理解。纯函数的作用,可以看《JavaScript函数式编程之为什么要函数式编程(非严谨技术层面的扯淡)》。 纯函数的概念: 纯函数是这样一种函数,即相同的输入,永远会得到相同的输出,而且没有任何可观察的副作用。 他的重点在于“相同的输入,永远会得到相同的输出”,后面 阅读全文
摘要:
如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回。 var sum = (num1, num2) => { return num1 + num2; } 箭头函数返回对象,由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号。 阅读全文
摘要:
JavaScript在ES6语法中新增了箭头函数,相较于传统函数,箭头函数不仅更加简洁,而且在this方面进行了改进。this作为JavaScript中比较诡异的存在,许多文章对于this的解释也不尽相同,本篇文章试图厘清JS中函数与this的关系。 一、JS中函数的写法 1.常规函数的写法 在ES 阅读全文
摘要:
React动画通常有三种方法实现从易到难为: 1、transition(CSS3自带) 2、animation(CSS3自带) 3、react-transition-group动画库(需要引入插件) react生态圈十分庞大,类似于动画库有很多,这里我们介绍一款react-transition-gr 阅读全文
摘要:
分享一篇文章 原文链接:http://caibaojian.com/animation-fill-mode.html css3 animation状态结束后可以通过animation-fill-mode 控制动画的最后状态,分别是不改变默认行为、保持最后一个属性和回到第一帧。 假如我们就想让一个元素 阅读全文
摘要:
一、transition(CSS3自带) 1、用法示例: 1 2 3 4 .hide{ /*过渡动画效果*/ opacity: 1; transition: all 1s ease-in; } 含义:透明度在1s内从0渐变为1 2、transition其他参数 建议参考(http://www.run 阅读全文
摘要:
除了常见的mock.js,最近发现一款新的前端模拟数据工具easy-mock。 官网:https://www.easy-mock.com/ 登录成功后点击右下角+号,进行项目创建 输入项目名等相关信息,创建项目 创建接口 写入数据,创建接口 创建接口完毕后,复制链接 替换接口,然后将state置空 阅读全文
摘要:
本节介绍下React+Axios实现远程数据请求 这里注意:axios是一个独立程序,本质就是对AJAX的封装,可以和很多框架结合使用。 (1)安装依赖 >npm i axios --save (2)引入使用 建议在componentDidMount生命周期函数里进行数据请求,这里我们结合json- 阅读全文