Web 前端基础知识面试大全

目录

一、HTML

1.对 HTML 语义化的理解

2.区别：src 和 href

3.DOCTYPE 的作用

4.HTML5 的新特性

5.script 标签中的 defer 和 async

6. 行内元素 块级元素 空元素

7.meta 标签

8.JPG和PNG的区别

二、CSS

1.CSS 选择器，优先级

2.CSS 动画

3.CSS选择器效率从高到低的排序如下：

4.flex 布局

5.双飞翼布局

6.position 有几个值，absolute 是相对于谁的定位。

三.Javascript

1.原始值和引用值类型及区别

2.JavaScript 数据类型以及 typeof 返回值

3.如何判断一个对象是 Array 还是 Object？

4.类数组与数组的区别：

5.数组常用的api

6.bind、call、apply的区别：

7.new原理

8.闭包

9.原型和原型链

10.实现继承的几种方式以及他们的优缺点

11.浅拷贝与深拷贝

12.作用域

13.防抖与节流

14.Dom节点操作常用方法

15.BOM属性对象方法

16.ajax的请求过程

17.总结JS中string、math、array的常用的方法

18.js中“==”与"==="的区别

19.JS事件绑定（addEventListener）和普通事件（onclick）有什么区别

20.重绘和回流

21.函数柯里化及其通用封装

22.JS中EventLoop事件循环机制

23.前端性能优化

24.Object.create 和new 

25.Location 对象

26.跨域解决方案 

27.JS 垃圾回收机制 

28.前端进阶之setTimeout 倒计时为什么会出现误差？ 

29.get请求和post请求的区别

30.数组去重的12中方法 

四、数据结构

五、计网 

1.ios七层模型

​编辑 2.TCP 和 UDP 的区别。

3.HTTP 2.0 新增

六、ES6

1.export和import

2.Promise

3.let、const和var的概念与区别

4.变量提升与暂时性死区

5. Symbol

6.Object.keys()方法

7.Object.assign()

8.set数据结构

9.Map数据结构

10.Proxy

11.Reflect

12.模板字符串

13.箭头函数（=>）

14.for…of 循环

15.jQuery的选择器怎么实现的

八.VUE

1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？

2、v-show 与 v-if 有什么区别？

3、Class 与 Style 如何动态绑定？

4、怎样理解Vue的单向数据流？

5、computed 和 watch 的区别和运用的场景？

6、直接给一个数组项赋值，Vue 能检测到变化吗？

7、谈谈你对 Vue 生命周期的理解？

（1）生命周期是什么？

（2）各个生命周期的作用

8、Vue 的父组件和子组件生命周期钩子函数执行顺序？

9、在哪个生命周期内调用异步请求？

10、在什么阶段才能访问操作DOM？

11、父组件可以监听到子组件的生命周期吗？

12、谈谈你对 keep-alive 的了解？

13、组件中 data 为什么是一个函数？