文档介绍：编号:
审定成绩:
毕业设计(论文)
设计(论文)题目:
基于JavaScript的UI库的设计和实现
学院名称:
学生姓名:
专业:
班级:
学号:
指导教师:
答辩组负责人:

填表时间: 2012 年 05 月
重庆邮电大学教务处
摘要
,以及Ajax的普及应用,尤其HTML5、CSS3的兴起,使JavaScript这门与众不同的语言,让越来越多的用户体验到Web动态交互的无穷魅力,但是大量的开发人员并没有真正了解过JavaScript的语言内涵,而只是生搬硬套,从而影响软件整体的性能和开发速度。
基于JavaScript的UI库——Qui,针对用户界面设计了一些常用的底层方法和UI模块,在结合现有的JavaScript框架的基础上,采用工厂和原型组合的设计模式,开发出更小巧、更快速、更简单的Qui库。底层方法大致包括:CSS Selector、Event事件、Browser检测及其他底层方法等;在此基础上开发的User Interface模块,主要包括:交互(Interaction)、部件(Widgets)、动画(Animation)等。利用简单的实现原理,让大家能更快速的了解JavaScript,进而实现代码的重复利用。
本系统实现了用户界面中最常用的模块,同时拥有着丰富的代码注释及原理说明,让开发者能轻而易举的从Qui库中选取和修改相应的模块,从而实现自己个性化的代码。此外在Qui库的基础上,开发了相关的示例页面,供开发人员下载和参考,让越来越多的人了解JavaScript,参与共享和交流。

【关键词】 JavaScript 用户界面交互部件动画
ABSTRACT
panied by the development of and Ajax popularity of applications, especially to HTML5、CSS3, the rising of JavaScript distinctive language, so that more and more users to experience the endless charm of the dynamic interaction, but a lot of Technical staffs don’t truly understand the JavaScript language connotation, but only mechanically, thus affecting the whole development and performance of the software.
The JavaScript UI library - Qui, designed for the user interface of the underlying methods and UI module, combined with existing JavaScript framework based on the use of the factory and bination meter model, develop a smaller, faster easier Qui library. The underlying method generally includes: CSS Selector Event Object, the Browser Tests and other low-level methods; on this basis to develop the User Interface module, including: Interaction, Widgets, Animation and others. To use one simple principle, so that we can more quickly understand JavaScript, in order to achieve code reuse.
The system monly used modules in the user interface display, has a ments and the principle of description, so that developers can easily from Qui library, select and modify the corresponding module in order to achieve their own personalized code. In a