web前端笔试题（二）

一、页面导入样式时，使用link,@import，有什么区别？

Link 属于 html 标签，而@import 是 CSS 中提供的
在页面加载的时候，link 会同时被加载，而@import 引用的 CSS 会在页面加载完成后才会加
载引用的 CSS
@import 只有在 ie5 以上才能够被识别，而 link 是 html 标签，不存在浏览器兼容性问题

Link 引入样式的权重大于@import 的引用

请介绍下css中针ie6-9对，经常使用的hack方法

background-color:red\9; /*all ie*/

background-color:yellow\0; /*ie8*/

+background-color:pink; /*ie7*/

_background-color:orange; /*ie6*/

 

三、JavaScript基本数据类型有哪些？

Number、String 、Boolean、Null和Undefined

四、请介绍下JavaScript原型、原型链的特色

一、javascript原型

JS中每一个函数都存在有一个原型对象属性prototype。而且全部函数的默认原型都是Object的实例。

二、javascript原型链

每一个继承父函数的子函数的对象都包含一个内部属性_proto_。该属性包含一个指针，指向父函数的prototype。若父函数的原型对象的_proto_属性为再上一层函数。在此过程当中就造成了原型链。

三、特色

原型链实现了继承。

五、请用原生js实现添加、移除、移动、复制、建立和查找DOM节点

（1）建立新节点

      createDocumentFragment()    //建立一个DOM片断

      createElement()   //建立一个具体的元素

      createTextNode()   //建立一个文本节点

（2）添加、移除、替换、插入

      appendChild()

      removeChild()

      replaceChild()

      insertBefore()

（3）查找

      getElementsByTagName()    //经过标签名称

      getElementsByName()    //经过元素的Name属性的值

      getElementById()    //经过元素Id，惟一性

六、实时监测用户在input内输入的字符数应该监听哪一个事件？

//经过侦听输入框，实时显示输入字符
if(/msie/i.test(navigator.userAgent)){
 document.querySelector("input").addEventListener("propertychange", function(){
        var input_value = document.querySelector("input").value;
        document.querySelector(".value").innerHTML = input_value /10;
    })       
}else{          
 document.querySelector("input").addEventListener("input", function(){
        var input_value = document.querySelector("input").value;
        document.querySelector(".value").innerHTML = input_value /10;
    })   
}

　

/msie/i.test(navigator.userAgent)能够进行浏览器内核判断，区分IE和非IEIE使用propertychange，非IE使用input事件，经过监听输入框的每一次输入，来实时的反馈显示给用户。