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

五、目录篇

• 一、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招聘等网站。还有少部分数据时来源于本人自己整理添加，添加的内容主要是本人认为比较重要知识点，面试时可能会问到的题目，自己整理题目以及参考答案，答案仅供参考，答案可能存有错误或不足，欢迎大家批评指正或补充更好的答案。好让我及时更正，以免误导其他人。本博客仅提供参考作用。