1.关于计算机的冷知识你知道吗？

Windows鼠标指针的箭头图案是不对称的

451错误，是一种在网站访问过程中，较为少见的错误提示。其通常用来代表“因法律原因而被官方审查禁止访问”的内容

2.你知道浏览器地址栏可以运行代码吗？

(1).浏览器地址栏运行Java代码

java:alert('hello 1802:)');浏览器弹出框输出输出hello 1802;

(2).浏览器地址栏运行HTML代码

data:text/html,

Hello, 1802!

浏览器页面输出hello 1802;

(3).浏览器地址栏运行HTML代码

data:text/html, 浏览器页面变成可编辑页面

归根结底多亏了HTML5中新加的contenteditable属性，

元素的内容成为可编辑状态，可将浏览器页面变成记事本的功能.

3.你清楚这些区别吗?

(1).display:none与visibility:hidden的区别是什么？

display : 隐藏对应的元素但不挤占该元素原来的空间。

visibility: 隐藏对应的元素并且挤占该元素原来的空间。

display:none属性后，元素（对象）的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。

(2).CSS中link和@import的区别是

@import只有在ie5以上才可以被识别，而link是html标签，不存在浏览器兼容性问题

Link引入样式的权重大于@import的引用（@import是将引用的样式导入到当前的页面中）

4.HTML常见兼容性问题

1). 双边距BUG float引起的 使用display

2). 3像素问题 使用float引起的 使用dislpay:inline -3px

3). z-index问题 给父级添加position:relative

4). Min-height 最小高度 ！Important 解决

5). 为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

6). IE5-8不支持opacity，解决办法：

.opacity {

opacity: 0.4

filter: alpha(opacity=60); /* for IE5-7 */

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* for IE 8*/

}

7). IE6不支持PNG透明背景，解决办法: IE6下使用gif图片

5.简要了解主流框架和框架鼻祖YUI

三大主流框架：vue 、React、AngularJS

框架鼻祖 YUI 也有自己的 Java 类库，DOM 操作和效果处理也还比较方便，功能和控件也很齐全，但是相比 jQuery 和 Ext JS 显得比较中庸一些。随着 Yahoo!的没落，YUI 的呼声也逐渐被新起的框架淹没，想来也让人惋惜。