前端
文章平均质量分 59
JeremyYong
任何能用JavaScript实现的应用程序,最终都必将用JavaScript实现
展开
-
React && Redux 学习笔记(一)
介绍react的一些基本的知识原创 2017-07-17 22:56:15 · 399 阅读 · 0 评论 -
React 的无状态函数
React 官方推出的三种构造组件的方法:React.createClass、ES6 classes、无状态函数(stateless function)。下面仅简单介绍一下无状态函数:使用无状态函数构建的组件成为无状态组件,这种构建的方式是0.14版本之后新增的,官方也比较推崇:简单的代码实例:function Button({ color = 'blue' , tex原创 2017-07-22 15:50:07 · 743 阅读 · 0 评论 -
react 学习笔记——diff算法
diff算法是react中经典之作,他很巧妙,该算法是react整个界面渲染的基础和保障。将之前先介绍一下传统的DIff的弊端:传统的Diff算法通过循环递归依次对节点进行对比,效率比较低下,算法的时间复杂度为O(n^3),n为树的节点数,当节点比较多的时候,这种搜索次数将会急剧增加,计算机的负荷开销将会十分巨大。DIFF的三种策略:DOM间的diff、组件间的diff、元素间原创 2017-07-22 21:26:35 · 1063 阅读 · 0 评论 -
redux 学习笔记
redux的基本原则:Flux的基本原则是“单项数据流”,redux的基本原则强调三个基本原则:1.唯一数据源(single source of truth);应用的状态只存储在唯一的store上。2.保持状态只读(state is read-only);不能直接去修改状态,如果要修改状态,必须通过派发的一个action对象完成,这一点和flux类似。3.数据改变只能通过纯原创 2017-07-25 20:51:24 · 224 阅读 · 0 评论 -
Redux 学习笔记(二)
高阶组件:简单的说,高阶组件就是一个函数,这个函数接收一个组件作为输入,返回一个组件作为结果,因此,新返回的组件拥有了输入组件所不具备的功能。import React from '.react';function removeUserProp(WrappedComponent){ return class WrappingComponent extends React.Comp原创 2017-07-27 14:12:44 · 158 阅读 · 0 评论 -
let、var、const的区别
1.let命令是ES6中新增的一个命令,用于声明变量,该命令的用途有点类似于传统的var的定义变量,但是let的作用域是在一个块中才有作用,例如:{ let x = 100; var y = 99;}a //ReferenceError:a is not definedb //99let 命令比较适用于for循环的内部,因为该变量的作用域仅仅在for{}内部,出了这个域就不能用了原创 2017-08-05 11:23:52 · 444 阅读 · 0 评论 -
如何在React中做Ajax 请求?
如何在React中做Ajax 请求?首先:React本身没有独有的获取数据的方式。实际上,就react而言,它甚至不知道有服务器画面的存在。React只是简单地渲染组件,单独从两个地方获取数据:props 和 state。因此,为了使用服务器的数据,你需要在你的组件(component)的props或state里拿到数据。你可以将这个过程与服务和数据模型复杂化,就像原创 2017-08-05 12:02:54 · 12232 阅读 · 0 评论 -
ES6 语法---变量的赋值与解析
(1)交换变量的值let x = 1;let y = 2;[x, y] = [y, x];(2)从函数返回多个值函数只能返回一个值,如果要返回多个值,只能将它们放在数组或对象里返回。有了解构赋值,取出这些值就非常方便。// 返回一个数组function example() { return [1, 2, 3];}let [a, b, c] = ex原创 2017-08-05 14:43:16 · 723 阅读 · 0 评论 -
react && redux 学习笔记(二)
Reat的生命周期: react组件的生命周期分为三个过程:装载过程(Mount)、更新过程(Update)、卸载过程(UnMount)。装载过程:1.constructor 构造函数中初始化state,同时绑定成员函数的this环境, 例如:this.onclickButton = this.onclickButton.bind(this)这样当函数被调用的时原创 2017-07-21 19:33:16 · 860 阅读 · 0 评论