还剩12页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
页面软件工程师笔试面试题Javascript基本知识
1.怎样添加、移除、移动、复制、创建和查找节点
2.怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别
6.ajax是什么ajax的交互模型同步和异步的区别如何解决跨域问题
7.什么是闭包?下面这个ul,如何点击每一列的时候alert其indexulid=”test”li这是第一条/lili这是第二条/lili这是第三条/li/ul
9.你如何去实现这个Tabview
12.如何写一个固定位置的弹性效果的悬浮广告框Js框架HtmlcssDoctype严格模式与混杂模式-如何触发这两种模式,区分它们有何意义 DOCTYPE,documenttype(文档类型)的简写,是 HTML 与 XHTML 中的文档声明(简称为DTD声明),作用是告知浏览器当前文档所使用的是哪种HTML或XHTML规范DOCTYPE声明位于文档最前端,标签完整格式为!DOCTYPE只有确定了一个正确的doctype,HTML或XHTML中的标签和css才能生效,甚至对javascript脚本都会有所影响如何触发这两种模式IE6的触发在XHTML的DOCTYPE前加入XML声明xmlversion=
1.0encoding=utf-8!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML
1.0Strict//ENhttp://www.w
3.org/TR/xhtml1/DTD/xhtml1-strict.dtdIE7的触发在XML声明和XHTML的DOCTYPE之间加入HTML注释xmlversion=
1.0encoding=utf-8!--...andkeepIE7inquirksmode--!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML
1.0Strict//ENhttp://www.w
3.org/TR/xhtml1/DTD/xhtml1-strict.dtdIE6和IE7都可以触发的在HTML
4.01的DOCTYPE文档头部加入HTML注释!--quirksmode--!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML
4.01//ENhttp://www.w
3.org/TR/html4/strict.dtd其次是这样的意义各个浏览器的混杂模式,基本就是各个浏览器的私有模式,不相互兼容所以,除非是为了兼容的问题,比如你不想修改很久很久以前做的IEONLY的网页,否则刻意触发混杂模式没有任何意义行内元素有哪些?内联元素(行内元素)*a-锚点*abbr-缩写*acronym-首字*b-粗体不推荐*bdo-bidioverride*big-大字体*br-换行*cite-引用*code-计算机代码在引用源码的时候需要*dfn-定义字段*em-强调*font-字体设定不推荐*i-斜体*img-图片*input-输入框*kbd-定义键盘文本*label-表格标签*q-短引用*s-中划线不推荐*samp-定义范例计算机代码*select-项目选择*small-小字体文本*span-常用内联容器,定义文本内区块*strike-中划线*strong-粗体强调*sub-下标*sup-上标*textarea-多行文本输入框*tt-电传文本*u-下划线*var-定义变量块级元素有哪些?块元素blockelement*address-地址*blockquote-块引用*center-举中对齐块*dir-目录列表*div-常用块级容易,也是csslayout的主要标签*dl-定义列表*fieldset-form控制组*form-交互表单*h1-大标题*h2-副标题*h3-3级标题*h4-4级标题*h5-5级标题*h6-6级标题*hr-水平分隔线*isindex-inputprompt*menu-菜单列表*noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容*noscript-)可选脚本内容(对于不支持script的浏览器显示此内容)*ol-排序表单*p-段落*pre-格式化文本*table-表格*ul-非排序列表CSS的盒模型?CSS盒模型网页设计中的每个元素都是长方形的盒子盒子的尺寸是怎样精确计算的,请看下图如果是Firebug用户的话基本和前端有关的都会用到Firebug吧–糖伴西红柿,就会很熟悉下面的图表了这个图表很好地展示了作用于页面上任意盒子的数值注意以上两个例子中,margin都是白色的Margin比较特别,它不会影响盒子本身的大小,但是它会影响和盒子有关的其他内容,因此margin是盒模型的一个重要的组成部分盒子本身的大小是这样计算的Width width+padding-left+padding-right+border-left+border-right Height height+padding-top+padding-bottom+border-top+border-bottom值未声明的情况如果未声明padding或者border,那他们或者值为零使用cssreset时,或者为浏览器的默认值很可能不是零,尤其是那些通常没有重置的表单元素块级盒的默认宽度如果未声明宽度,并且盒子是静态或者相对定位的,宽度会保持100%的宽度,padding和border会向内推动,而不是向外扩展但是,如果明确设置盒子的宽度为100%,那么padding就会向外延展CSS引入的方式有哪些link和@import的区别CSS引入的方式总体上可以分为两类第一类最直接的方法直接写在html元素里,作用于这个元素包括的范围!如divstyle=这里是样式这里是内容/div第二类都是通过定义“选择符”来间接的作用于html元素,这里的“选择符”包括自定义的class和id,还可以直接是html标签,比如pdivtd等等link和@import的区别页面中使用CSS的方式主要有3种行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种link和@import外部引用CSS两种方式link和@import的方式分别是XML/HTML代码linkrel=stylesheetrev=stylesheethref=CSS文件type=text/cssmedia=all/XML/HTML代码styletype=text/cssmedia=screen@importurlCSS文件;/style两者都是外部引用CSS的方式,但是存在一定的区别 区别1link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS 区别2link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载 区别3link是XHTML标签,无兼容问题;@import是在CSS
2.1提出的,低版本的浏览器不支持 区别4ink支持使用Javascript控制DOM去改变样式;而@import不支持补充@import最优写法@import的写法一般有下列几种@importstyle.css//WindowsIE4/NS4MacOSXIE5MacintoshIE4/IE5/NS4不识别@importstyle.css//WindowsIE4/NS4MacintoshIE4/NS4不识别@importurlstyle.css//WindowsNS4MacintoshNS4不识别@importurlstyle.css//WindowsNS4MacOSXIE5MacintoshIE4/IE5/NS4不识别@importurlstyle.css//WindowsNS4MacintoshNS4不识别由上分析知道,@importurlstyle.css和@importurlstyle.css是最优的选择,兼容的浏览器最多从字节优化的角度来看@importurlstyle.css最值得推荐CSS选择符有哪些?哪些属性可以继承?优先级?内联和important哪个优先级高?CSS选择符有哪些?
1.通配选择符*.div{text-decoration:none;}
2.类型选择符td{font-size:14px;width:120px;}
3.属性选择符div[speed=fast][dorun=no]{color:red;}
4.包含选择符tabletd{font-size:14px;}
5.子对象选择符divullip{font-size:14px;}
6.ID选择符#note{font-size:14px;width:120px;}
7.类选择符.dream{font-size:14px;}
8.选择符分组.td1divabody{font-size:14px;}
9.伪类及伪对象选择符div:first-letter{font-size:14px;}哪些属性可以继承?visibility和 cursor可以被所有元素继承以下只可被 内联元素继承 :letter-spacing伪类里的word-spacingwhite-spaceline-heightcolor[font家族]fontfont-famillyfont-weightfont-sizefont-stylefont-variantfont-decorationtext-transformdirection以下属性会被 块级元素继承:text-align和text-indent以下属性会被 列表元素继承:list-stylelist-style-typelist-style-positionlist-style-image以下属性会被 表格元素继承:border-collapse优先级?内联最优先内部样式次之外部样式内联和important哪个优先级高?内联的高内联样式内部样式外部样式内联就是写在标签的style属性里的样式经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?
1.document.form.item问题现有问题现有代码中存在许多document.formName.itemitemName这样的语句,不能在MF下运行解决方法改用document.formName.elements[elementName]
2.集合类对象问题现有问题现有代码中许多集合类对象取用时使用,IE能接受,MF不能解决方法改用[]作为下标运算如document.formsformName改为document.forms[formName]又如document.getElementsByNameinputName1改为document.getElementsByNameinputName
[1]
3.window.event现有问题使用window.event无法在MF上运行解决方法MF的event只能在事件发生的现场使用,此问题暂无法解决可以这样变通原代码可在IE中运行inputtype=buttonname=someButtonvalue=提交onclick=javascript:gotoSubmit/...scriptlanguage=javascriptfunctiongotoSubmit{...alertwindow.event;//usewindow.event...}/script新代码可在IE和MF中运行inputtype=buttonname=someButtonvalue=提交onclick=javascript:gotoSubmitevent/...scriptlanguage=javascriptfunctiongotoSubmitevt{evt=evtevt:window.eventwindow.event:null;...alertevt;//useevt...}/script此外,如果新代码中第一行不改,与老代码一样的话即gotoSubmit调用没有给参数,则仍然只能在IE中运行,但不会出错所以,这种方案tpl部分仍与老代码兼容
4.HTML对象的id作为对象名的问题现有问题在IE中,HTML对象的ID可以作为document的下属对象变量名直接使用在MF中不能解决方法用getElementByIdidName代替idName作为对象变量使用
5.用idName字符串取得对象的问题现有问题在IE中,利用evalidName可以取得id为idName的HTML对象,在MF中不能解决方法用getElementByIdidName代替evalidName
6.变量名与某HTML对象id相同的问题现有问题在MF中,因为对象id不作为HTML对象的名称,所以可以使用与HTML对象id相同的变量名,IE中不能解决方法在声明变量时,一律加上var,以避免歧义,这样在IE中亦可正常运行此外,最好不要取与HTML对象id相同的变量名,以减少错误其它参见问题
47.event.x与event.y问题现有问题在IE中,event对象有xy属性,MF中没有解决方法在MF中,与event.x等效的是event.pageX但event.pageXIE中没有故采用event.clientX代替event.x在IE中也有这个变量event.clientX与event.pageX有微妙的差别(当整个页面有滚动条的时候),不过大多数时候是等效的如果要完全一样,可以稍麻烦些mX=event.xevent.x:event.pageX;然后用mX代替event.x其它event.layerX在IE与MF中都有,具体意义有无差别尚未试验
8.关于frame现有问题在IE中可以用window.testFrame取得该frame,mf中不行解决方法在frame的使用方面mf和ie的最主要的区别是如果在frame标签中书写了以下属性framesrc=xx.htmid=frameIdname=frameName/那么ie可以通过id或者name访问这个frame对应的window对象而mf只可以通过name来访问这个frame对应的window对象例如如果上述frame标签写在最上层的window里面的htm里面,那么可以这样访问ie window.top.frameId或者window.top.frameName来访问这个window对象mf只能这样window.top.frameName来访问这个window对象另外,在mf和ie中都可以使用window.top.document.getElementByIdframeId来访问frame标签并且可以通过window.top.document.getElementByIdtestFrame.src=xx.htm来切换frame的内容也都可以通过window.top.frameName.location=xx.htm来切换frame的内容关于frame和window的描述可以参见bbs的‘window与frame文章以及/test/js/test_frame/目录下面的测试----adun
2004.
12.09修改
9.在mf中,自己定义的属性必须getAttribute取得
10.在mf中没有parentElementparement.children而用parentNodeparentNode.childNodeschildNodes的下标的含义在IE和MF中不同,MF使用DOM规范,childNodes中会插入空白文本节点一般可以通过node.getElementsByTagName来回避这个问题当html中节点缺失时,IE和MF对parentNode的解释不同,例如formtableinput//table/formMF中input.parentNode的值为form而IE中input.parentNode的值为空节点MF中节点没有removeNode方法,必须使用如下方法node.parentNode.removeChildnode
11.const问题现有问题在IE中不能使用const关键字如constconstVar=32;在IE中这是语法错误解决方法不使用const,以var代替
12.body对象MF的body在body标签没有被浏览器完全读入之前就存在,而IE则必须在body完全被读入之后才存在
13.urlencoding在js中如果书写url就直接写不要写例如varurl=xx.jspobjectName=xxobjectEvent=xxx;frm.action=url那么很有可能url不会被正常显示以至于参数没有正确的传到服务器一般会服务器报错参数没有找到当然如果是在tpl中例外,因为tpl中符合xml规范,要求书写为一般MF无法识别js中的
14.nodeName和tagName问题现有问题在MF中,所有节点均有nodeName值,但textNode没有tagName值在IE中,nodeName的使用好象有问题(具体情况没有测试,但我的IE已经死了好几次)解决方法使用tagName,但应检测其是否为空
15.元素属性IE下input.type属性为只读,但是MF下可以修改
16.document.getElementsByName和document.all[name]的问题现有问题在IE中,getElementsByName、document.all[name]均不能用来取得div元素(是否还有其它不能取的元素还不知道)
17.DOM数据岛的问题现有问题在IE中xml标签具有特殊意义可以内含XMLDOM并能实现与HTML组件的数据绑定.在MF中xml则仅仅是一个未知的标记而已.另外对IE来说xml实际意味着这里是一个ActiveX对象但它却挂在HTML本身的DOM树下作为一个节点因而会对DOM树的遍历造成严重影响.解决方法IE的数据绑定机制是可以用JS来模拟的但是太麻烦建议不使用数据绑定机制或者寻找实现这种模拟的库来做.我们只讨论如何实现DOM的兼容.在MF中无论已知的HTML标记还是其它符合XML规范的标记都是用统一的DOM树来处理的因此MF事实上完全可以使用DOM数据岛但与IE小小的不同在于:在IE中xml是个DOMdocument而在MF只是DOMnode.这个差别通常不足为患.但是有一个小小的细节为了兼容HTML相当随意的语法MF无法识别简写的空标记.如:xmlid=xxbooktitlexxxx/titlecontent/index//book/xml这其中content/和index/是简写形式的会使MF无法识别应当写成:content/contentindex/index不过我怀疑如果用XHTML可能就没有这种问题.但我还没有试过.对于IE中xml干扰HTML的DOM结构问题我现在的方法是处理完毕后把它从HTML的DOM中删除.不知道还有没有更好的解.如何居中一个浮动元素方法一让最外面的层相对定位,left等于50%,然后内部嵌套层也使用相对定位且left设为-50%,这样的效果就是内层相对整行为水平居中;方法二使用display:table;方法三直接使用table布局(使用太多table容易让结构看起来比较混乱,其实页面中使用少量的table,只要不要嵌套使用,还是可以实现使用少量CSS,达到最好的效果的)HTML5和CSS3的了解情况HTML5草案的前身名为WebApplications
1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队在2008年1月22日,第一份正式草案发布HTML5是近十年来Web开发标准最巨大的飞跃和以前的版本不同,HTML5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化那么我们来看一下HTML5的技术概览有哪些HTML5新增了很多多媒体和交互性元素如videoaudio,在HTML4当中如果要嵌入一个视频或是音频的话需要引入一大段的代码,还有兼容各个浏览器,而HTML5只需要通过引入一个标签就可以,就像img标签一样方便在页面布局和内容实现方面HTML5新增了很多结构化标签元素以及块级及语义元素,如果你要用HTML表示一个文件的上传进度条,在HTML5中你可以用progress这个元素来表示,它有一个value属性描述了已经完成了多少任务,还有一个属性max描述了这个任务一共需要多少,还可以通过DOM接口得到这个进度条的position属性只读,也就是任务完成的百分比Youtube在HTML5技术上已经做了一个尝试,http://www.youtube.com/html5需要翻墙是用HTML5做的一个DEMO,从整个页面源代码来看,非常简洁当然HTML5也对一些元素新增了一些属性,如input和textarea的placeholder属性,相当于输入框的输入提示,script有一个async属性会影响脚本的加载和执行对于所有的HTML共有的属性我们通常把它称作是“全局属性”,如classidtabindextitle,HTML5也新增了一些全局属性,如contenteditablecontextmenuhidden等属性HTML5还增加了对于微数据的支持,如HTML5新增的itemitemprosubject等属性当然HTML5也移除了一些表示页面展现的元素,如fontcenterstrike等,这些本应该是CSS来做的,所以还是很好理解的,也移除了一些影响网站可访问性的元素如frameframesetnoframe以及一些不常用的元素如acronym,而采用abbr来表示缩写HTML5还移除了一些影响客户端兼容性的HTML熟悉,如link的rev属性,td的scope属性;HTML5也移除了一些表示页面展现的属性如一些元素的alignbgcolor属性HTML5提供了强大的控件类型如urlemaildatetel等,强大的约束属性,如required表示必填,文件上传的accept属性,以及一些表单重复元素模型的支持,HTML5在提交表单的时候还可以设置提交的方式为XML提交方式,这样服务器端接收到的数据将是XML格式,HTML5的表单被定义为“WebForms
2.0”,目前opera
9.5+对WebForms
2.0的支持较为完美HTML5在DOMLEVEL2HTML方面很多都是继承自HTMLDocument的接口,当然HTML5在DOM上也有一些值得注意的新成员,如支持getElementsByClassName,可以根据class类名选择元素,getSelection将会返回当前选中的对象,在选择器上面有两个方法querySelector和querySelectorAll可以根据css选择符来获取要查询的元素,相当于YUI3中的Y.one和Y.allHTML5在Javascript上面新增了哪些API呢?Video/Audio:HTML5为Video和Audio提供了API来让开发者控制他们自己的用户界面,如可以播放或暂停媒体内容Canvas:Canvas是一个新的HTML元素,这个元素可以被Script语言通常是JavaScript用来绘制图形例如可以用它来画图、合成图象、或做简单的和不那么简单的动画Canvas是一个神奇的东西,它给我的第一感觉就像是在用Photoshop一样,它的每一个方法跟Photoshop是那么地相似,通过canvas.getContext’2d’就可以得到这个canvas的API,你可以通过fillStyle设置其填充颜色或是通过strokeStyle设置其描边颜色,甚至它画路径的操作跟Photoshop的钢笔操作更是不谋而合Canvas在很多网站都已经有应用,如Firefox的实时下载状态统计,甚至还可以用canvas来编写WebGameDragDrop:在指示设备的视觉媒体中,”Drag”的操作就是鼠标按下mousedown并伴随着鼠标移动mousemove的事件,而”Drop”则是鼠标释放时触发的事件在DragDrop里定义了DataEvent和DataTransfer接口,同时当拖拽操作发生时会触发如dragstartdragenterdragleavedropdragend等事件WebWorkers:让Javascript多线程,可以在后台做很多工作而不会阻断当前的浏览器操作Geolocation:地理位置定位,运行navigator.geolocation.getCurrentPositionsuccesserror这个方法时浏览器会提示是否要共享你的地理位置,如果选择共享,则会回调success函数,success函数有一个参数是position对象,这个position对象有一个coords对象,coords对象包含了很多地理位置信息如latitude维度和longitude经度,这样就可以知道你的具体位置了,这个功能在一些手机如Iphone上已经有广泛的应用了ApplicationCache:这是HTML5对于离线应用的支持,通过在html元素上加一个属性manifest,浏览器会提示你是否要将数据缓存到客户端,如果用户选择了允许,则会按照指定的manifest文件列表缓存需要的文件,当你的网络不可用时,你还是可以使用这个应用的对于离线应用,Google也开发了GoogleGears浏览器扩展,不过最后Google转投HTML5可能也是看到了HTML5存储和离线应用的这种优势Storage:Webkit已经实现了databasestorage,你可以像后端操作数据库一样查询数据并执行一些操作还有一种存储是键值对存储,如sessionStorage和localStorage,可以通过setItem和getItem来存储与获取值,相对于Cookie的存储来说,存储的容量要大很多X-DocumentMessaging:浏览器因为安全和隐私的原因,阻止了不同域之间文档的通信,虽然这是一个安全限制,但是对于那些没有危害的不同域的文档通信带来了很多问题,但是HTML5可以实现这种跨文档通信,让我们可以不用管源域是来自哪里,同时可以防止脚本攻击CSS3CSS3对于我们Web开发者来说不只是新奇的技术,更重要的是这些全新概念的web应用给我们带来更多无限的可能性,也极大地提高了我们的开发效率我们将不必再依赖图片或者Javascript去完成圆角、多背景、用户自定义字体、3D动画、渐变、盒阴影、文字阴影、透明度等提高Web设计质量的特色应用利用属性选择器我们可以根据属性值的开头或结尾很容易选择某个元素,利用兄弟选择器可以选择同级兄弟结点或紧邻下一个结点的元素,利用伪类选择器可以选择某一类元素,CSS3在选择器上的丰富支持让我们可以灵活的控制样式,而不必为了选择某些元素给他们加上如”odd”或”even”这样的类名有一个调查说开发者最期待CSS3的特性是什么,最后票数最多的是“圆角”,不错,圆角这个功能可以给我们这些前端工程师省去很多时间和精力去切图拼凑一个圆角CSS3还支持阴影,盒阴影以及文本阴影,渐变,之前你可能是通过IE的滤镜看到过,其实CSS3实现起来更加方便@font-face可以自定义字体,如果用传统的方式,VD把一个带有特殊文字的设计图给你让你来实现的话你可能会把它做成一个图片,而通过CSS3用@font-face就可以了CSS3对于连续文本换行也新增了一个属性word-wrap你可以设置其为normal不换行或break-word换行,这解决了连续英文字符出现页面错位的问题,也不需要后端去截取这个连续字符使用CSS3你还可以给边框加背景,这在iphone上也有应用的例子CSS3在背景上支持背景调整大小,如当你用一张大图要做一个小的元素背景时可以通过background-size来调整背景图的大小来适应这个元素CSS3支持opacityrgba和hsl/aopacity和rgba的区别是opacity设置的透明对其内容也会产生影响,而rgba只对你应用的元素产生影响CSS3在布局上对于盒模型提供了支持,可以设置box-sizing为content-box或border-box,应用为content-box就是正常的模式,而应用为border-box和IE
5.5的盒模型很相似,即元素的宽度包括border和padding,这个在布局上可能会比较方便,不用去管到底这个元素会占用多大的宽度,而用content-box还需要手动计算一下这个元素实际占用的宽度CSS3支持的动画类型有transform变换、transition过渡和animation动画你可以对特定的属性设置transition,transiton和animation的区别不大,animation的动画是自己定义的,面向的更多的是脚本开发者,往往更加复杂为了使用大部分CSS3特性,我们不得不与原来的属性一起使用生产商专有扩展原因是直到现在,大部分浏览器只支持部分CSS3属性最常见的私有属性是用于Webkit核心浏览器的比如Safari,它们以-webkit-开始,以及Gecko核心的浏览器比如Firefox,以-moz-开始,还有Konqueror-khtml-、Opera-o-以及InternetExplorer-ms-都有它们自己的属性扩展(目前只有IE8支持-ms-前缀)我觉得首先是遵循一个优雅降级的原则,比如前面谈到的圆角,我们可以针对Firefox和Safari等这些支持圆角的浏览器中应用CSS圆角,而那些不支持CSS圆角的浏览器则显示为直角其次就是对于不支持CSS3的浏览器可以使用Javascript来实现,如CSS3任何元素支持:hover伪类,我们就可以对只支持链接:hover的IE6用JS来实现最后就是在向用户或老板推广新技术的同时也要关注他们的目标与可行性,不能为了技术而技术你怎么来实现下面这个设计图Base标签的作用
1.如果一个页面中只有这样一个链接,不使用base标签ahref=index.jsp我的博客/a那么点击这个链接时访问的是当前web路径下面的index.jsp页面
2.如果使用了base标签如下页面内容%@pagelanguage=javaimport=java.util.*pageEncoding=utf-8isErrorPage=true%%Stringpath=request.getContextPath;StringbasePath=request.getScheme+://+request.getServerName+:+request.getServerPort+path+/;%!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML
4.01Transitional//ENhtmlhead basehref=%=basePath% title错误页面/titlemetahttp-equiv=pragmacontent=no-cachemetahttp-equiv=cache-controlcontent=no-cachemetahttp-equiv=expirescontent=0 metahttp-equiv=keywordscontent=keyword1keyword2keyword3metahttp-equiv=descriptioncontent=Thisismypage/headbodyahref=/index.jsp我的博客/a/body/html那么访问的是base路径+/index.jsp路径页面,其实和上面的不使用base一样那么为什么还要使用base那,base有什么特殊的作用那?当然有good作用了哦flex技术综合ajax是什么ajax的交互模型同步和异步的区别如何解决跨域问题常用前端开发工具开发过什么应用或组件?框架名称框架特点JqueryExtjsjqueryuidojoprototypemootool。