资源描述:
《基于javascript的ui库的设计和实现》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、编号:审定成绩:毕业设计(论文)设计(论文)题目:基于JavaScript的UI库的设计和实现学院名称:学生姓名:专业:班级:学号:指导教师:答辩组负责人:填表时间:2012年05月重庆邮电大学教务处重庆邮电大学本科毕业设计(论文)摘要伴随着Web2.0的发展,以及Ajax的普及应用,尤其HTML5、CSS3的兴起,使JavaScript这门与众不同的语言,让越来越多的用户体验到Web动态交互的无穷魅力,但是大量的开发人员并没有真正了解过JavaScript的语言内涵,而只是生搬硬套,从而影响软件整体的性能和开发速度。基于JavaScript的UI库——
2、Qui,针对用户界面设计了一些常用的底层方法和UI模块,在结合现有的JavaScript框架的基础上,采用工厂和原型组合的设计模式,开发出更小巧、更快速、更简单的Qui库。底层方法大致包括:CSSSelector、Event事件、Browser检测及其他底层方法等;在此基础上开发的UserInterface模块,主要包括:交互(Interaction)、部件(Widgets)、动画(Animation)等。利用简单的实现原理,让大家能更快速的了解JavaScript,进而实现代码的重复利用。本系统实现了用户界面中最常用的模块,同时拥有着丰富的代码注释及原
3、理说明,让开发者能轻而易举的从Qui库中选取和修改相应的模块,从而实现自己个性化的代码。此外在Qui库的基础上,开发了相关的示例页面,供开发人员下载和参考,让越来越多的人了解JavaScript,参与共享和交流。【关键词】JavaScript用户界面交互部件动画46重庆邮电大学本科毕业设计(论文)ABSTRACTAccompaniedbythedevelopmentofWeb2.0andAjaxpopularityofapplications,especiallytoHTML5、CSS3,therisingofJavaScriptdistinctivel
4、anguage,sothatmoreandmoreuserstoexperiencetheendlesscharmofthedynamicinteraction,butalotofTechnicalstaffsdon’ttrulyunderstandtheJavaScriptlanguageconnotation,butonlymechanically,thusaffectingthewholedevelopmentandperformanceofthesoftware.TheJavaScriptUIlibrary-Qui,designedfortheu
5、serinterfaceoftheunderlyingmethodsandUImodule,combinedwithexistingJavaScriptframeworkbasedontheuseofthefactoryandprototypecombinationmetermodel,developasmaller,fastereasierQuilibrary.Theunderlyingmethodgenerallyincludes:CSSSelectorEventObject,theBrowserTestsandotherlow-levelmetho
6、ds;onthisbasistodeveloptheUserInterfacemodule,including:Interaction,Widgets,Animationandothers.Touseonesimpleprinciple,sothatwecanmorequicklyunderstandJavaScript,inordertoachievecodereuse.Thesystemmostcommonlyusedmodulesintheuserinterfacedisplay,hasacodecommentsandtheprincipleofd
7、escription,sothatdeveloperscaneasilyfromQuilibrary,selectandmodifythecorrespondingmoduleinordertoachievetheirownpersonalizedcode.Inaddition,theQuilibraryonthebasisof,thedevelopmentofthesamplepagefordeveloperstodownloadandreference,sothatmoreandmorepeopleunderstandJavaScriptandpar
8、ticipateinthesharingandexchange.【Keyword