js&jq涉及内容众多，分为上下两部分进行整理，该部分为上部分。

1、对前端工程师这个职位你是怎么样理解的？

• 前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好;
• 参与项目，快速高质量完成实现效果图，精确到1px;
• 与团队成员，UI设计，产品经理的沟通;
• 做好的页面结构，页面重构和用户体验;
• 处理hack，兼容、写出优美的代码格式;
• 针对服务的优化、拥抱最新前端技术。

首先通过题目给的table id 获得该对象;

• 定义和用法：proxy代理用于将请求发送给后台服务器，通过服务器来发送请求，然后将请求的结果传递给前端。 实现方法：通过nginx代理； 注意点：1、如果你代理的是https协议的请求，那么你的proxy首先需要信任该证书（尤其是自定义证书）或者忽略证书检查，否则你的请求无法成功。

   定义和用法：是现代浏览器支持跨域资源请求的一种最常用的方式。
   使用方法：一般需要后端人员在处理请求数据的时候，添加允许跨域的相关操作。如下：

定义和用法：通过动态插入一个script标签。浏览器对script的资源引用没有同源限制，同时资源加载到页面后会立即执行（没有阻塞的情况下）。
特点：通过情况下，通过动态创建script来读取他域的动态资源，获取的数据一般为json格式。

21、谈谈垃圾回收机制方式及内存管理

• 定义和用法：垃圾回收机制(GC:Garbage Collection),执行环境负责管理代码执行过程中使用的内存。
• 原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大，所以垃圾回收器会按照固定的时间间隔周期性的执行。

fn1中定义的obj为局部变量，而当调用结束后，出了fn1的环境，那么该块内存会被js引擎中的垃圾回收器自动释放；在fn2被调用的过程中，返回的对象被全局变量b所指向，所以该块内存并不会被释放。

• 垃圾回收策略：标记清除(较为常用)和引用计数。

  　　定义和用法：当变量进入环境时，将变量标记"进入环境"，当变量离开环境时，标记为："离开环境"。某一个时刻，垃圾回收器会过滤掉环境中的变量，以及被环境变量引用的变量，剩下的就是被视为准备回收的变量。

  　　到目前为止，IE、Firefox、Opera、Chrome、Safari的js实现使用的都是标记清除的垃圾回收策略或类似的策略，只不过垃圾收集的时间间隔互不相同。

  　　定义和用法：引用计数是跟踪记录每个值被引用的次数。

  　　基本原理：就是变量的引用次数，被引用一次则加1，当这个引用计数为0时，被视为准备回收的对象。

• 1、什么时候触发垃圾回收？

  垃圾回收器周期性运行，如果分配的内存非常多，那么回收工作也会很艰巨，确定垃圾回收时间间隔就变成了一个值得思考的问题。
  IE6的垃圾回收是根据内存分配量运行的，当环境中的变量，对象，字符串达到一定数量时触发垃圾回收。垃圾回收器一直处于工作状态，严重影响浏览器性能。
  IE7中，垃圾回收器会根据内存分配量与程序占用内存的比例进行动态调整，开始回收工作。
  

  2、合理的GC方案：(1)、遍历所有可访问的对象; (2)、回收已不可访问的对象。

  3、GC缺陷：(1)、停止响应其他操作；

• 开发过程中遇到的内存泄露情况，如何解决的？
  

  内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。C#和Java等语言采用了自动垃圾回收方法管理内存，几乎不会发生内存泄露。我们知道，浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。
  

  2、内存泄露的几种情况:

  1.意外的全局变量引起的内存泄露
  2.闭包引起的内存泄露
  3.没有清理的DOM元素引用
  4.被遗忘的定时器或者回调 5）子元素存在引起的内存泄露
  (1)、当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中不会作出恰当处理，此时要先手工移除事件，不然会存在内存泄露。

(2)、由于是函数内定义函数，并且内部函数--事件回调的引用外暴了，形成了闭包。闭包可以维持函数内局部变量，使其得不到释放。

22、如何判断一个变量是对象还是数组？

23、定时器的执行顺序或机制。

• 因为js是单线程的，浏览器遇到setTimeout或者setInterval会先执行完当前的代码块，在此之前会把定时器推入浏览器的待执行事件队列里面，等到浏览器执行完当前代码之后会看一下事件队列里面有没有任务，有的话才执行定时器的代码。
  所以即使把定时器的时间设置为0还是会先执行当前的一些代码。

• caller是返回一个对函数的引用，该函数调用了当前函数；caller返回调用者，指向当前函数的直接父函数
• callee是返回正在被执行的function函数，也就是所指定的function对象的正文。callee是被执行的function对象，他是arguments的一个属性，就是指向当前函数b的父函数a

(1)、存储空间更大：IE8下每个独立的存储空间为10M，其他浏览器实现略有不同，但都比Cookie要大很多。
(2)、存储内容不会发送到服务器：当设置了Cookie后，Cookie的内容会随着请求一并发送的服务器，这对于本地存储的数据是一种带宽浪费。而Web Storage中的数据则仅仅是存在本地，不会与服务器发生任何交互。
(4)、独立的存储空间：每个域（包括子域）有独立的存储空间，各个存储空间是完全独立的，因此不会造成数据混乱。

26、浏览器缓存有哪些，通常缓存有哪几种

document.write是直接写入到页面的内容流，如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数，会导致页面被重写。
innerHTML将内容写入某个DOM节点，不会导致页面全部重绘

28、xml和json的区别，请用四个词语来形容

JSON相对于XML来讲，数据的体积小，传递的速度更快些
JSON与JavaScript的交互更加方便，更容易解析处理，更好的数据交互
XML对数据描述性比较好；
JSON的速度要远远快于XML 

29、new操作符到底到了什么

30、简述同步和异步的区别

同步是阻塞模式，异步是非阻塞模式。
同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；
异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。

共同点：用于浏览器端存储的缓存数据
(1)、存储内容是否发送到服务器端：当设置了Cookie后，数据会发送到服务器端，造成一定的宽带浪费；
 web storage,会将数据保存到本地，不会造成宽带浪费；
(2)、数据存储大小不同：Cookie数据不能超过4K,适用于会话标识；web storage数据存储可以达到5M;
(3)、数据存储的有效期限不同：cookie只在设置了Cookid过期时间之前一直有效，即使关闭窗口或者浏览器；
(4)、作用域不同：cookie和localStorage是在同源同窗口中都是共享的；sessionStorage在不同的浏览器窗口中不共享，即使是同一个页面；