前端常见面试题目

前端基础知识：

1、css的盒模型(老生常谈)，BFC的理解，选择器,层级上下文，三栏布局多种实现(position,flex,float等)，自适应布局rem原理(如何兼容不同手机dpi)，font-size10px如何实现、移动端一像素、媒体查询等等比较基础的问题，都是知识点。

2、html方面基本问很少，这个重要程度没什么, 也就是一些标签语义化理解，和h5新特性，storage/cookie

3、js这个是重点，会从基础去考察。从浏览器返回html到渲染出页面，再到中间涉及到的优化点。

面试题分享

HTML

1、浏览器页面有哪三层构成，分别是什么，作用是什么?

2、HTML5的优点与缺点？

3、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?

4、HTML5有哪些新特性、移除了哪些元素？

5、你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?

6、每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？

7、说说你对HTML5认识?（是什么,为什么）

8、对WEB标准以及W3C的理解与认识?

CSS

1、解释一下CSS的盒子模型？

2、请你说说CSS选择器的类型有哪些，并举几个例子说明其用法？

3、请你说说CSS有什么特殊性?（优先级、计算特殊值）

4、常见浏览器兼容性问题与解决方案？

5、列出display的值并说明他们的作用？

6、如何居中div, 如何居中一个浮动元素?

7、请列举几种清除浮动的方法(至少两种)?

8、block，inline和inlinke-block细节对比？

9、什么叫优雅降级和渐进增强？

10、说说浮动元素会引起的问题和你的解决办法

11、你有哪些性能优化的方法？

JavaScript

1、js的各种位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别？

2、js拖拽功能的实现

3、异步加载js的方法

4、js的防抖与节流

5、说一下闭包

6、说说你对作用域链的理解

7、JavaScript原型，原型链 ? 有什么特点？

8、请解释什么是事件委托/事件代理

9、Javascript如何实现继承？

10、函数执行改变this

11、babel编译原理

12、函数柯里化

13、说一下类的创建和继承

14、说说前端中的事件流

15、如何让事件先冒泡后捕获

16、说一下图片的懒加载和预加载

17、js的new操作符做了哪些事情

18、改变函数内部this指针的指向函数（bind，apply，call的区别）

19、Ajax解决浏览器缓存问题

Vue

1、Vue中 key 值的作用

2、Vue 组件中 data 为什么必须是函数？

3、vuex的State特性是？

4、介绍一下Vue的响应式系统

5、computed与watch的区别

6、介绍一下Vue的生命周期

7、为什么组件的data必须是一个函数

8、组件之间是怎么通信的

9、Vue.cli中怎样使用自定义的组件？有遇到过哪些问题吗？

10、Vue如何实现按需加载配合webpack设置

11、简单描述每个周期具体适合哪些场景

12、scss是什么？在Vue.cli中的安装使用步骤是？有哪几大特性？

13、聊聊你对Vue.js的template编译的理解？

14、Vue 路由跳转的几种方式

15、Vue如何实现按需加载配合webpack设置?

16、Vue的路由实现：hash模式和history模式

17、Vue与Angular以及React的区别？

18、Vue路由的钩子函数

19、什么是Vue的计算属性？

React

1、介绍一下react

2、React单项数据流

3、react生命周期函数和react组件的生命周期

4、react和Vue的原理，区别，亮点，作用

5、reactJs的组件交流

6、有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

7、项目里用到了react，为什么要选择react，react有哪些好处

8、怎么获取真正的dom

9、选择react的原因

10、react的生命周期函数

11、setState之后的流程

12、react高阶组件知道吗？

13、React的jsx，函数式编程

14、react的组件是通过什么去判断是否刷新的

15、如何配置React-Router

16、路由的动态加载模块

17、Redux中间件是什么东西，接受几个参数

18、redux请求中间件如何处理并发

浏览器

1、跨标签页通讯

2、浏览器架构

3、浏览器下事件循环(Event Loop)

4、从输入 url 到展示的过程

5、重绘与回流

6、存储

7、Web Worker

8、V8垃圾回收机制

9、内存泄露

10、reflow(回流)和repaint(重绘)优化

11、如何减少重绘和回流?

12、一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？

13、localStorage 与 sessionStorage 与cookie的区别总结

服务端与网络

1、HTTPS和HTTP的区别

2、HTTP版本

3、从输入URL到页面呈现发生了什么？

4、HTTP缓存

5、缓存位置

6、强缓存

7、协商缓存

8、缓存的资源在那里

9、用户行为对浏览器缓存的影响

10、缓存的优点

11、不同刷新的请求执行过程

算法与数据结构

1、二叉树层序遍历

2、B树的特性，B树和B+树的区别

3、尾递归

4、如何写一个大数阶乘？递归的方法会出现什么问题？

5、把多维数组变成一维数组的方法

6、说一下冒泡快排的原理

7、Heap排序方法的原理？复杂度？

8、几种常见的排序算法，手写

9、数组的去重，尽可能写出多个方法

10、如果有一个大的数组，都是整型，怎么找出最大的前10个数