接上篇

作者: 卖咸鱼的猫 | 来源:发表于2018-06-03 14:37 被阅读12次

    如何判断一个对象是否属于某个类?

    使用instanceof (待完善)

      if(a instanceof Person){

          alert('yes');

      }

    new操作符具体干了什么呢?

    1、创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型。

    2、属性和方法被加入到 this 引用的对象中。

    3、新创建的对象由 this 所引用,并且最后隐式的返回 this 。

    var obj  = {};

    obj.__proto__ = Base.prototype;

    Base.call(obj);

    用原生JavaScript的实现过什么功能吗?

    Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是?

    hasOwnProperty

    javaScript中hasOwnProperty函数方法是返回一个布尔值,指出一个对象是否具有指定名称的属性。此方法无法检查该对象的原型链中是否具有该属性;该属性必须是对象本身的一个成员。

    使用方法:

    object.hasOwnProperty(proName)

    其中参数object是必选项。一个对象的实例。

    proName是必选项。一个属性名称的字符串值。

    如果 object 具有指定名称的属性,那么JavaScript中hasOwnProperty函数方法返回 true,反之则返回 false。

    JSON 的了解?

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。

    它是基于JavaScript的一个子集。数据格式简单, 易于读写, 占用带宽小

    如:{"age":"12", "name":"back"}

    JSON字符串转换为JSON对象:

    var obj =eval('('+ str +')');

    var obj = str.parseJSON();

    var obj = JSON.parse(str);

    JSON对象转换为JSON字符串:

    var last=obj.toJSONString();

    var last=JSON.stringify(obj);

    [].forEach.call($$("*"),function(a){a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)}) 能解释一下这段代码的意思吗?

    js延迟加载的方式有哪些?

    defer和async、动态创建DOM方式(用得最多)、按需异步载入js

    Ajax 是什么? 如何创建一个Ajax?

    ajax的全称:Asynchronous Javascript And XML。

    异步传输+js+xml。

    所谓异步,在这里简单地解释就是:向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果它自己会根据设定进行后续操作,与此同时,页面是不会发生整页刷新的,提高了用户体验。

    (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象

    (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息

    (3)设置响应HTTP请求状态变化的函数

    (4)发送HTTP请求

    (5)获取异步调用返回的数据

    (6)使用JavaScript和DOM实现局部刷新

    Ajax 解决浏览器缓存问题?

    1、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("If-Modified-Since","0")。

    2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader("Cache-Control","no-cache")。

    3、在URL后面加上一个随机数: "fresh=" + Math.random();。

    4、在URL后面加上时间搓:"nowtime=" + new Date().getTime();。

    5、如果是使用jQuery,直接这样就可以了 $.ajaxSetup({cache:false})。这样页面的所有ajax都会执行这条语句就是不需要保存缓存记录。

    同步和异步的区别?

    同步的概念应该是来自于OS中关于同步的概念:不同进程为协同完成某项工作而在先后次序上调整(通过阻塞,唤醒等方式).同步强调的是顺序性.谁先谁后.异步则不存在这种顺序性.

    同步:浏览器访问服务器请求,用户看得到页面刷新,重新发请求,等请求完,页面刷新,新内容出现,用户看到新内容,进行下一步操作。

    异步:浏览器访问服务器请求,用户正常操作,浏览器后端进行请求。等请求完,页面不刷新,新内容也会出现,用户看到新内容。

    (待完善)

    如何解决跨域问题?

    jsonp、 iframe、window.name、window.postMessage、服务器上设置代理页面

    页面编码和被请求的资源编码如果不一致如何处理?

    模块化开发怎么做?

    立即执行函数,不暴露私有成员

        var module1 = (function(){

            var _count = 0;

            var m1 = function(){

              //...

            };

            var m2 = function(){

              //...

            };

            return {

              m1 : m1,

              m2 : m2

            };

          })();

    (待完善)

    AMD(Modules/Asynchronous-Definition)、CMD(Common Module Definition)规范区别?

    AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMD

    CMD 规范在这里:https://github.com/seajs/seajs/issues/242

    Asynchronous Module Definition,异步模块定义,所有的模块将被异步加载,模块加载不影响后面语句运行。所有依赖某些模块的语句均放置在回调函数中。

    区别:

        1. 对于依赖的模块,AMD 是提前执行,CMD 是延迟执行。不过 RequireJS 从 2.0 开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD 推崇 as lazy as possible.

        2. CMD 推崇依赖就近,AMD 推崇依赖前置。看代码:

    // CMD

    define(function(require, exports, module) {

        var a = require('./a')

        a.doSomething()

        // 此处略去 100 行

        var b = require('./b') // 依赖可以就近书写

        b.doSomething()

        // ...

    })

    // AMD 默认推荐

    define(['./a', './b'], function(a, b) { // 依赖必须一开始就写好

        a.doSomething()

        // 此处略去 100 行

        b.doSomething()

        // ...

    })

    requireJS的核心原理是什么?(如何动态加载的?如何避免多次加载的?如何 缓存的?)

    参考:http://annn.me/how-to-realize-cmd-loader/

    JS模块加载器的轮子怎么造,也就是如何实现一个模块加载器?

    谈一谈你对ECMAScript6的了解?

    ECMAScript6 怎么写class么,为什么会出现class这种东西?

    异步加载JS的方式有哪些?

    (1) defer,只支持IE

    (2) async:

    (3) 创建script,插入到DOM中,加载完毕后callBack

    documen.write和 innerHTML的区别

    document.write只能重绘整个页面

    innerHTML可以重绘页面的一部分

    DOM操作——怎样添加、移除、移动、复制、创建和查找节点?

    (1)创建新节点

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

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

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

    (2)添加、移除、替换、插入

      appendChild()

      removeChild()

      replaceChild()

      insertBefore() //在已有的子节点前插入一个新的子节点

    (3)查找

      getElementsByTagName()    //通过标签名称

      getElementsByName()    //通过元素的Name属性的值(IE容错能力较强,会得到一个数组,其中包括id等于name值的)

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

    .call() 和 .apply() 的区别?

    例子中用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4);

      注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。

        function add(a,b)

        {

            alert(a+b);

        }

        function sub(a,b)

        {

            alert(a-b);

        }

        add.call(sub,3,1);

    数组和对象有哪些原生方法,列举一下?

    JS 怎么实现一个类。怎么实例化这个类

    JavaScript中的作用域与变量声明提升?

    如何编写高性能的Javascript?

    那些操作会造成内存泄漏?

    JQuery的源码看过吗?能不能简单概况一下它的实现原理?

    jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this?

    jquery中如何将数组转化为json字符串,然后再转化回来?

    jQuery 的属性拷贝(extend)的实现原理是什么,如何实现深拷贝?

    jquery.extend 与 jquery.fn.extend的区别?

    * jquery.extend 为jquery类添加类方法,可以理解为添加静态方法

    * jquery.fn.extend:

        源码中jquery.fn = jquery.prototype,所以对jquery.fn的扩展,就是为jquery类添加成员函数

    使用:

    jquery.extend扩展,需要通过jquery类来调用,而jquery.fn.extend扩展,所有jquery实例都可以直接调用。

    jQuery 的队列是如何实现的?队列可以用在哪些地方?

    谈一下Jquery中的bind(),live(),delegate(),on()的区别?

    JQuery一个对象可以同时绑定多个事件,这是如何实现的?

    是否知道自定义事件。jQuery里的fire函数是什么意思,什么时候用?

    jQuery 是通过哪个方法和 Sizzle 选择器结合的?(jQuery.fn.find()进入Sizzle)

    针对 jQuery性能的优化方法?

    Jquery与jQuery UI 有啥区别?

    *jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。

    *jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。

    提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等

    JQuery的源码看过吗?能不能简单说一下它的实现原理?

    jquery 中如何将数组转化为json字符串,然后再转化回来?

    jQuery中没有提供这个功能,所以你需要先编写两个jQuery的扩展:

        $.fn.stringifyArray = function(array) {

            return JSON.stringify(array)

        }

        $.fn.parseArray = function(array) {

            return JSON.parse(array)

        }

        然后调用:

        $("").stringifyArray(array)

    相关文章

      网友评论

          本文标题:接上篇

          本文链接:https://www.haomeiwen.com/subject/fegfsftx.html