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

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区别