面试题(2)

javascript的同源策略 一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合

编写一个数组去重的方法 function oSort(arr) { var result ={}; var newArr=[]; for(var i=0;i < arr.length;i++) { if(!result[arr]) { newArr.push(arr) result[arr]=1 } } return newArr }

截取字符串abcdefg的efg alert(‘abcdefg’.substring(4));

判断一个字符串中出现次数最多的字符，统计这个次数 /*var str = ‘asdfssaaasasasasaa’; var json = {};

for (var i = 0; i < str.length; i++) { if(!json[str.charAt(i)]){ json[str.charAt(i)] = 1; }else{ json[str.charAt(i)]++; } }; var iMax = 0; var iIndex = ”; for(var i in json){ if(json[i]>iMax){ iMax = json[i]; iIndex = i; } } alert(‘出现次数最多的是:’+iIndex+’出现’+iMax+’次’);*/

IE与FF脚本兼容性问题 /*obj.addEventListener(sEv, fn, false); obj.attachEvent(‘on’+sEv,fn); detachevet removeEventListener DOMContentLoaded onreadystatechange complete DOMMouseScroll FF onmousewheel 非FF event.wheelDelta 上滚120 下-120 event.detail 上滚-3 下3 obj.getCurrentStyle[attr] getComputedStyle(obj,false)[attr] XMLHttpRequest ActiveXObject(‘Mircorsoft.XMLHttp’) FF本地能设置读取cookie 其他不行 event ev 事件源 srcElement||target toElement||relatedTarget obj.setCapture();只有ie认 obj.releaseCapture();*/

规避JavaScript多人开发函数重名问题 /*命名空间 封闭空间 js模块化mvc（数据层、表现层、控制层） seajs 变量转换成对象的属性 对象化*/

javascript面向对象中继承实现 /*function Person(name){ this.name = name; }

Person.prototype.showName = function(){ alert(this.name); }

function Worker(name, job){ Person.apply(this,arguments) this.job = job; } for(var i in Person.prototype){ Worker.prototype = Person.prototype; } new Worker(‘sl’, ‘coders’).showName();*/

FF下面实现outerHTML /*var oDiv = document.createElement(‘div’); var oDiv1 = document.getElementById(‘div1’); var oWarp = document.getElementById(‘warp’);

oWarp.insertBefore(oDiv, oDiv1); oDiv.appendChild(oDiv1); var sOut = oDiv.innerHTML; oWarp.insertBefore(oDiv1, oDiv); oWarp.removeChild(oDiv); alert(sOut);*/

编写一个方法 求一个字符串的字节长度; //假设一个中文占两个字节 /*var str = ‘22两是’;

alert(getStrlen(str))

function getStrlen(str){ var json = {len:0}; var re = /[\u4e00-\u9fa5]/; for (var i = 0; i < str.length; i++) { if(re.test(str.charAt(i))){ json[‘len’]++; } }; return json[‘len’]+str.length; }*/

编写一个方法 去掉一个数组的重复元素 /*var arr = [1,2,3,1,43,12,12,1]; var json = {}; var arr2 = []; for (var i = 0; i < arr.length; i++) { if(!json[arr[i]]){ json[arr[i]] = true; }else{ json[arr[i]] = false; } if(json[arr[i]]){ arr2.push(arr[i]); } };

for (var i = 0; i < arr.length; i++) { if(!aa(arr[i], arr2)){ arr2.push(arr[i]) } }; function aa(obj, arr){ for (var i = 0; i < arr.length; i++) { if(arr[i] == obj) return true; else return false; }; } alert(arr2)*/

写出3个使用this的典型应用 /* 事件： 如onclick this->发生事件的对象 构造函数 this->new 出来的object call/apply 改变this*/

如何深度克隆 /*var arr = [1,2,43]; var json = {a:6,b:4,c:[1,2,3]}; var str = ‘sdfsdf’;

var json2 = clone(json);

alert(json[‘c’]) function clone(obj){ var oNew = new obj.constructor(obj.valueOf()); if(obj.constructor == Object){ for(var i in obj){ oNew[i] = obj[i]; if(typeof(oNew[i]) == ‘object’){ clone(oNew[i]); } } } return oNew; }*/

JavaScript中如何检测一个变量是一个String类型？请写出函数实现 // typeof(obj) == ‘string’ // obj.constructor == String;

网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态显示“××年还剩××天××时××分××秒” /*var oDate = new Date(); var oYear = oDate.getFullYear();

var oNewDate = new Date(); oNewDate.setFullYear(oYear, 11, 31, 23, 59, 59); var iTime = oNewDate.getTime()-oDate.getTime();

var iS = iTime/1000; var iM = oNewDate.getMonth()-oDate.getMonth(); var iDate =iS*/

请解释一下什么是语义化的HTML。 //内容使用特定标签，通过标签就能大概了解整体页面的布局分布

你如何对网站的文件和资源进行优化？

为什么利用多个域名来存储网站资源会更有效？ //确保用户在不同地区能用最快的速度打开网站，其中某个域名崩溃用户也能通过其他郁闷访问网站

请说出三种减低页面加载时间的方法 /*1、压缩css、js文件 2、合并js、css文件，减少http请求 3、外部js、css文件放在最底下 4、减少dom操作，尽可能用变量替代不必要的dom操作*/

什么是FOUC？你如何来避免FOUC？ /*由于css引入使用了@import 或者存在多个style标签以及css文件在页面底部引入使得css文件加载在html之后导致页面闪烁、花屏 用link加载css文件，放在head标签里面*/

文档类型的作用是什么？你知道多少种文档类型？ /*影响浏览器对html代码的编译渲染 html2.0 xHtml HTML5*/

浏览器标准模式和怪异模式之间的区别是什么？ //盒模型解释不同

你使用过那些Javascript库？ //jQuery seajs yui

哈希表 //具有散列（映射）特性的数据模型

闭包 //子函数能被外部调用到，则该作用连上的所有变量都会被保存下来。

请解释什么是Javascript的模块模式，并举出实用实例。 /*js模块化mvc（数据层、表现层、控制层） seajs 命名空间*/

你如何组织自己的代码？是使用模块模式，还是使用经典继承的方法？ /*对内：模块模式 对外：继承*/

你如何优化自己的代码？ /*代码重用 避免全局变量（命名空间，封闭空间，模块化mvc..） 拆分函数避免函数过于臃肿 注释 */

你能解释一下JavaScript中的继承是如何工作的吗？ /*子构造函数中执行父构造函数，并用call\apply改变this 克隆父构造函数原型上的方法*/

useraget.nav

请尽可能详尽的解释AJAX的工作原理。 /*创建ajax对象（XMLHttpRequest/ActiveXObject(Microsoft.XMLHttp)） 判断数据传输方式(GET/POST) 打开链接 open() 发送 send() 当ajax对象完成第四步（onreadystatechange）数据接收完成，判断http响应状态（status）200-300之间或者304（缓存）执行回调函数*/

xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。

Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 用于声明文档使用那种规范（html/Xhtml）一般为 严格 过度 基于框架的html文档 加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug

行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素：div p h1 h2 h3 h4 form ul 行内元素: a b br i span input select Css盒模型:内容，border ,margin，padding

CSS引入的方式有哪些? link和@import的区别是? 内联 内嵌 外链 导入 区别 ：同时加载 前者无兼容性，后者CSS2.1以下浏览器不支持 Link 支持使用javascript改变样式，后者不可

CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高? 标签选择符 类选择符 id选择符 继承不如指定 Id>class>标签选择 后者优先级高

前端页面有哪三层构成，分别是什么?作用是什么? 结构层 Html 表示层 CSS 行为层 js

写出几种IE6 BUG的解决方法 1.双边距BUG float引起的 使用display 2.3像素问题 使用float引起的 使用dislpay:inline -3px 3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active 4.Ie z-index问题 给父级添加position:relative 5.Png 透明 使用js代码 改 6.Min-height 最小高度 ！Important 解决’ 7.select 在ie6下遮盖 使用iframe嵌套 8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

浏览器标准模式和怪异模式之间的区别是什么? 盒子模型 渲染模式的不同 使用 window.top.document.compatMode 可显示为什么模式

post和get的区别 (1)、Get是用来从服务器上获得数据， 而Post是用来向服务器上传递数据。 (2)、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用”?”连接，而各个变量之间使用”&”连接； Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。 (3)、Get是不安全的，因为在传输过程，数据被放在请求的URL中。 Post的所有操作对用户来说都是不可见的。 (4)、Get传输的数据量小，这主要是因为受URL长度限制(GET方式提交的数据最多只能有1024字节，而POST则没有此限制)而Post可以传输大量的数据，所以在上传文件只能使用Post。 (5)、Get限制Form表单的数据集的值必须为ASCII字符； 而Post支持整个ISO10646字符集。默认是用ISO-8859-1编码。 (6)、Get是Form的默认方法。