行业动态
2019年前端面试高频题汇总
2024-03-23

前言

“金九银十“跳槽季,又到了面试求职的高峰期。好多小伙伴都会跳槽去找工作。如果你不跳槽,也建议把这篇文章看完,毕竟金九银十之后,就是金三银四了,总是逃不掉的

1. wx.request 请求拦截与响应拦截

拆分成两个问题: 请求拦截与响应拦截

请求拦截:确定是否发送请求

响应拦截:返回值做统一处理

ps: 在 axios 中,我们可以进行

axios.interceptors.request 和

axios.interceptors.response 进行请求和响应的拦截。

show code!

2. taro request的 promise实现原理

使用 promise在 wx.request外包一层。

3. 小程序生命周期 以及 app与page生命周期的运行顺序

小程序运行机制

小程序冷启动与热启动: 热启动是**次进入小程序,冷启动是已经用过小程序,异步下载最新的代码包,并在下一次使用时使用。如果需要马上启用则需要 wx.getUpdateManager()

生命周期文档

两个线程同时创建

4. 小程序组件之间传参的方法

父->子:子组件通过 properties:{text:{type:string,value:"default"}}接受参数,父组件 <childtext="{{content}}"></child>

子->父: 子组件通过 bindtap="aEvent"aEvent(){this.triggerEvent(myevent,{param:123})} 传参,父组件通过 bind:myevent="aFunc"aFunc(e){console.log(e)}

5. vue和小程序props是否能传函数,使子组件直接调用

父组件 :fns=function(){alert(123)},子组件 props:{func:Function},,调用 this.func()

6. vue/小程序父组件如何调用子组件方法

vue 父组件通过 $refs获取子组件实例,并调用方法

小程序 通过 this.selectComponent找到子组件实例

7. vue 生命周期中 created如何拿到dom

8. vue八个生命周期以外其他生命周期

activateddeactivatederrorCaptured

9. this指向修改的方法

this的绑定方式有四种: 默认绑定、隐式绑定、显式绑定、 new绑定

首先 this始终指向被调用的位置,比如事件。箭头函数没有自己的 this,所以继承与上一层有 this变量的代码块。

默认绑定: 绑定在全局。new绑定: 绑定在新创建的对象上。隐式绑定: obj.foo()。显式绑定: call/apply/bind

10. 深浅拷贝 完美解决方式

tip 延伸问题

如何解决for...of...方法无法遍历对象

11. 判断数据类型 完美解决方式

typeof 对于基本类型,除了 null 都可以显示正确的类型

对于 null和复杂数据类型,则可以通过 instanceof进行正确判断, instanceof是通过原型链判断的, A instanceof B,在A的原型链中层层查找,查看是否有原型等于 B.prototype。

完美解决方式:

最后

前端程序员的福利

巴菲特有句名言:“人生就像滚雪球,最重要的是发现湿的雪和长长的山坡。”职业发展亦是如此,前端人除了埋头踏实苦干,更要懂得抬头思考远望,在行业变化中找到正确的方向。如果你想:

深入了解高级前端工程师的知识体系突破技术成长瓶颈,避免中年危机通关 BAT 大厂技术面试,实现大厂梦拿高薪offer,提高自己和家人的生活品质

欢迎关注公众号:【fkdcxy,疯狂的程序员丶】 免费获取【大厂前端面试经验】

想了解更多前端开发者面试相关欢迎评论区留言或私信我!


1063568276