webLion200

摘要： 容器组件和展示组件 在上一讲的实例中可以发现，一个React组件基本上就完成两个功能： 和store打交道，计算state 渲染用户界面 拆分组件有一个原则，就是要让每个组件只承担一个功能，如果发现一个组件承担的事情太多，就要继续划分这个组件。 通常，我们把一个组件划分为容器组件和展示组件。容器组件 阅读全文

摘要： 在大型项目中，如果完全使用react管理数据将会是一件很麻烦的事情。这一章，我们将介绍如何使用redux来管理你的应用状态。 Redux的基本原则 我们知道，react的数据都是“单向数据流”，即由父组件往子组件一层一层的传递。redux在此基础上又强调了三个基本原则： 唯一数据源 保持状态只读 数 阅读全文

摘要： React组件的数据分两种，prop和state，prop或state的改变都会引发组件的重新渲染。prop是组件的对外接口，state是组件的内部状态，对外用prop，对内用state。 React的prop 当外部世界要传递数据给React组件，最直接的方式就是通过prop;同样，React组件 阅读全文

摘要： 对象方法中的super 原型对于javascript来说非常重要，甚至可以说是javascript中最为重要的知识点。然而，很多人一看到原型就懵逼。ES5我们可以使用Object.getPrototypeOf()来返回原型对象，使用Object.setPrototypeOf()来设置原型对象。 看下 阅读全文

摘要： ES5中创建一个对象(或者叫做类)，通常使用构造函数定义实例属性，原型模式用于定义方法和共享属性。对象实例可以访问原型中的值，但不能修改原型中的值。 function Person(name, age) { this.name = name; this.age = age; this.friends 阅读全文

摘要： 每个组件在网页中有自己的生命周期，生命周期可能会经历如下三个过程： 装载过程（Mount）:第一次在DOM树中渲染的过程 更新过程（Update）:组件被重新渲染的过程 卸载过程（Unmount）:组件从DOM中删除的过程 三种不同的过程，React库会一次调用组件的一些成员函数，这些函数被称为组件 阅读全文

摘要： 先回顾一下上一讲的原型。 // 原型 function Person(name) { this.name = name; } Person.prototype.sayName = function() { alert(this.name) } var p1 = new Person('嘿嘿'); c 阅读全文

摘要： 创建对象 通常，我们可以通过Object构造函数或对象字面量创建单个对象，但是当我们使用同一个接口创建安很多对象时，就会产生大量代码。所以，我们可以使用下面几种方式创建对象。 1. 工厂模式 function createPerson(name, age, job) { var o = new Ob 阅读全文

摘要： 1.加载CSS 命令行输入 webpack.config.js配置如下 文件结构如下 style.css src/index.js 命令行 npm run build 2.加载图片 这里的文件结构将要发生变化，以下内容将于实际的开发调试相关 3.HtmlWebpackPlugin 自动生成index 阅读全文

摘要： 新建文件如下结构： index.html如下： 1.安装webpack 2.配置文件 webpack.config.js 3.创建bundle 命令行输入 npm install save lodash 在index.js文件如下： 4.NPM Scripts 在命令行输入 npm run buil 阅读全文