【干货分享】前端面试知识点锦集05（目录篇）

[b]五、目录篇[/b]

一、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与h1的区别、b与strong的区别、i与em的区别？

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

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

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

28、谈谈你对canvas的理解？

29、WebSocket与消息推送？

30、img的title和alt有什么区别？

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

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

33、请你谈谈Cookie的弊端?

34、请你说说cookie 和session 的区别?

35、说说浏览器内核及差异？

二、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)的理解？

28、如何解决多个元素重叠问题？

29、页面布局的方式有哪些？

30、overfloa:hidden是否形成新的块级格式化上下文？

31、解释下 CSS sprites，以及你要如何在页面或网站中使用它？

32、书写高效 CSS 时会有哪些问题需要考虑？

33、css sprite是什么,有什么优缺点？

34、CSS 属性是否区分大小写？

35、display: none与visibility: hidden的区别？

36、PNG,GIF,JPG的区别及如何选择?

37、如何水平居中一个元素?

38、position:absolute和float属性的异同 ?

39、介绍一下box-sizing属性？

40、CSS3有哪些新特性？

41、请你说一下你对Web Font的认识?

42、请简要说说CSS 预处理器与 CSS 后处理器？

43、浏览器兼容包括哪些方面？兼容的一般标准是什么?

44、说说你对CSS Hack的理解?

45、请简要说说什么是文档模式 （X-UA-Compatible） ?

46、请说说javascript兼容的含义？

47、谈谈你对前端性能优化的认识?

48、什么是内容分发网络（CDN）?

49、请简要说说CoffeeScript、TypeScript是什么?

50、谈谈你对before、after伪元素的认识?

三、JavaScript部分

1、谈谈你对Ajax的理解？(概念、特点、作用)

2、说说你对延迟对象deferred的理解?

3、什么是跨域，如何实现跨域访问?

4、为什么要使用模板引擎？

5、JavaScript是一门什么样的语言，它有哪些特点？

6、JavaScript的数据类型有哪些？

7、已知ID的Input输入框，如何获取这个输入框的输入值？(不使用第三方框架)

8、根据你的理解,请简述JavaScript脚本的执行原理?

9、DOM操作怎样添加、移除、移动、复制、创建和查找节点?

10、说说你对json的理解?

11、ionic和angularjs的区别?

12、谈谈你对闭包的理解?

13、谈谈你This对象的理解?

14、JavaScript对象的几种创建方式?

15、get和post的区别,何时使用post?

16、null和undefined的区别？

17、请写出js内存泄漏的问题?

18、哪些地方会出现css阻塞，哪些地方会出现js阻塞？

19、对比Flash与ajax哪个好,在使用中如何取舍？

20、请你解释一下事件冒泡机制?

21、请你说说split()与join() 函数的区别?

22、说说你对Promise的理解?

23、谈谈你对Javascript垃圾回收机制的理解？

24、说说你对原型（prototype）理解?

25、typeof与instanceof的区别是什么？

26、说说你对node.js的理解?

27、NPM(包管理器)作用是什么?

28、请简要说说你对Javascript面向对象的理解?

29、你对JavaScript函数的理解是?

30、简要说说什么是IIFE？它有什么作用?

31、谈谈你对Function与Object的理解?

32、$.extend与$.fn.extend区别是什么?

33、什么是链式编程?

34、请指出 JavaScript中的本地对象、内置对象、宿主对象的区别？

35、请解释一下变量声明提升?

四、Others部分

技术类

1、http状态码有哪些？分别代表是什么意思？

2、说说创建ajax的过程

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

4、说说你对网站重构的理解？

5、网页验证码是干嘛的，是为了解决什么安全问题。

6、请说出三种减少页面加载时间的方法。

7、你有用过哪些前端性能优化的方案?

8、说说什么是SQL注入？如何防止SQL注入？

9、说说XSS的原理及防范?

10、XSS与CSRF有什么区别吗？如何做到CSRF的防御?

11、什么是 "use strict"? 使用它的好处和坏处分别是什么？

12、eval是做什么的？

13、说说使用AJax有哪些好处和有哪些坏处?

14、说说TCP传输的三次握手策略？

15、谈谈你对性能优化问题的理解?

16、HTTP request报文结构是怎样的?

17、说说网站前端网页优化的14条原则是什么?

18、说说你对MVC的理解?

19、如果网页内容需要支持多语言，你会怎么做？

20、如何优化网页的打印样式？

21、说说你对哈希表的认识?

22、什么是Etag？

23、说说栈和队列的区别?

24、说说栈和堆的区别？

25、关于Http 2.0 你知道多少？

非技术类

1、对前端界面工程师这个职位是怎样理解的？它的前景会怎么样？

2、如果通过这次面试我们录用了你,但工作一段时间却发现你根本不适合这个职位,你怎么办?

3、如果让你招聘一位新员工,你绝得你会最看重对方哪方面的资源?

4、平时如何管理你的项目？

5、说说你在未来的工作中处理事情的态度是什么?

6、你有什么爱好啊？有空的时候喜欢做什么？

7、请给我们谈谈你自己的一些情况?

8、请谈一下你对公司的看法，为什么你想来公司工作?

9、你认为对你来说现在找一份工作是不是不太容易，或者你很需要这份工作?

10、请你谈谈对我单位的看法?

11、以你的资历条件，完全可以到大公司任职，你怎么想到我们小企业?

12、你为什么希望到我们公司工作?

13、如果本公司录用你，你最希望在哪个部门工作?

14、你愿意被外派工作吗?你愿意经常出差吗?

15、我怎样相信对这个职位你是最好的人选呢?

16、你对我们公司有多少了解?

17、你谈谈选择这份工作的动机?

18、你家在外地，我们单位无住宿，你如何看待呢?

19、说说最近最流行的一些东西吧？常去哪些网站？

20、我们不限定固定职位，你认为自己最适合做什么?

21、你希望从事什么样的工作?

22、你为什么要应聘我们公司?

23、你在以前实习的公司从事什么样的工作?

24、为何辞去原来的工作?

25、请问你有什么样的工作观?

26、你是否可以接受加班?

27、你在学校里学了哪些课程?这些课程对所应聘的工作有些什么帮助?

28、你的学习成绩如何?

29、请谈一谈你的弱点？

30、请谈谈你的优点?

31、你对本公司(或这份工作)有什么看法吗?

32、你为什么要离开前一家单位?

33、你有能力胜任应聘的职位吗?

34、在工作中你怎样看待错误?

35、你的计算机能力如何?

36、你的外语水平如何?

37、你今后打算是什么?

38、你为什么想要换工作?

39、谈一谈你在过去工作中生活中遇到的问题，以及如何解决?

40、请谈一下你期望的月薪要求？

41、请问你还有问题要问吗?

42、请你自我介绍一下?

43、你的座右铭是什么？

44、能谈谈你未来3，5年给自己的职业规划吗？

45、你认为怎样才是全端工程师(Full Stack developer)

46、介绍一个你最得意的作品吧？

47、项目中遇到什么问题？如何解决？

48、你在现在的团队处于什么样的角色起到了什么明显的作用?

49、假如分配给你一项任务,只有要求完成时间,没有任何历史文档或相关资料,请问你要怎么着手进行?

50、你能为我们做什么？

博客数据来源声明：
本博客大部分数据来源于各大网站的收集整理改编，主要有GitHub(https://github.com)、题来了(http://www.tilaile.com)、牛客网(https://www.nowcoder.com)、一些英文网站，还有一些论坛、博客、IT招聘等网站。还有少部分数据时来源于本人自己整理添加，添加的内容主要是本人认为比较重要知识点，面试时可能会问到的题目，自己整理题目以及参考答案，答案仅供参考，答案可能存有错误或不足，欢迎大家批评指正或补充更好的答案。好让我及时更正，以免误导其他人。本博客仅提供参考作用。