L-V-H-A : a:link {} a:visited {} a:hover {} a:active {}

8. html5、CSS3有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
   HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，地理定位等功能的增加。

• 绘画 canvas 元素
  用于媒介回放的 video 和 audio 元素
  本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 的数据在浏览器关闭后自动删除
  语意化更好的内容元素，比如 article、footer、header、nav、section
  表单控件，calendar、date、time、email、url、search
  CSS3实现圆角，阴影，对文字加特效，增加了更多的CSS选择器 多背景 rgba
  新的技术webworker, websockt, Geolocation
  移除的元素
  纯表现的元素：basefont，big，center，font, s，strike，tt，u；
  对可用性产生负面影响的元素：frame，frameset，noframes；
• 是IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，
  浏览器支持新标签后，还需要添加标签默认的样式：
• 当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架

<!–[if lt IE 9]>
<script> src=”http://html5shim.googlecode.com/svn/
trunk/html5.js”</script>
<![endif]–>

9. 你怎么来实现页面设计图，你认为前端应该如何高质量完成工作? 一个满屏 品 字布局 如何设计?

• 首先划分成头部、body、脚部；。。。。。
• 实现效果图是最基本的工作，精确到2px；
  与设计师，产品经理的沟通和项目的参与
  做好的页面结构，页面重构和用户体验
  处理hack，兼容、写出优美的代码格式
  针对服务器的优化、拥抱 HTML5。

10. 常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？
    -* 使用率较高的框架有jQuery、YUI、Prototype、Dojo、Ext.js、Mootools等。尤其是jQuery，超过91%。
    轻量级框架有Modernizr、underscore.js、backbone.js、Raphael.js等。
    （理解这些框架的功能、性能、设计原理）

• Sublime Text 、Eclipse、Notepad、Firebug、HttpWatch、Yslow。
• 城市选择插件，汽车型号选择插件、幻灯片插件。弹出层。（写过开源程序，加载器，js引擎更好）
  java script原型，原型链 ? 有什么特点？
• 原型对象也是普通的对象，是对象一个自带隐式的 proto 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为null的话，我们就称之为原型链。
• 原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链。
• java script的数据对象有那些属性值？
  writable：这个属性的值是否可以改。
  configurable：这个属性的配置是否可以删除，修改。
  enumerable：这个属性是否能在for…in循环中遍历出来或在Object.keys中列举出来。
  value：属性值。
• 当我们需要一个属性的时，java script引擎会先看当前对象中是否有这个属性， 如果没有的话，就会查找他的Prototype对象是否有这个属性。

function clone(proto) {
function Dummy() { }
Dummy.prototype = proto;
Dummy.prototype.constructor = Dummy;
return new Dummy(); //等价于
Object.create(Person);
}
function object(old) {
function F() {};
F.prototype = old;return new F();
}
var newObj = object(oldObject);

12. 列出display的值，说明他们的作用。position的值， relative和absolute定位原点是？
    1 block 象块类型元素一样显示。
    none 缺省值。向行内元素类型一样显示。
    inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。
    list-item 象块类型元素一样显示，并添加样式列表标记。
    2

• absolute
  生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
• fixed （老IE不支持）
  生成绝对定位的元素，相对于浏览器窗口进行定位。
• relative
  生成相对定位的元素，相对于其正常位置进行定位。
• static 默认值。没有定位，元素出现在正常的流中
  -（忽略 top, bottom, left, right z-index 声明）。
• inherit 规定从父元素继承 position 属性的值。

13. 页面重构怎么操作？
    编写 CSS、让页面结构更合理化，提升用户体验，实现良好的页面效果和提升性能。

14. 语义化的理解？
    html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；
    在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。
    搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。
    使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

15. HTML5的离线储存？
    localStorage 长期存储数据，浏览器关闭后数据不丢失；
    sessionStorage 数据在浏览器关闭后自动删除。

16. 为什么要初始化CSS样式。
    因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
    当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。
    最简单的初始化方法就是： {padding: 0; margin: 0;} （不建议）

淘宝的样式初始化：