玖叶教程网

前端编程开发入门

2019跳槽季,前端面试官最喜欢问的几个React问题

很多应聘者在上一家公司干了几年后觉得自己实力有所长进,想尝试下跳槽给自己涨薪。有些人成功了,成功薪酬30%甚至50%。而有的人却被面试官问的灰头土脸,毫无信心。

也许在提问中碰到问题答不上来时你会思考并且反问:“这个问题在实际项目中有发生过吗,或者这个知识点在实际的项目中有用到吗,我有足够的自信,在实际项目过程中碰到该问题时肯定有办法解决”。

也许是这么个理。你确实是对的。但是面试官凭什么相信你呢?你以往的经历如何在面试过程能够得到证明呢?

以下是最近我从面试一些应聘者过程中总结的他们碰到过的但回答的不是太好的React问题以及答案。

React数据流

state

state是描述组件自身状态的。在 React 没有结合 Flux或 Redux 框架前,它自身也同样可以管理组件的内部状态。在 React 中,把这类状态统一称为state。

props

props 是 React 中另一个重要的概念,它是 properties 的缩写。 props 是 React 用来让组件之间互相联系的一种机制,通俗地说就像方法的参数一样。

React生命周期

react生命周期大致可以分为三个部分

第一部分是初始化周期,即中间部分的流程图,由constructor()-> componentWillMount() -> render() -> componentDidMount() 构成。

第二部分是更新周期,即右侧部分流程图,由componentWillReceiveProps(nextProps) -> shouldComponentUpdate(nextProps, nextState) -> componentWillUpdate(nextProps,nextState) ->

render() -> compnentDidUpdate() 构成。

第三部分是卸载周期,由左侧componentWillUnmount() 构成。

作用域绑定方式

ES6之前的主要是通过bind和apply方法进行绑定,而ES6新增了箭头函数的绑定作用域方式。

bind方法

bind方法是在构造函数调用完super()方法后, 进行调用,参数是this指向当前对象。

箭头函数

箭头函数不仅解决了作用域绑定的问题,并且它的声明方式简化了原来的函数声明,推荐使用箭头函数

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言