2019新Web前端经典面试试题

作者：新华小编

1. 一个200*200的div在不同分辨率屏幕上下左右居中，用css实现

2. 写一个左中右布局占满屏幕，其中左右两块是固定宽度200 ，中间自适应宽，要求先加载中间块，请写出结构及样式：

3. 阐述清楚浮动的几种方式（常见问题）

4. 结尾处加空div标签 clear:both

5. 解释css sprites ，如何使用？

6. 如何用原生js给一个按钮绑定两个onclick事件？

7. 拖拽会用到哪些事件

8. 请列举jquery中的选择器：

9. Javascript中的定时器有哪些？他们的区别及用法是什么？

10.计算一个数组arr所有元素的和

11.编写一个方法去掉数组里面 重复的内容  var arr=[1,2,3,4,5,1,2,3]

12.document.write和innerHTML的区别：

13.ajax的步骤

14.xml和json的区别，请用四个词语来形容

15.清楚浮动的方法？(多次出现在面试题)

16.box-sizing常用的属性有哪些？分别有什么作用？

17.css选择器有哪些，选择器的权重的优先级

18. 块级元素水平垂直居中的方法有哪些（三个方法）

19.三个盒子，左右定宽，中间自适应有几种方法

20.js有几种数据类型，其中基本数据类型有哪些

21.undefined 和 null 区别

22.http 和 https 有何区别？如何灵活使用？

23.常见的HTTP状态码

24. 如何进行网站性能优化

25. react和vue有哪些不同，说说你对这两个框架的看法

26.什么是mvvm mvc是什么区别 原理

27.px和em的区别

28.优雅降级和渐进增强

29.eval()的作用

30. JS哪些操作会造成内存泄露

31. 浏览器缓存有哪些，通常缓存有哪几种

32:bootstrap响应式实现的原理

33.关于JS事件冒泡与JS事件代理（事件委托）

34. CSS样式覆盖规则

35. 介绍一下box-sizing属性

36. css选择符有哪些？优先级算法如何计算？（常见）

37. 请简要描述margin重合问题，及解决方式

38：position的值，relative\absolute\fixed分别相对于进行谁定位，有什么区别，什么时候用？

39.解释下CSS sprites，以及你要如何在页面或网站中使用它。

40.什么是闭包，如何使用它，为什么要使用它？

41.请解释JSONP的工作原理，以及它为什么不是真正的AJAX。

42.请解释一下JavaScript的同源策略。

43.怎样添加、移除、移动、复制、创建和查找节点？

44.谈谈垃圾回收机制方式及内存管理

45、jQuery的事件委托方法bind 、live、delegate、on之间有什么区别？

46、px和em的区别

47、浏览器的内核分别是什么?

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

49、sessionStorage 、localStorage 和 cookie 之间的区别

50、浏览器是如何渲染页面的？

51:js的基本数据类型

52：事件委托

53：CSS3新增了很多的属性，下面一起来分析一下新增的一些属性：

1.CSS3边框、2.CSS3背景、3.CSS3文字效果、4.CSS3 2D转换、5.CSS3 3D转换、6.CSS3 过渡、7.CSS3动画、8.CSS3多列、9.CSS3用户界面

54：从输入url到显示页面，都经历了什么

55：对<meta></meta>标签有什么理解

56：new操作符到底到了什么

57：h5新特性

58：请写出你对闭包的理解，并列出简单的理解

59：display none visibility hidden区别？

60：JavaScript中如何检测一个变量是一个String类型？请写出函数实现

61：如何理解闭包？

62：谈谈垃圾回收机制方式及内存管理

63：判断一个字符串中出现次数多的字符，统计这个次数

64、$(document).ready()方法和window.onload有什么区别？

65、 jquery中$.get()提交和$.post()提交有区别吗？

66、jQuery的事件委托方法bind 、live、delegate、on之间有什么区别？（常见）

67、px和em的区别（常见）

68、浏览器的内核分别是什么?

69、什么叫优雅降级和渐进增强？（常见）

70、sessionStorage 、localStorage 和 cookie 之间的区别（常见）

编辑：石家庄新华电脑学校