前端面试题总结

前端面试题总结

一、总结

一句话总结:

还是求职或者面试的时候学习效率和做事效率要高一点,而且还能有急迫感,建议保持

1、弹性盒子实现水平垂直居中?

display: flex设置弹性盒子,然后弹性盒子水平属性和垂直属性都设置为center即可
#wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

2、函数节流和函数防抖?

函数节流:【一段时间函数只执行一次】:一个函数执行一次后,只有大于设定的执行周期后,才会执行第二次:例如onscoll
函数防抖:【一段时间内函数又被触发,则重新计时】:一个需要频繁触发的函数,在规定的时间内,只让最后一次生效,前面的不生效。在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时:例如点击事件

3、函数节流和函数防抖实例?

函数节流实例:oninput,onkeypress,onscroll,resize等触发频率非常高的事件
函数防抖实例:用户点击事件,比如做题按钮提交

4、jsonp跨域?

【script标签天然跨域】-【请求过来一个回调函数】:利用script标签天然跨域的特点,请求过来一个回调函数,然后调用回调函数

5、chrome调试时候的注意?

1、local是表示函数内部,global是全局,也就是window对象的
2、scope中没有什么,就是什么还没执行或者执行完了。比如没有闭包,就是闭包执行完了,比如没有local,就是函数执行完了

6、回调函数就相当于异步执行?

js是单线程的,这个主线程里面看是同步还是异步,回调函数就是异步执行,比如ajax回调,定时器回调等等

7、微信小程序快速入门?

小程序就是在微信上面的小程序,开发的话下载微信的开发编辑器和参考小程序文档,小程序也是组件化开发,相当于小的前端框架,小程序也有框架,比如mpvue,这个就是 vue.js in mini program

8、微信原生小程序和用框架的小程序?

微信小程序中,我们可以用微信原生的方式写程序,也可以框架,比如mpvue:vue.js in mini program

9、微信小程序框架?

微信小程序框架有一个叫mpvue,看名字也知道和vue很像很像:vue.js in mini program

10、vue的特点(优点)?

组件化开发、双向数据绑定、virtual dom

11、为什么有Virtual DOM技术(现在网速那么快,为什么有些网页会慢)?

1、浏览器本身处理DOM也是有性能瓶颈的
2、用JQuery或者原生的JavaScript DOM操作函数对DOM进行频繁操作的时候,浏览器要不停的渲染新的DOM树

12、Virtual DOM如何实现?

预计算dom的各种操作,把最后一次的结果渲染出来(减少dom的渲染次数)

而Virtual DOM则是虚拟DOM的英文,简单来说,他就是一种可以预先通过JavaScript进行各种计算,把最终的DOM操作计算出来并优化,由于这个DOM操作属于预处理操作,并没有真实的操作DOM,所以叫做虚拟DOM。最后在计算完毕才真正将DOM操作提交,将DOM操作变化反映到DOM树上。

13、vuex是做什么的?

做组件间的状态管理的,也就是做组件间的通信的,也就是从后台把数据拿过来,然后做组件间的通信,不然vue组件间的通信实在繁琐

14、vue组件通信种类?

1、父组件向子组件通信
2、子组件向父组件通信
3、隔代组件间通信
4、兄弟组件间通信

15、vue组件通信方式实现?

有5中,一般主要用的是vuex,其它props、vue自定义事件、消息订阅与发布、slot都没有vuex用起来方便,或者有啥或大或小的缺点

1、props
2、vue自定义事件
3、消息订阅与发布
4、vuex
5、slot

二、内容在总结中

博客对应课程的视频位置:

 
原文地址:https://www.cnblogs.com/Renyi-Fan/p/12508376.html