可能是目前最全的《前端校招面试题及解析》(292页)

前言

最近在准备面试，然后复习下之前写过的项目，书籍，笔记，文章。一看很多知识点都没有印象，最可拍的是连自己为了防止忘记写的文章竟然都感觉不是自己写的。有些开始怀疑人生了。

好了，废话少说，离金三银四求职高峰期没多久了，我把我收集到的资料分享给大家。也祝到家有个好工作。(本文资料 适合0-2年)

从入门到精通，包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

文章中所列主要为大纲部分，详细内容可以在文末自行获取哈！

如果你熟练掌握本文中列出的知识点，相信将会大大增加你通过前两轮技术面试的几率！这些内容都供大家参考，互相学习。

第一章 HTML（★★）

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

2.HTML5的优点与缺点？

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

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

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

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

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

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

9.HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?.

10.什么是WebGL,它有什么优点?.

11.请你描述一下 cookies，sessionStorage 和 localStorage 的区别?.

12.说说你对HTML语义化的理解?.

13.link和@import的区别?.

14.说说你对SVG理解?.

15.HTML全局属性(global attribute)有哪些?.

16.说说超链接target属性的取值和作用？

17.data-属性的作用是什么？

18.介绍一下你对浏览器内核的理解？

19.常见的浏览器内核有哪些？

20.iframe有那些缺点？

21.Label的作用是什么，是怎么用的？

22.如何实现浏览器内多个标签页之间的通信?.

23.如何在页面上实现一个圆形的可点击区域？

24.title与h3的区别、b与strong的区别、i与em的区别？

25.实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果？

26.HTML5标签的作用?(用途)

27.简述一下src与href的区别？

28.谈谈你对canvas的理解？

29.WebSocket与消息推送？

30.mg的title和alt有什么区别？

31.表单的基本组成部分有哪些，表单的主要用途是什么？

32.表单提交中Get和Post方式的区别？

33.HTML5 有哪些新增的表单元素？

34.HTML5 废弃了哪些 HTML4 标签？

35.HTML5 标准提供了哪些新的 API？

36.HTML5 存储类型有什么区别？

37.HTML5 应用程序缓存和浏览器缓存有什么区别？

38.HTML5 Canvas 元素有什么用？

39.除了 audio 和 video，HTML5 还有哪些媒体标签？

40.HTML5 中如何嵌入视频？

41.HTML5 中如何嵌入音频？

42.新的 HTML5 文档类型和字符集是？

第二章 CSS （★★★）

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

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

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

4要动态改变层中内容可以使用的方法？

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

6. 列出display的值并说明他们的作用？

7. 如何居中div, 如何居中一个浮动元素?

8. CSS中 link 和@import 的区别是？

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

10. block，inline和inlinke-block细节对比？

11. 什么叫优雅降级和渐进增强？

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

13.你有哪些性能优化的方法？

14.为什么要初始化CSS样式？

15.解释下浮动和它的工作原理？清除浮动的技巧？

16.CSS样式表根据所在网页的位置，可分为哪几种样式表？

17.谈谈你对CSS中刻度的认识？

18.请你说说em与rem的区别？

19.请你说说box-sizing属性的的用法？

20.浏览器标准模式和怪异模式之间的区别是什么？

21.怪异Quirks模式是什么，它和标准Standards模式有什么区别？

22.说说你对边距折叠的理解?

23.内联与块级标签有何区别？

24.说说隐藏元素的方式有哪些？

25.为什么重置浏览器默认样式，如何重置默浏览器认样式？

26.谈谈你对BFC与IFC的理解？(是什么，如何产生，作用)

27.说说你对页面中使用定位(position)的理解࿱