前端常见面试题整理

298 阅读4分钟

css相关

1.css加载机制,是否阻塞js加载

2.居中布局:a.水平居中,b.垂直居中,c.水平垂直居中

3.两栏布局:a.左侧定宽,右侧自适应,b.右侧定宽,左侧自适应,c.上面定高,下面自适应,                          d.下面定高,上面自适应

4.三栏布局:除了常见的双飞翼布局和圣杯布局外还有什么实现方案

5.css3有哪些新特性

6.css动画

7.css盒模型

8.css中的flex布局用法

9.BFC

10.css中清除浮动

11.z-index七层模型


react相关

1.对react中v-dom的了解

2.对react中diff算法的实现了解多少,[B, A, C, D] 变为 [A, C, D, B]是怎么实现的

3.react中refs的作用是什么

4.react hooks的规则

5.为什么只能在函数前面使用hooks

6.react生命周期,16.8之前的生命周期和16.8之后的生命周期有什么区别

7.每一个生命周期里可以进行什么操作,可以传入什么参数

8.展示组件和容器组件有什么区别

9.有状态组件和无状态组件的区别

10.类组件和函数组件的区别

11.受控组件和非受控组件的区别

12.如何用hooks来模拟类组件

13.高阶组件的用法

14.setState方法的使用机制,什么时候是同步,什么时候是异步

15.for循环中使用setState

16.react中何时发起网络请求

17.调用setState后发生了什么

18.为什么v-dom可以提高性能

19.redux有什么缺点

20.redux如何处理异步

21.react-router原理,如何实现动态路由

22.路由跳转如何实现


JS相关

1.js中的数据类型

2.js中的类型转换,强制类型转换和隐式类型转换

3.undefined和null区别

4.从url输入到浏览器渲染发生了什么

5.CDN了解多少

6.DNS了解多少

7.页面性能优化

8.同源策略

9.跨域方式,9种具体实现

10.js种7种继承方式

11.ES5和ES6继承的区别

12.js闭包

13.原型和原型链

14.白屏时间,及优化方案

15.弱网环境,及优化方案

16.如何优化浏览器初次渲染

17.如何处理第一次请求服务器时遇到的延时或者失败

18.js常见错误

19.fetch, axios, ajax区别

20.this, call, apply, bind

21.js事件循环

22.js事件运行机制

23.js线程管理,浏览器和node环境

24.浏览器渲染机制

25.js错误监控

26.网络性能监控

27.跨标签页通讯方式

28.数组去重

29.数组扁平化

30.数组深拷贝,浅拷贝

31.7个假值

32.作用域与作用域链

33.ES6常用语法

34.let, const和var区别

35.set, map, weakSet, weakMap区别

36.判断this指向

37.ajax实现图片预览功能,图片上传功能

38.如何实现大文件上传

39.浏览器存储

40.浏览器缓存

41.js异步方案

42.setTimeout, promise和async/await区别

43.重绘和重排,如何优化

44.object.prototype.toString.call与instanceof,Array.isArray的区别

45.浏览器各种高度计算, offset, scroll, client等


http相关

1.http1.1与http2.0区别

2.http1.1中长链接和http2.0中多路复用的区别

3.http2.0中的头部压缩如何实现

4.https原理

5.https握手过程

6.http2.0具体内容

7.http状态码

8.http状态码中的错误状态码如何解决

9.tcp三次握手,四次挥手

10.tcp和udp区别

11.网络安全

12.http与websocket区别

13.为什么要使用http缓存


node.js相关

1.node.js中express和koa2的区别

2.node.js中express和koa2中间件的实现

3.node如何调用内存

4.node.js特点,为什么它适合用来做中间层

5.egg.js有了解么


webpack相关

1.js模块化

2.webpack基本配置

3.webpack打包原理

4.wepack种热加载原理

5.webpack性能优化


手写系列

1.手写new函数

2.手写bind函数

3.手写call函数

4.手写防抖和节流

5.手写loader

6.手写plugin

7.手写promise

8.手写深拷贝

9.手写flat函数

10.手写柯里化

11.手写node中间件

12.手写算法,题目难度参考<剑指offer>


其他

1.restful规范

2.cookie, token, session区别

3.auth2.0了解多少

4.如何学习前端知识

5.给定一个时间,eg:5点15分,求时针和分针夹角(腾讯常考题)