前端各种面试题 | 少将全栈
  • 欢迎访问少将全栈,学会感恩,乐于付出,珍惜缘份,成就彼此、推荐使用最新版火狐浏览器和Chrome浏览器访问本网站。
  • 吐槽,投稿,删稿,交个朋友
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏少将全栈吧

前端各种面试题

Web前端 admin 9年前 (2016-03-17) 1884次浏览 已收录 扫描二维码

这套题考察的目标就是基础基础再基础,嘿嘿。

事先声明:

  • 这些题目的来源:面试曾经被问过;工作被别人问过或者遇见过;网上看见过…
  • 答案真心不给提供,真的是许多问题都需要个人的理解和沉淀,所以还请各位自己动手…前端可以试试自己差不多能回答多少题,哈哈。
  • 其实很多题我也没有好答案,面试的时候如果遇到牛人我也可以顺便交流交流,反正我也只是一面,不丢人也不怕丢人。
  • 如果朋友们有好的面试题欢迎提建议,我会其实补充更新的,先谢谢各位了。

HTML相关

  1. <!DOCTYPE>标签的定义与用法。

          <!DOCTYPE> 声明必须位于 HTML5 文档中的第一行,也就是位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。

doctype 声明不属于 HTML 标签;tag; 它是一条指令,告诉浏览器编写页面所用的标记的版本。

在所有 HTML 文档中规定 doctype 是非常重要的,这样浏览器就能了解预期的文档类型。

HTML 4.01 中的 doctype 需要对 DTD 进行引用,因为 HTML 4.01 基于 SGML。而 HTML 5 不基于
SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照它们应该的方式来运行。)。

  1. 块级元素和行内元素都有哪些?

        块级元素:div  , p  , form,   ul,  li ,  ol, dl,    form,   address,  fieldset,  hr, menu,  table

        行内元素:span,   strong,   em,  br,  img ,  input,  label,  select,  textarea,  cite

        

HTML5中的

行内元素列表

<a>标签可定义锚

<abbr>表示一个缩写形式

<acronym>定义只取首字母缩写

<b>字体加粗

<bdo>可覆盖默认的文本方向

<big>大号字体加粗

<br>换行

<cite>引用进行定义

<code>定义计算机代码文本

<dfn>定义一个定义项目

<em>定义为强调的内容

<i>斜体文本效果

<img>向网页中嵌入一幅图像

<input>输入框

<kbd>定义键盘文本

<label>标签为

<input> 元素定义标注(标记)

<q>定义短的引用

<samp>定义样本文本

<select>创建单选或多选菜单

<small>呈现小号字体效果

<span>组合文档中的行内元素

<strong>语气更强的强调的内容

<sub>定义下标文本

<sup>定义上标文本

<textarea>多行的文本输入控件

<tt>打字机或者等宽的文本效果

<var>定义变量

块级元素列表

<address>定义地址

<caption>定义表格标题

<dd>定义列表中定义条目

<div>定义文档中的分区或节

  1. 你真的了解HTML吗? 雅虎面试题 把前面黄底那段拿去搜索下就知道了(曾在某浪公司面试的时候被问到过,确实是很好的问题)。
 

CSS相关

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

JavaScript基础相关

  1. HTTP协议的状态消息都有哪些?(如200、302对应的描述)
  2. AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?
  3. 同步和异步的区别? 
  4. 简述JavaScript封装。
  5. JavaScript继承有哪两种形式形式,进行描述。
  6. 什么是闭包?以下代码点击<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> 

        7.在JS中this关键字的使用场合和用法(如在构造函数中、setTimeout中等)。

        8.简述下cookie的操作,还有cookie的属性都知道哪些。

        9.IE与FF的JS兼容性都知道哪些。

        10.DOM操作 – 怎样添加、移除、移动、复制、创建和查找节点(这个问题真心是基础题,一般不会问)。

 

jQuery相关

  1. jQuery源码是否尝试去读过?说说基本的架构或者 jQuery.fn.init 中都做了哪些判断。
  2. 都知道哪些不好的jQuery书写方式。
  3. Sizzle是否有读过?
 

其它相关的加分项:

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

 

转自:http://www.fefork.com/%E5%89%8D%E7%AB%AF%E5%90%84%E7%A7%8D%E9%9D%A2%E8%AF%95%E9%A2%98/

 

喜欢 (0)
[🍬谢谢你请我吃糖果🍬🍬~]
分享 (0)
关于作者:
少将,关注Web全栈开发、项目管理,持续不断的学习、努力成为一个更棒的开发,做最好的自己,让世界因你不同。