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

摘要

随着时代的进步，互联网科技的迅速发展，越来越多的互联网应用逐渐走入大众的生活，以前的Web产品重心都放在功能的实现上，有了功能便能吸引用户，但是自从进入Web2.0时代以来，互联网产品之间的竞争也越发激烈，不再是简单的功能之间的竞争，更多的是从细节去打动用户。而作为最直接和用户进行交互的前端界面，最能体现Web产品的可使用性，所以前端组件的开发正逐渐被人们所重视，面临着更高更新的要求。为解决这一问题，最简单的方法就是构建完善的前端组件开发流程，提高代码的鲁棒性和可重用性，从而提高开发效率，降低开发成本。现在的互联网产品的前端组成具有高度的独立性与可重用性，构建一套解耦性强、复用性高的前端组件可以很好地满足Web2.0环境下的前端需求，目前市场上有一些开源的前端组件，但是功能过于简单，并不适用于广大互联网产品，因此本文将提出一套前端组件的构建流程，并详述如何开发基于jQuery的高质量前端组件。
　　本文首先介绍互联网产品前端开发的背景与现状，接着对基本的前端技术语言HTML、CSS、JavaScript进行了详细的介绍与学习，并对本文要构建前端组件的核心技术jQuery框架进行了基本的了解，对Web2.0环境下的新技术进行了介绍。然后对前端组件进行详细的需求分析，总结了每个具体组件的功能性需求，并详述了组件的原型设计过程。接下来是对前端组件的开发进行详细的设计与实现，将前端组件按功能划分为CSS组件、JavaScript组件、页面布局三大模块，并对典型组件的开发进行了详细的研究。最后通过将研究开发出来的前端组件应用于实际，以“EMAP教育应用管理平台”的前端页面为例，运用之前指导构建前端组件的基本方法，对典型页面进行分析，通过这个上线项目的使用验证了根据开发流程设计出来的前端组件具有高度可用性，无论是在交互体验还是使用功能上都能符合Web2.0下的互联网产品对前端的需求。

目录

声明

摘要

第一章 绪论

1．1 研究背景

1．2 研究现状

1．3 研究内容

1．4 论文组织结构

第二章 相关技术综述

2．1 前端开发基础

2．1．1 HTML

2．1．2 CSS

2．1．3 JavaScript

2．2 jQuery框架

2．2．1 jQuery框架概述

2．2．2 jQuery框架特点

2．3 Web2．0技术

2．3．1 Ajax异步传输

2．3．2 开放式API

2．3．3 HTML5/CSS3

2．3．4 UI设计

2．4 本章小结

第三章 前端组件开发需求分析与原型设计

3．1 需求分析

3．1．1 功能需求

3．1．2 非功能需求

3．2 原型设计

3．2．1 低保真原型设计

3．2．2 高保真原型设计

3．3 本章小结

第四章 前端组件具体设计与实现

4．1 前端开发技术方案设计

4．1．1 浏览器兼容

4．1．2 正确的DOCTYPE

4．1．3 文件结构及使用方案

4．2 前端组件开发具体实现

4．2．1 CSS组件

4．2．2 JavaScript组件

4．2．3 页面布局

4．3 前端组件开发规范工作

4．4 本章小结

第五章 基于jQuery的Web前端组件的应用

5．1 网站设计

5．2 网站实现

5．3 本章小结

第六章 总结与展望

6．1 总结

6．2 展望

致谢

参考文献