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

转载于:https://www.cnblogs.com/SeeYouBug/p/6209027.html