【面经】——前端面试八股文内容整理(一)

1.手撕todolist:

2.vue单页面应用优缺点,MVVM是什么,虚拟DOM结构

3.笔试题:手撕将真实DOM转为虚拟DOM

4.路由的使用、路由嵌套、动态路由、路由懒加载

5.路由模式(hash、history)

6.样式预处理器(sass、scss、less)、iconfont,style中加scoped(结合自身项目说明)

7.移动端自适应、响应式布局(4种)、三种视口、样式单位(rem等)(结合自身项目说明)

8.flex布局

9.未知宽高元素垂直居中的4中方法(结合项目中使用的方法)

10.BFC

11.清除浮动的三个方法

12.vuex是什么?有哪些属性?怎么用?

        (项目中为什么用vuex存储定位获取address,获取后台数据接口放在action中的原因)

        (如何使用腾讯的定位接口)

13.vue动态绑定

14.vue中的style和class区别

15.v-if和v-show的区别(项目中的应用)

16.v-for为什么要加key,且key要不同,key为什么不能是index?

17.keepalive(activated、deactivated)(项目中的应用,使用include)

18.data为什么在组件中用函数形式

19.computed、watch、methods的区别

20.生命周期

21.请求放在那个生命周期更合适

22.$nextTick

23.组件(父子组件、不相关组件)

24.项目亮点:附近商家懒加载

25.请求数据的几种方式:ajax、axios

26.ajax是什么,如何实现,请求方式,手撕(封装)

27.get和post的区别

28.axios

29.跨域

30.ES5和ES6区别

31.var、let、const三者区别(变量提升,暂时性死区)

32.箭头函数

33.模板字符串

34.解构符号

35.HTTP:状态码,请求头,响应头

36.http缓存,三种刷新操作与缓存的关系

37.移动端点击事件:延迟300ms、点击穿透,用fastclick解决

38.DOM树,冒泡,target和this区别,事件委托

39.vue如何阻止冒泡?阻止浏览器默认行为

40.浏览器的本地存储,三者区别

41.cookie的风险,如何解决

42.同步异步的区别?异步有哪些?异步目的?宏任务与微任务

43.登录前端逻辑

44.事件循环

45.Promise(三个状态),PromiseAll手撕,方法

46.async-await

47.浏览器的GUI渲染流程

48.重排重绘,减少重排重绘的方法

49.进程线程

50.http和https的区别

51.输入一个url会发生什么?

52.三次握手,四次挥手,TCP/UDP

53.浏览器性能优化(两个大方面)

54.节流防抖(手撕)

55.xss攻击,csrf攻击

56.vue响应式原理

57.diff算法手撕及原理

58.vue渲染过程

59.v-model实现原理

60.html语义化

61.seo优化

62.圣杯布局、双飞翼布局

63.js的数据类型(8种)

64.判断数据类型的方法(4种)

65.手撕instanceof

66.不同数据类型在堆栈中如何存储?

67.深拷贝浅拷贝区别,方法,手撕深拷贝

68.垃圾回收机制

69.内存泄漏,避免内存泄漏方法

70.js作用域(全局,函数,块级)

71.每隔1秒打印一个递增的自然数

72.闭包(缺点、应用)

72.this关键字及其改变指向的方法

73.call,apply,bind区别

74.不可继承和可继承的标签

75.map和weakmap,Obj和map区别

76.继承的几种方式

77.new关键字创建实例对象的本质

78.样式优先级

79.js中可迭代的对象

80.link和@import区别

你可能感兴趣的:(前端)