摘要:
Redux 的基础概念 三个基本原则 整个应用只有唯一一个可信数据源,也就是只有一个 Store State 只能通过触发 Action 来更改 State 的更改必须写成纯函数,也就是每次更改总是返回一个新的 State,在 Redux 里这种函数称为 Reducer Actions Action 阅读全文
2019年3月1日
摘要:
进化 Flux 我们可以先通过对比 Redux 和 Flux 的实现来感受一下 Redux 带来的惊艳。 首先是 action creators,Flux 是直接在 action 里面调用 dispatch: Redux 把它简化成了这样: 这一步把 dispatcher 和 action 解藕了, 阅读全文
摘要:
DOM 操作 大部分情况下你不需要通过查询 DOM 元素去更新组件的 UI,你只要关注设置组件的状态(setState)。但是可能在某些情况下你确实需要直接操作 DOM。 首先我们要了解 ReactDOM.render 组件返回的是什么? 它会返回对组件的引用也就是组件实例(对于无状态状态组件来说返 阅读全文
2019年2月28日
摘要:
组合组件 使用组件的目的就是通过构建模块化的组件,相互组合组件最后组装成一个复杂的应用。 在 React 组件中要包含其他组件作为子组件,只需要把组件当作一个 DOM 元素引入就可以了。 一个例子:一个显示用户头像的组件 Avatar 包含两个子组件 ProfilePic 显示用户头像和 Profi 阅读全文
摘要:
事件处理 一个简单的例子: 可以看到 React 里面绑定事件的方式和在 HTML 中绑定事件类似,使用驼峰式命名指定要绑定的 onClick 属性为组件定义的一个方法 {this.handleClick.bind(this)}。 注意要显式调用 bind(this) 将事件函数上下文绑定要组件实例 阅读全文
摘要:
组件生命周期 一般来说,一个组件类由 extends Component 创建,并且提供一个 render 方法以及其他可选的生命周期函数、组件相关的事件或方法来定义。 一个简单的例子: getInitialState 初始化 this.state 的值,只在组件装载之前调用一次。 如果是使用 ES 阅读全文
2019年2月27日
摘要:
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采 阅读全文