搜索
编号：审定成绩：毕业设计（论文）设计（论文）题目：基于JavaScript的UI库的设计和实现学院名称：学生姓名：专业：班级：学号：指导教师：答辩组负责人：填表时间：2012年05月重庆邮电大学教务处重庆邮电大学本科毕业设计（论文）I摘要伴随着Web2.0的发展，以及Ajax的普及应用，尤其HTML5、CSS3的兴起，使JavaScript这门与众不同的语言，让越来越多的用户体验到Web动态交互的无穷魅力，但是大量的开发人员并没有真正了解过JavaScript的语言内涵，而只是生搬硬套，从而影响软件整体的性能和开发速度。基于JavaScript的UI库——Qui，针对用户界面设计了一些常用的底层方法和UI模块，在结合现有的JavaScript框架的基础上，采用工厂和原型组合的设计模式，开发出更小巧、更快速、更简单的Qui库。底层方法大致包括：CSSSelector、Event事件、Browser检测及其他底层方法等；在此基础上开发的UserInterface模块，主要包括：交互(Interaction)、部件(Widgets)、动画(Animation)等。利用简单的实现原理，让大家能更快速的了解JavaScript，进而实现代码的重复利用。本系统实现了用户界面中最常用的模块，同时拥有着丰富的代码注释及原理说明，让开发者能轻而易举的从Qui库中选取和修改相应的模块，从而实现自己个性化的代码。此外在Qui库的基础上，开发了相关的示例页面，供开发人员下载和参考，让越来越多的人了解JavaScript，参与共享和交流。【关键词】JavaScript用户界面交互部件动画重庆邮电大学本科毕业设计（论文）IIABSTRACTAccompaniedbythedevelopmentofWeb2.0andAjaxpopularityofapplications,especiallytoHTML5、CSS3,therisingofJavaScriptdistinctivelanguage,sothatmoreandmoreuserstoexperiencetheendlesscharmofthedynamicinteraction,butalotofTechnicalstaffsdon’ttrulyunderstandtheJavaScriptlanguageconnotation,butonlymechanically,thusaffectingthewholedevelopmentandperformanceofthesoftware.TheJavaScriptUIlibrary-Qui,designedfortheuserinterfaceoftheunderlyingmethodsandUImodule,combinedwithexistingJavaScriptframeworkbasedontheuseofthefactoryandprototypecombinationmetermodel,developasmaller,fastereasierQuilibrary.Theunderlyingmethodgenerallyincludes:CSSSelectorEventObject,theBrowserTestsandotherlow-levelmethods;onthisbasistodeveloptheUserInterfacemodule,including:Interaction,Widgets,Animationandothers.Touseonesimpleprinciple,sothatwecanmorequicklyunderstandJavaScript,inordertoachievecodereuse.Thesystemmostcommonlyusedmodulesintheuserinterfacedisplay,hasacodecommentsandtheprincipleofdescription,sothatdeveloperscaneasilyfromQuilibrary,selectandmodifythecorrespondingmoduleinordertoachievetheirownpersonalizedcode.Inaddition,theQuilibraryonthebasisof,thedevelopmentofthesamplepagefordeveloperstodownloadandreference,sothatmoreandmorepeopleunderstandJavaScriptandparticipateinthesharingandexchange.【Keywords】JavaScriptUserInterfaceInteractionWidgetsAnimation重庆邮电大学本科毕业设计（论文）III目录第一章绪论.......................................................................................................1第一节项目背景.........................................................................................1第二节项目研究目的及意义.....................................................................1第三节项目介绍.........................................................................................2第四节开发调试工具.................................................................................2一、DreamweaverCS5................................................................................2二、ZendStudio9.0....................................................................................3三、Firebug..................................................................................................3四、Fiddler..................................................................................................4五、各种浏览器..........................................................................................4第五节本章小结.........................................................................................5第二章系统分析...............................................................................................6第一节需求分析.........................................................................................6第二节系统功能点分析.............................................................................6一、CSSSelector.........................................................................................7二、Event对象............................................................................................7三、其他......................................................................................................8四、交互......................................................................................................8五、部件......................................................................................................8六、动画......................................................................................................8第三节结构分析.........................................................................................9第四节调用流程分析...............................................................................11第五节本章小结.......................................................................................12第三章系统设计.............................................................................................13第一节系统设计目的...............................................................................13第二节系统设计原则...............................................................................13第三节系统设计步骤...............................................................................14第四节系统设计重难点...........................................................................14一、统一入口............................................................................................14二、CSS查询器.......................................................................