前端模拟面试常问问题汇总- 答案

1. html5有哪些新标签？

2. header、footer标签在什么时候使用？ 3. 怎么把一个nav标签固定到底部？ 4. fixed和absolute有什么区别？ 5. 怎样得到浏览器窗口的宽度和高度？

6. 用div模拟按扭，当鼠标移上去的时候放大一些，怎么实现？按下缩小呢？ 7. jQuery支持哪些动画效果？ 8. 点击显示和隐藏怎么实现？

9. 动画执行完毕之后需要执行一段代码该怎么做？

10. jQuery Deferred都有哪些常用的方法？分别是什么作用？ 11. 对Deferred的then进行链式调用时有什么要求，有什么作用？ 12. Deferred的then链式调用和非链式调用有什么区别？ 13. 使用Deferred或Promise的好处是什么？ 14. jQuery3.0有什么新变化？

15. js中的this有什么特点？jQuery('li').each(function)中，function中的this指向什么？ 16. 怎么改变this指向？call和apply的区别是什么？call和bind的区别是什么？ 17. jQuery怎样添加和移除事件监听函数？

18. JQuery中如果某事件只需处理一次怎样添加监听函数？

19. 如果希望事件监听对以后添加到页面上的新标签也有效，应该怎么做？ 20. JS中事件传播过程是什么？怎么阻止事件传播？

21. document的DOMContentLoaded事件什么时候发生？window的load事件什么时候

发生？

1 / 14

22. 文件框中输入的内容变化时立即获得事件通知应该监听什么事件？ 23. 表单中进行什么样的操作会导致表单提交？如果希望阻止表单提交怎么办？ 24. typeof(function(){})返回什么？typeof([])返回什么？ 25. 怎么判断一个变量是否是数组？ 26. alert(‘3’- 1)弹出什么？

27. 从文本框是得到value，怎么转换成整数？怎么转换成小数？ 28. 整数怎么保留2位小数？保留2位小数后是什么类型

29. CSS3有哪些新样式？

30. 怎样实现类似报纸的多列分栏效果？ 31. CSS3中新增了什么布局方式？

32. 除了上述布局方式外还有什么常用的布局方式？ 33. 什么时候使用浮动？如果后面的元素受到影响怎么解决？ 34. 不添加新标签清除浮动能不能做到？ 35. CSS中的calc()有什么作用？ 36. 什么时候使用mm、cm？

37. 如果一个页面即要在屏幕上显示，又要打印，怎么将这2种样式定义在一起？ 38. 如果分别定义成2个样式文件该怎样导入页面？ 39. 媒体查询除了在打印时使用还在什么情况下使用？ 40. 在手机页面上使用图片，宽度为80%，怎么让图片居中？

41. 手机页面底部工具条中4个图标，怎么均分空间？设边框后最后一个掉下去怎么办？

2 / 14

42. viewport是什么？什么时候使用？有什么作用？ 43. box-sizing什么时候用？常用的值都有什么？

44. vertical-align什么时候使用？常用的值分别有什么作用？ 45. CSS Sprite图片精灵都涉及哪些样式？ 46. CSS3中的transform都支持哪些变换效果？ 47. CSS3中的动画能否暂停和继续执行？

48. CSS3中的transition能否过渡opacity?能否过渡display？ 49. 什么时候使用transition?什么时候使用animation？ 50. animation怎样能够被触发? 51. 简述bootstrap的栅格系统的特点， 52. 怎么实现桌面4列、平板2列、手机1列？

53. 页面上有一个aside标签，在桌面上是显示的，但平板和手机是隐藏的，怎么实现？ 54. .container、.container-fluid和.row有什么作用，有什么不同？ 55. 什么是原型和原型链？

56. js中的this指向有什么特点？怎么改变this指向，它们有什么区别？ 57. 怎样将两个对象混合在一起？ 58. 怎样建立原型链？

59. 什么是闭包？闭包有什性质？ 60. ES6有什么新特性？

61. jQuery中的proxy方法有什么作用？

62. jQuery中执行一个动画后，隔2s后再执行一个动画应该怎么写？ 63. jQuery中怎么停止动画？停止后参与动画的标签元素会处于什么状态？

3 / 14

64. jQuery中能不能改变动画频率？

65. jQuery中能否在color或background-color等颜色值上实施动画？ 66. jQuery插件有2种类型，分别是哪2种？ 67. 你用过哪些jQuery插件？

68. jQuery中的Callbacks是什么？有什么用？有哪些常用方法？

69. 使用jQuery在同一个页面发起多个Ajax请求时能否将共同的请求设置一次性设置好？

能否用一个函数处理所有请求的失败？

70. JSONP是什么？jQuery是否支持JSONP？怎么支持的？ 71. 你还知道其他的跨域请求文案吗？

72. jQuery Ajax怎么设置请求头？怎么获取响应头？怎么设置请求超时时间？

73. jQuery Ajax发起POST请求时，如果数据需要以JSON格式发送到服务端该怎su？ 74. 怎样通过jQuery Ajax请求上传文件？

75. 怎样实现将图片从文件夹拖拽到页面时将图片显示到页面上？如果拖拽到页面上就直

接通过Ajax上传到服务器呢？

76. input[type=file]能否设置一次选择多个文件？能够限制上传文件的类型？

77. 通过jQuery能否向页面导入新的js脚本文件（用哪个方法），如果希望在加载的js脚

本执行后运行一段代码该怎么办？

78. RequireJs与jQuery的getScript()方法有什么不同？ 79. RequireJs中怎么指定页面的主js脚本文件？ 80. RequireJs中怎么定义模块？怎么指定模块依赖项？ 81. RequireJs中怎么将数据或功能导出模块？

82. RequireJs中怎么加载模块，并在模块加载完成后执行代码？

4 / 14