10月31日,面试题小结

   localStorage和sessionStorage

• localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。

• 他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。

• localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。

  sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。

• 不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是，页面及标 签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的。

• 块元素和行内元素的区别

  块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度.

  行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化.

  块级元素可以设置width,height属性.

  行内元素设置width,height属性无效.

  块级元素即使设置了宽度,仍然是独占一行.

  块级元素可以设置margin和padding属性.

  行内元素的margin和padding属性,水平方向的padding-left,padding-right,margin- left,margin-right都产生边距效果,但竖直方向的padding-top,padding-bottom,margin- top,margin-bottom却不会产生边距效果.

  　　

  块级元素对应于display:block.

  行内元素对应于display:inline.

   

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

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