前端面试题.doc

前端面试题 HTML相关HTML相关的面试题目1:html5有哪些新特性？HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search 新的技术webworker websockt2:不同浏览器的html差异1）自定义属性问题说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性.解决方法:统一通过getAttribute()获取自定义属性.2）event.x与event.y问题说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,even对象有pageX,pageY属性,但是没有x,y属性.解决方法:使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.3）event.srcElement问题说明:IE下,event对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有srcElement属性.解 决方法:使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target. 请同时注意event的兼容性问题。4）.innerText在IE中能正常工作，但是innerText在FireFox中却不行. 需用textContent。5）margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如： 相应的css为 #IamFloat float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/6）!important.colortest border:20px solid #60A179 !important;border:20px solid #00F;padding: 30px;width : 300px;在Mozilla中浏览时候，能够理解!important的优先级，因此显示#60A179的颜色：在IE中浏览时候，不能够理解!important的优先级，因此显示#00F的颜色：3：结构与表现相分离带来的好处主要有：1.数据的多样显示。通过不同的样式表适应不同的设备，做到内容与设备无关2.保持整个站点的视觉一致性变得非常简单，修改样式表就可以轻松改版; 3.由于结构清晰，数据的集成、更新和处理更加方便灵活；4.更有意义的搜索。 CSS相关CSS相关的面试题目1:css3有哪些新的特性？有font-face 圆角 阴影 多背景 rgba等 JavascriptJavascript相关的面试题目1：javascript有几种数据类型在Javascript中只有五种简单类型，分别为null,undefined,boolean,String和Number。一种复杂类型：object。代码类型只有一种形式就是function。2：如何判断javascript的类型可以使用typeof函数例如var name = mdemo;console.log(typeof name);/ string还可以用instanceof3:javascript的作用域javascript和其他语言不同，不存在花括号之间的块级作用域，而是用函数来进行作用域的划分。4：javascript中数组的常用方法concat-将两个数组连接起来splice-可以用来删除、添加、替换5：javascript中数组删除某一元素如何实现找到要删除的元素的索引，然后使用splice(index,1)删除6：函数中的arguments是数组吗不是数组，typeof 可以看到是 object类型，而且arguments还有callee方法，所以不会是数组的。7：说一下函数执行结果 = gdemo;var me = name = mdemo;function sayName() console.log();sayName();/gdemome.sayName = sayName;me.sayName();/mdemo8:javascript中如果体现面向对象的三大特性的封装：javascript中没有类的概念，一般用functions去模拟较好的封装代码事例function Person (name,sex,age) = name;this.sex = sex;this.age = age;Ptotype = sayName : function() console.log()这样封装的好处，所有的属性都是在构造函数中进行，每个对象单独一份，在函数中调用通过this获取当前对象的属性，函数只实例化一次。继承：javascript的继承主要利用prototype较好的继承方式function SuperType(name) = name;this.colors = red,blue,yellow;function SubType(name ,age)SuperType.call(this,name);/继承属性this.age = age;SubTtotype = new SuperType();继承方法SubTtotype.sayAge = function() console.log(this.age);多态：主要体现着函数的参数上面9：什么叫做闭包会造成内存泄漏的闭包function alertID()var element = document.getElementId(mdemo); element.onclick = function() consol.log(element.id);这个就形成了闭包，因为oncolick事件调用的时候，需要调用element变量，这样element永远都不会被回收，导致内存泄漏修改后的版本function alertID()var element = doucment.getElementId(mdemo);var id = element.id; element.onclick = function() console.log(id); element = null; 网络方面也会问计算机网络相关的面试题目1：何为三次握手2：http状态码200 ：OK301：永久重定向302：临时重定向404：不存在500：服务器出错3：ajax状态码存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。0: 请求未初始化1: 服务器连接已建立2: 请求已接收3: 请求处理中4: 请求已完成，且响应已就绪4：跨域问题1：jsonp使用的原理，因为html中img、script等标签，是不受跨域的影响 json 收到js的原生支持 所以可以直接使用封装成js的json 来进行跨域支持2：子域名与主域名之间document.domain3：flash silverlight crossdomain.xml4：服务端的支持5：get与post的区别GET请求的数据会附在URL之后，POST把提交的数据则放置在是HTTP包的包体中。GET方式提交的数据最多只能是1024字节，理论上POST没有限制，可传较大量的数据POST的安全性要比GET的安全性高6：tcp/ip体系结构应用层如ftp 运输层 tcp/udp 互联网层ip 网络接口层 少不了数据结构算法数据结构算法相关的面试题目1：javascript中数组的栈方法、队列方法可以使用push将元素推入数组，栈方法使用pop()，后进先出，队列方法使用shift()，先进先出2：用javascript写一个快速排序复杂度O(nlog2n) 最差O(n2)function quickSort(arr)/如果数组只有一个数，就直接返回；if(arr.length1)return arr;/找到中间的那个数的索引值；如果是浮点数，就向下取整var centerIndex = Math.floor(arr.length/2);/根据这个中间的数的索引值，找到这个数的值；var centerNum = arr.splice(centerIndex,1);/存放左边的数var arrLeft = ;/存放右边的数var arrRight = ;for(i=0;iarr.length;i+)if(arricenterNum) arrRight.push(arri)return quickSort(arrLeft).concat(centerNum,quickSort(arrRight);var arrSort = 33,18,2,40,16,63,27;var arr1 = quickSort(arrSort); console.log(arr1); 常用库常用库相关的面试题目 其他其他的面试题目1：对于用户体验有什么想法或见解1.取得一致性：类似的情况应该有让使用者有一致性的操作。在提示、选单与说明文件中，应该采用同样的名词。并且保持命令的一贯性。2.让重度用户使用快捷方式：当使用频率增加时，使用者会希望减少互动的次数、让每次的互动能够一次做更多的动作。缩写、功能键、隐藏功能与综观全局的功能，对专家来说非常有用。3.提供有意义的回馈：当使用者做出一些动作时，系统应该提供回馈。越频繁的动作，其回馈的强度可以低一些。越重要或不寻常的动作，其回馈强度应该要显著一些。4.设计对话产生结束：一连串的动作应该被组织成开始、中间、结束三部份。当动作结束的时候，要提供回馈让使用者知道动作已经完成。在做下个一连串的动作之前，先告知使用者整个流程，能够减轻使用者的压力、提高满意度。5.提供简单的错误处理：最好不要让系统有严重错误的可能性。如果还是造成错误，系统应该能够侦测出出来，并提供一个简单、使用者