web前端笔试题（二）

标签：原型   listener   加载完成   子函数   类型   gen   query   会同   基本   

1、页面导入样式时，使用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*/

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

Number、String 、Boolean、Null和Undefined

4、请介绍下JavaScript原型、原型链的特点

1、javascript原型

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

2、javascript原型链

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

3、特点

原型链实现了继承。

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

（1）创建新节点

      createDocumentFragment()    //创建一个DOM片段

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

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

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

      appendChild()

      removeChild()

      replaceChild()

      insertBefore()

（3）查找

      getElementsByTagName()    //通过标签名称

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

      getElementById()    //通过元素Id，唯一性

6、实时监测用户在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和非IE
IE使用propertychange，非IE使用input事件，
通过监听输入框的每一次输入，来实时的反馈显示给用户。

web前端笔试题（二）

标签：原型   listener   加载完成   子函数   类型   gen   query   会同   基本   

原文地址：https://www.cnblogs.com/zsj-Blog/p/10367038.html