前端面试必会题（一）

刷题的开始和大家分享一下我比较喜欢的古诗，”长风破浪会有时，直挂云帆济沧海。——《行路难 其一》李白“，祝你成功！

css属性overflow

这个属性规定当内容溢出元素框时所表现出来的状态，其中有四个属性

• 参数是scroll时候，必会出现滚动条。
• 参数是auto时候，子元素内容大于父元素时出现滚动条。
• 参数是visible时候，溢出的内容出现在父元素之外。
• 参数是hidden时候，溢出隐藏

标签中target属性

这个属性规定点击a标签打开新链接以什么形式打开，w3c解释非常好，直接粘贴从如下，

值	描述
_blank	在新窗口中打开被链接文档
_self	默认。在相同的框架中打开被链接文档
_parent	在父框架集中打开被链接文档。
_top	在整个窗口中打开被链接文档

img元素的alt和title有什么异同

img元素其中有两个属性alt和title，而title也是html里面的标签，当title作为图片属性时并设置值，当鼠标放在图片上时会出席那图片的解释文字；而alt属性是当图片加载失败时，出现的代替文字出现

javascript变量命名规则

首个字符必须是一个字母、下划线（_）或一个美元符号（$）；其他字符可以是字母、下划线、美元符号或数字；注意，不可使用js中的关键字，保留字

js中常见事件

• 点击事件：
  1. onclick：单击事件
  2. ondblclick：双击事件
• 焦点事件
  1. onblur：失去焦点
  2. onfocus:元素获得焦点。
• 加载事件：
  1. onload：document全部加载完成以后，并且要求所有的外部图片和资源全部加载完成后才会执行操作。
• 鼠标事件：
  1. onmousedown 鼠标按钮被按下。
  2. onmouseup 鼠标按键被松开。
  3. onmousemove 鼠标被移动。
  4. onmouseover 鼠标移到某元素之上。
  5. onmouseout 鼠标从某元素移开。
• 键盘事件：
  1. onkeydown 某个键盘按键被按下。
  2. onkeyup 某个键盘按键被松开。
  3. onkeypress 某个键盘按键被按下并松开。
• 选中和改变
  1. onchange 域的内容被改变。
  2. onselect 文本被选中。

border的border:0与border:none

border:0;浏览器对border-width、border-color进行渲染，占用内存；border:none;无边框，浏览器不进行渲染，不占用内存。

domContentLoaded和onload事件区别

onload事件触发时，页面上所有的DOM，样式表，脚本，图片都已经加载完成了；domContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片。

sessionStorage和localStorage区别

sessionStorage：储存数据只保留到浏览器关闭；localStorage储存数据一直保留，除非通过JavaScript删除或用户清除浏览器缓存

常见的块盒、行盒及行块盒元素

常见的内联元素：<span>、<a>、<b>、<i>、<em>、<strong>、<label>、<code>
常见的块级元素：<div>、<p>、<ul>、<ol>、、<dl>、<tabel>、<address>、<form>
常见的内联块级元素：<img>、<input>