分享常见的Web前端开发面试题_惠州前端培训学校

下面惠州北大青鸟老师给大家分享常见的Web前端开发面试题，希望对大家有帮助。

第一题：React的渲染机制

1、React整个的渲染机制就是React会调用render()函数构建一棵Dom树

2、在state/props发生改变的时候，render()函数会被再次调用渲染出另外一棵树，重新渲染所有的节点，构造出新的虚拟Domtree跟原来的Domtree用Diff算法进行比较，找到需要更新的地方批量改动，再渲染到真实的DOM上，由于这样做就减少了对Dom的频繁操作，从而提升的性能。

第二题：React的生命周期

1.挂载卸载过程

1.1.constructor()

1.2.componentWillMount()

1.3.componentDidMount()

1.4.componentWillUnmount()2.更新过程

2.1.componentWillReceiveProps(nextProps)

2.2.shouldComponentUpdate(nextProps,nextState)

2.3.componentWillUpdate(nextProps,nextState)

2.4.componentDidUpdate(prevProps,prevState)

2.5.render()React的生命周期从广义上分为三个阶段：挂载、渲染、卸载

第三题：vue的生命周期是什么

vue的八大生命周期状态：1、beforeCreate;2、created;3、beforeMount;4、mounted;5、beforeUpdate;6、updated;7、beforeDestroy;8、destroyed。

第四题：前端中vue的登录怎么做的

1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码

2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token

3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面

4、前端每次跳转路由，就判断localStroage中有无token，没有就跳转到登录页面，有则跳转到对应路由页面

5、每次调后端接口，都要在请求头中加token

6、后端判断请求头中有无token，有token，就拿到token并验证token，验证成功就返回数据，验证失败(例如：token过期)就返回401，请求头中没有token也返回401

7、如果前端拿到状态码为401，就清除token信息并跳转到登录页面

第五题：前端vue中的权限怎么做的

接口权限

1token判断

菜单权限

1根据接口返回用户权限

2前端接受后台返回的已经筛选好的用户权限列表

第六题讲讲你最近做的react项目的业务和流程

第七题讲讲你最近做的Vue项目的业务和流程

第八题：你知道vue中的什么展开讲讲

Vue中的侦听器(watch)

Vue中的过滤器(filter)

Vue中的生命周期

Vue中的网络请求

ajax、axios、fetch的区别

axios使用方法

axios封装代码(直接使用)

Vue中的组件

全局组件

局部组件

组件之间的数据传递

Props(父→子)

自定义事件(子→父)

自定义组件的v-model

Vuex

更多前端资讯关注网站动态，或者来惠州北大青鸟新方舟校区了解一下。

标签：惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟