JS问题汇总

JS

1、如何解决跨域问题

nginx代理,或后端设置,

2、移动端的点击事件有延迟,时间是多久,为什么会有,怎么解决这个延时(click有300ms延迟,为了实现Safari的双击时间的设计,浏览器要知道你是不是双击操作。)

3、异步加载的方式有哪些

  • 1、js动态加载dom元素
  • 2、onload异步加载
  • 3、使用requerjs这种,是属于异步加载。

4、javascript原型,原型链,?有什么特点?

*每个对象都会在其内部初始化一个属性,就是prototype(原型),当我们访问一个对象的属性时,如果这个对象内部不存在这个属性,那么他就会去prototype里找这个属性,这个prototype又会有自己的prototype,于是就这样一直找下去,也就是我们平时所说的原型链的概念。
关系:instance.constructor.prototype = instance.__proto\

5、Javascript作用链域?

  • 全局函数无法查看局部函数的内部细节,但局部函数可以查看其上层的函数细节,直至全局细节。 当需要从局部函数查找某一属性或方法时,如果当前作用域没有找到,就会上溯到上层作用域查找,直至全局函数,这种组织形式就是作用域链。

6、用原生javascript的实现过说明功能。

  • (如果会用node)知道route,middleware,cluster,nodemon,pm2,server-side rendering么解释一下backbone的mvc实现方式。

7、javascript对象的几种创建方式

  • javascript创建对象简单的说,
    无非就是使用内置对象或各种自定义对象,当然还可以用JSON;
    但写法有很多种,也能混合使用。
  • 1、对象字面量的方式

    1
    person={firstname:"Mark",lastname:"Yun",age:25,eyecolor:"black"};
  • 2、用function来模拟无参的构造函数

    1
    2
    3
    4
    5
    6
    7
    8
    function Person(){}
    var person=new Person();//定义一个function,如果使用new"实例化",该function可以看作是一个Class
    person.name="Mark";
    person.age="25";
    person.work=function(){
    alert(person.name+" hello...");
    }
    person.work();
  • 3、用function来模拟参构造函数来实现(用this关键字定义构造的上下文属性)

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function Pet(name,age,hobby){
    this.name=name;//this作用域:当前对象
    this.age=age;
    this.hobby=hobby;
    this.eat=function(){
    alert("我叫"+this.name+",我喜欢"+this.hobby+",是个程序员");
    }
    }
    var maidou =new Pet("麦兜",25,"coding");//实例化、创建对象
    maidou.eat();//调用eat方法
  • 4、用工厂方式来创建(内置对象)

    1
    2
    3
    4
    5
    6
    7
    var wcDog =new Object();
    wcDog.name="旺财";
    wcDog.age=3;
    wcDog.work=function(){
    alert("我是"+wcDog.name+",汪汪汪......");
    }
    wcDog.work();
  • 5、用原型方式来创建

    1
    2
    3
    4
    5
    6
    7
    8
    function Dog(){
    }
    Dog.prototype.name="旺财";
    Dog.prototype.eat=function(){
    alert(this.name+"是个吃货");
    }
    var wangcai =new Dog();
    wangcai.eat();
  • 6、用混合方式来创建

    1
    2
    3
    4
    5
    6
    7
    8
    9
    function Car(name,price){
    this.name=name;
    this.price=price;
    }
    Car.prototype.sell=function(){
    alert("我是"+this.name+",我现在卖"+this.price+"万元");
    }
    var camry =new Car("凯美瑞",27);
    camry.sell();

8、documen.write和innerHTML的区别

9、简述一下handlebars的基本用法

10、jquery的源码看过吗?能不能简单的说下他的视线原理?

当前网速较慢或者你使用的浏览器不支持博客特定功能,请尝试刷新或换用Chrome、Firefox等现代浏览器