摘要： Redux 的基础概念 三个基本原则 整个应用只有唯一一个可信数据源，也就是只有一个 Store State 只能通过触发 Action 来更改 State 的更改必须写成纯函数，也就是每次更改总是返回一个新的 State，在 Redux 里这种函数称为 Reducer Actions Action 阅读全文

摘要： 进化 Flux 我们可以先通过对比 Redux 和 Flux 的实现来感受一下 Redux 带来的惊艳。 首先是 action creators，Flux 是直接在 action 里面调用 dispatch： Redux 把它简化成了这样： 这一步把 dispatcher 和 action 解藕了， 阅读全文

摘要： DOM 操作 大部分情况下你不需要通过查询 DOM 元素去更新组件的 UI，你只要关注设置组件的状态（setState）。但是可能在某些情况下你确实需要直接操作 DOM。 首先我们要了解 ReactDOM.render 组件返回的是什么？ 它会返回对组件的引用也就是组件实例（对于无状态状态组件来说返 阅读全文

摘要： 组件间通信 父子组件间通信 这种情况下很简单，就是通过 props 属性传递，在父组件给子组件设置 props，然后子组件就可以通过 props 访问到父组件的数据／方法，这样就搭建起了父子组件间通信的桥梁。 div 可以看作一个子组件，指定它的 onClick 事件调用父组件的方法。 父组件访问子 阅读全文

摘要： 组合组件 使用组件的目的就是通过构建模块化的组件，相互组合组件最后组装成一个复杂的应用。 在 React 组件中要包含其他组件作为子组件，只需要把组件当作一个 DOM 元素引入就可以了。 一个例子：一个显示用户头像的组件 Avatar 包含两个子组件 ProfilePic 显示用户头像和 Profi 阅读全文

摘要： 事件处理 一个简单的例子： 可以看到 React 里面绑定事件的方式和在 HTML 中绑定事件类似，使用驼峰式命名指定要绑定的 onClick 属性为组件定义的一个方法 {this.handleClick.bind(this)}。 注意要显式调用 bind(this) 将事件函数上下文绑定要组件实例 阅读全文

摘要： 组件生命周期 一般来说，一个组件类由 extends Component 创建，并且提供一个 render 方法以及其他可选的生命周期函数、组件相关的事件或方法来定义。 一个简单的例子： getInitialState 初始化 this.state 的值，只在组件装载之前调用一次。 如果是使用 ES 阅读全文

摘要： 属性扩散 有时候你需要给组件设置多个属性，你不想一个个写下这些属性，或者有时候你甚至不知道这些属性的名称，这时候 spread attributes 的功能就很有用了。 比如： props 对象的属性会被设置成 Component 的属性。 属性也可以被覆盖： 写在后面的属性值会覆盖前面的属性。 关 阅读全文

摘要： 1.一些开放性题目 1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发？ 4.平时是如何学习前端开发的？ 5.未来三到五年的规划是怎样的？ position的值， relative和absolute分别是相对于谁进行定位的？ § ab 阅读全文

摘要： 1、描述对react理解？ react是一个用于构建用户界面的JS库。 react主要用于构建UI。很多人认为 React 是 MVC 中的 V（视图）。 react起源于：Facebook的内部项目，用来架设instagram网站，于2013年5月。 2、react特点？ 生命式设计：react采 阅读全文