json和ajax简单面试题

• 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