本文目录
- 前端面试会提问到哪些
- 假如让你进行Web前端的电话面试，你会问什么问题
- web前端面试官会问什么
前端面试会提问到哪些
在面试前端的过程中，有些问题是经常会被提问到的一、基础篇1. 在不使用第三个变量的情况下，如何调换a与b的值？2. px与em的区别3. 简述一下盒模型4. 页面导入样式时，使用link和@import有什么区别？5. 简述一下事件代理二、HTML常见题目01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义？02、HTML5为什么只需要写？03、行内元素有哪些？块级元素有哪些？空(void)元素有哪些？04、页面导入样式时，使用link和@import有什么区别？05、介绍一下你对浏览器内核的理解？06、常见的浏览器内核有哪些？07、html5有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？08、如何区分HTML和HTML5？09、简述一下你对HTML语义化的理解？10、HTML5的离线储存怎么使用，工作原理能不能解释一下？三、CSS类的题目01、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？02、CSS选择符有哪些？哪些属性可以继承？03、CSS优先级算法如何计算？04、CSS3新增伪类有哪些？05、如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？06、display有哪些值？说明他们的作用。07、position的值relative和absolute定位原点是？08、CSS3有哪些新特性？09、请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景？10、用纯CSS创建一个三角形的原理是什么？四、JavaScript类的题目01、JavaScript中this是如何工作的02、请解释原型继承的原理。03、什么是闭包(closure)，如何使用它，为什么要使用它？04、.call 和.apply的区别是什么？05、请指出JavaScript 宿主对象(host objects) 和原生对象(native objects) 的区别？06、请指出以下代码的区别：function Person(){}、var person = Person()、var person = new Person()？07、请解释变量声明提升(hoisting)。08、什么是 “use strict”; ？ 使用它的好处和坏处分别是什么？09、什么是事件循环 (event loop)？10、请解释同步 (synchronous) 和异步 (asynchronous) 函数的区别。五、开发及性能优化类题目01、如何规避javascript多人开发函数重名问题？02、请说出三种减低页面加载时间的方法.03、说说你所了解到的Web攻击技术。04、说说你说了解的前端性能优化方法？05、前端开发中，如何优化图像？图像格式的区别？06、浏览器是如何渲染页面的？07、页面重构怎么操作？08、什么叫优雅降级和渐进增强？09、前端需要注意哪些SEO？如何做SEO优化？10、平时如何管理你的项目？
假如让你进行Web前端的电话面试，你会问什么问题
如果我作为Web前端电话面试的面试官，那么我就要进行多方面的考量，不仅考量这个人的专业能力，也要考量这个人的综合素质等。
第一个问题：自我介绍
这是面试中最常见的第一个问题，并且自我介绍十分重要，因为这短短的介绍将会在面试官的脑海里形成第一印象，也可能会成为被面试者的刻板印象。
第二个问题：专业性问题
如果前面的自我介绍或者是寒暄的部分完成的比较愉快，那么可以适当的进入下一个阶段，就是正题：专业检测。这个部分基本上会有负责专业的总监或者是主管进行出题，用于检测面试者的专业水平是否达到岗位要求。
第三个问题：逻辑性问题
逻辑性的问题是最可以提现一个人的交流能力的，因为逻辑性问题回答中会出现各种各样的关系、形势以及解法和分割，所以要用语言将答案叙述出来并且让面试官了解意思，这并不是简单的事情，面试官通常会用这类问题判断面试者的交流能力，应变能力等。
第四个问题：唠家常
前面的正题部分完成后，一般面试官不会很快结束对话，还会问面试者一些家常问题，比如“你是哪里人？”、“你是怎么学习的前端技术？”、“现在有没有女朋友/男朋友？”这些家常问题能让面试官快速的掌握到你在简历之外的东西，是否是本地人、打算何时结婚，都可能成为你能否稳定的完成这份工作的考量。
web前端面试官会问什么
01-javascript作用域与预解析什么是预解析?分两步执行：第一步：(代码还没有执行。预览页面之前，写完之后)找程序中var关键字，如果找到了提前给var定义的变量赋值undefined找程序中的普通函数，如果找到了，函数提升，将整个函数赋值给函数名。如果找的var的名字和函数名字相同，函数优先。第二步: 逐行解析代码。按照上下顺序。如果碰到函数定义，忽略。重点：函数内部同样适用于js预解析。02-前端如何处理跨域1、为什么会出现跨域问题同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）。03-什么是闭包？如何理解闭包（closure）是javascript的一大难点，也是它的特色。很多高级应用都要依靠闭包来实现。要理解闭包，首先要理解javascript的全局变量和局部变量。javascript语言的特别之处就在于：函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。