web前端百面试准备.docx

文档介绍：1,判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20varreg=/^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;("a1a__a1a__a1a__a1a__");3,判断一个字符串中出现次数最多的字符,统计这个次数//将字符串的字符保存在一个hashtable中,key是字符,value是这个字符出现的次数varstr="abcdefgaddda";varobj={};for(vari=0,l=;i<l;i++){varkey=str[i];if(!obj[key]){obj[key]=1;}else{obj[key]++;}}varmax=-1;varmax_key="";varkey;for(keyinobj){if(max<obj[key]){max=obj[key];max_key=key;}}4,IE与FF脚本兼容性问题(1):表示当前的事件对象,IE有这个对象,FF没有,FF通过给事件处理函数传递事件对象(2)获取事件源IE用srcElement获取事件源,而FF用target获取事件源(3)添加,去除事件IE:(“onclick”,function)(“onclick”,function)FF:(“click”,function,true)(“click”,function,true)(4)获取标签的自定义属性IE:[“value”]FF:(“value”)(5)()[name]IE;()[name]均不能获取div元素FF:可以(6)::(7)innerTexttextContentouterHTMLIE:支持innerText,outerHTMLFF:支持textContent(8)是否可用id代替HTML元素IE:可以用id来代替HTML元素FF:不可以IE、FF下面CSS的解释区别答:,FF下面没有问题,-index在IE、FF下面的解释问题,IE会认为第一个z-index=,word-wrap:break-all可以解决IE,但是FF需要overflow:hidden才行冯舒娅补充:1、有些标签在ff中不能用,比如button2、滤镜3、鼠标cursor:handcursor:pointer4、div的高度自适应5、对box模型解析不一样6、ul、ol的padding和marginIE都能识别*,标准浏览器(如FF)不能识别*;IE6能识别*,但不能识别!important;IE7能识别*,也能识别!important;FF不能识别*,但能识别!important;例如style=”*width:10px;!importantwidth:20px;”这样在IE6下宽度为10px,在IE7下宽度时20px5,规避javascript多人开发函数重名问题(1)可以开发前规定命名规范,根据不同开发人员开发的功能在函数前加前缀(2)将每个开发人员的函数封装到类中,调用的时候就调用类的函数,即使函数重名只要类名不重复就ok6,javascript面向对象中继承实现javascript面向对象中的继承实现一般都使用到了构造函数和Prototype原型链,简单的代码如下:functionAnimal(name){=name;}=function(){alert()}functionDog(){};=newAnimal("Buddy");=Dog;vardog=newDog();8,编写一个方法求一个字符串的字节长度假设:一个英文字符占用一个字节,一个中文字符占用两个字节functionGetBytes(str){varlen=;varbytes=len;for(vari=0;i<len;i++){if((i)>255)bytes++;}returnbytes;}