基于jQuery的Web前端组件开发研究与应用

《基于jQuery的Web前端组件开发研究与应用》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、隶。轫大◆磐硕士学位论文基于jQuery的Web前端组件开发研究与应用ResearchandapplicationofWebfront．endcomponentdeVelopmentbasedonjQueryAThesisSubmittedtoSoutheastUniVers时FortheAcademicDegreeofMasterofEngineeringBYShiRentong'一Supervisedby3UDervlSecIbVA．P．YUXiangiⅢ1’■^，andS．EZhangPmgCollegeofSo脚areEngineeringSoutheastUniVers埘M

2、ay2015东南大学学位论文独创性声明本人声明所呈交的学位论文是我个人在导师指导下进行的研究工作及取得的研究成果。尽我所知，除了文中特别加以标注和致谢的地方外，论文中不包含其他人已经发表或撰写过的研究成果，也不包含为获得东南大学或其它教育机构的学位或证书而使用过的材料。与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明确的说明并表示了谢意。研究生签名：五堡垒塑!1日期：、1．1东南大学学位论文使用授权声明东南大学，中国科学技术信息研究所，国家图书馆有权保留本人所送交学位论文的复印件和电子文档，可以采用影印，缩印或其他复制手段保存论文。本人电子文档的内容和纸质论文的内容相一致。

3、除在保密期内的保密论文外，允许论文被查阅和借阅，可以公布(包括以电子信息形式刊登)论文的全部内容或中，英文摘要等部分内容。论文的公布(包括以电子信息形式刊登)授权东南大学研究生院办理。研究生签名：造生塑冀师签名：．／．1氏N)．日期：摘要随着时代的进步，互联网科技的迅速发展，越来越多的互联网应用逐渐走入大众的生活，以前的Wreb产品重心都放在功能的实现上，有了功能便能吸引用户，但是自从进入W曲2．0时代以来，互联网产品之间的竞争也越发激烈，不再是简单的功能之间的竞争，更多的是从细节去打动用户。而作为最直接和用户进行交互的前端界面，最能体现W曲产品的可使用性，所以前端组件的开发正逐渐被

4、人们所重视，面临着更高更新的要求。为解决这一问题，最简单的方法就是构建完善的前端组件开发流程，提高代码的鲁棒性和可重用性，从而提高开发效率，降低开发成本。现在的互联网产品的前端组成具有高度的独立性与可重用性，构建一套解耦性强、复用性高的前端组件可以很好地满足W曲2．0环境下的前端需求，目前市场上有一些开源的前端组件，但是功能过于简单，并不适用于广大互联网产品，因此本文将提出一套前端组件的构建流程，并详述如何开发基于jQue珂的高质量前端组件。本文首先介绍互联网产品前端开发的背景与现状，接着对基本的前端技术语言HTML、CSS、JavaScript进行了详细的介绍与学习，并对本文要构建

5、前端组件的核心技术jQue叫框架进行了基本的了解，对W曲2．O环境下的新技术进行了介绍。然后对前端组件进行详细的需求分析，总结了每个具体组件的功能性需求，并详述了组件的原型设计过程。接下来是对前端组件的开发进行详细的设计与实现，将前端组件按功能划分为CSS组件、JavaScript组件、页面布局三大模块，并对典型组件的开发进行了详细的研究。最后通过将研究开发出来的前端组件应用于实际，以“E脚教育应用管理平台’’的前端页面为例，运用之前指导构建前端组件的基本方法，对典型页面进行分析，通过这个上线项目的使用验证了根据开发流程设计出来的前端组件具有高度可用性，无论是在交互体验还是使用功能上

6、都能符合w曲2．O下的互联网产品对前端的需求。关键字：web开发，前端组件，jQuery，开发流程AbstractWtthtlleadventofmodemtimes．intemettecllIlolo擘Ⅳdevelopsrapidly：morea11dmoreintemetapps跚aduallyaccesstoourdailylife．Thefo姗erW曲productsfocusont11eirfhnctionsWhjchcaIla．ttractmoreusers．Howevertodav，aRerente血gintot11eageofWeb2．0，thecompetition

7、betweenintemetproductsbecomesmorefierceaIlditisnotiustaboutmef．unctionsbutconcemingmoreaboutmedetails．Thus，aStllepanWhichmeuserscaIlimer习LCtwith．thef．ront．endwillmostdirectlvrenecttlleapplicabilityoftlleW曲Droduct．Anditisalsotherea