前端面试题

12、js的基础对象有哪些，window和document的常用的方法和属性列出来。

string,number,boolean

window:

方法：setinterval,settimeout,clearinterval,cleartimeout,alert,confirm,open

属性：name,parent,screenleft,screentop,self,top,status

document

方法：createelement,execcommand,getelementbyid,getelementsbyname,getelementbytagname,write,writeln

属性：cookie,doctype,domain,documentelement,readystate,url,

13、javascript中如何对一个对象进行深度clone

functioncloneobject(o){if(!o||'object'!==typeofo){returno;}varc='function'===typeofo.pop?[]:{};varp,v;for(pino){if(o.hasownproperty(p)){v=o[p];if(v&&'object'===typeofv){c[p]=ext.ux.clone(v);}else{c[p]=v;}}}returnc;};

14、js中如何定义class,如何扩展prototype?

ele.classname=“***”;//***在css中定义，形式如下：.***{…}

a.prototype.b=c;

a是某个构造函数的名字

b是这个构造函数的属性

c是想要定义的属性的值

15、ajax是什么？ajax的交互模型？同步和异步的区别?如何解决跨域问题?

ajax是多种技术组合起来的一种浏览器和服务器交互技术，基本思想是允许一个互联网浏览器向一个远程页面/服务做异步的http调用，并且用收到的数据来更新一个当前web页面而不必刷新整个页面。该技术能够改进客户端的体验。包含的技术：

xhtml：对应w3c的xhtml规范，目前是xhtml1.0。

css：对应w3c的css规范，目前是css2.0

dom：这里的dom主要是指htmldom，xmldom包括在下面的xml中

javascript：对应于ecma的ecmascript规范

xml：对应w3c的xmldom、xslt、xpath等等规范

xmlhttprequest：对应whatwg的webapplications1.0规范（http://whatwg.org/specs/web-apps/current-work/）

ajax交互模型

同步：脚本会停留并等待服务器发送回复然后再继续

异步：脚本允许页面继续其进程并处理可能的回复

跨域问题简单的理解就是因为js同源策略的限制，a.com域名下的js无法操作b.com或c.a.com下的对象，具体场景如下：

ps：（1）如果是端口或者协议造成的跨域问题前端是无能为力的

(2)在跨域问题上，域仅仅通过url的首部来识别而不会尝试判断相同的ip地址对应的域或者两个域是否对应一个ip

前端对于跨域的解决办法：

(1)document.domain+iframe

(2)动态创建script标签

16、请给出异步加载js方案，不少于两种。

默认情况javascript是同步加载的，也就是javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。

异步加载方式：

(1)defer，只支持ie

(2)async：

(3)创建script，插入到dom中，加载完毕后callback，见代码：functionloadscript(url,callback){varscript=document.createelement("script")script.type="text/javascript";if(script.readystate){//iescript.onreadystatechange=function(){if(script.readystate=="loaded"||script.readystate=="complete"){script.onreadystatechange=null;callback();}};}else{//others:firefox,safari,chrome,andoperascript.onload=function(){callback();};}script.src=url;document.body.appendchild(script);}

17、多浏览器检测通过什么？

（1）navigator.useragent

（2）不同浏览器的特性，如addeventlistener

18、讲述一下你所了解的前端开发的优化方式