前端各类面试题

时间 2019-12-14

标签前端各类面试栏目快乐工作繁體版

原文原文链接

　HTML相关

<!DOCTYPE>标签的定义与用法。
块级元素和行内元素都有哪些？
你真的了解HTML吗？雅虎面试题　　把前面黄底那段拿去搜索下就知道了(曾在某浪公司面试的时候被问到过，确实是很好的问题)。

　　CSS相关

介绍所知道的CSS hack技巧(如：_， *， +， \9， !important 之类)。
介绍CSS盒模型。
CSS层叠是什么？介绍一下。
都知道哪些CSS浏览器兼容性问题。
有时会被问到些刁钻点的题，好比position值都有哪些，CSS3都有哪些新内容...

　　JavaScript基础相关

HTTP协议的状态消息都有哪些？(如200、302对应的描述)
AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?
同步和异步的区别?
简述JavaScript封装。
JavaScript继承有哪两种形式形式，进行描述。

什么是闭包？如下代码点击<p>会输出什么？为何？能大概说明白的话继续问能想出几种解决办法。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>闭包演示</title>
<style type="text/css">
    p {background:gold;}
</style>
<script type="text/javascript"> 
function init() {    
    var pAry = document.getElementsByTagName("p");    
    for( var i=0; i<pAry.length; i++ ) {    
         pAry[i].onclick = function() {    
         alert(i);    
    } 
  }
}
</script> 
</head> 
<body onload="init();"> 
<p>产品 0</p> 
<p>产品 1</p> 
<p>产品 2</p> 
<p>产品 3</p> 
<p>产品 4</p> 
</body> 
</html>

在JS中this关键字的使用场合和用法(如在构造函数中、setTimeout中等)。
简述下cookie的操做，还有cookie的属性都知道哪些。
IE与FF的JS兼容性都知道哪些。
DOM操做 - 怎样添加、移除、移动、复制、建立和查找节点(这个问题真心是基础题，通常不会问)。

　　jQuery相关

jQuery源码是否尝试去读过？说说基本的架构或者 jQuery.fn.init 中都作了哪些判断。
都知道哪些很差的jQuery书写方式。
Sizzle是否有读过？

　　其它相关的加分项：

都使用和了解过哪些编辑器？都使用和了解过哪些平常工具？
都知道有哪些浏览器内核？开发过的项目都兼容哪些浏览器？
国内外的JS牛人都知道哪些？
瀑布流布局或者流式布局是否有了解
正则表达式有系统学习过吗(看书或网上教程)？有的话就问问简单点的邮箱验证、URL验证，或者问问贪婪匹配与懒惰匹配的理论知识。
Node.js是否有过尝试？到什么程度？说说我的理解的见解？
HTML5都有哪些新的JS API？
前端优化知识都知道哪些？
基础算法题（如快速排序，可否一两句说说重要的核心原理或者数组消重等）。
是否有接触过或者了解太重构。