摘要：在这个信息技术高速发展的时代，网络早已融入每家每户的日常生活，随着信息时代的来临，人们的日常生活也越来越丰富多彩。要说近几年最热火的，当属是网络购物了，这种新奇、方便的购物形式早已在全世界普及开来，也正是因为网购近几年的火热，各家网络公司不仅仅只是提供优质的服务，更是要在敲门砖--网页上下功夫。一个好的用户体验，会给商家带来更大的收益，因而设计美观、专业且易维护的网站已经势在必行。

本论文主要针对的是本人在开发过程中，所使用的一些技术，例如：使用HTML5构建网站的基本元素，使用CSS将网页中的元素进行修饰，添加简单动态效果，再利用JavaScript为网页中的各类元素添加任务与事件，并实现交互，并在JavaScript基础上实现插件的使用；虽然说起来都是很基础的东西，不过实际上弄清概念，整理好思绪再下手才是最好的编程方式。

我的代码中添加了不少插件的应用，为的是能有更多出彩的功能，并且精简代码，对后期的维护和修改也提供了更便利的方式。

关键词：JavaScript；网页优化；网页交互。

目录

摘要

Abstract

1 绪论-1

1.1 选题的背景与意义-1

1.2 国内外线上商城现状-2

1.2.1国内外网络商城大体趋势-2

1.2.2 国外现状-3

1.2.3 国内现状-4

1.3 研究内容和拟解决问题-5

1.3.1页面布局-5

1.3.2 精简代码-5

1.3.3 前后端交互-5

2 前端开发的环境与相关技术-6

2.1 前端开发环境-6

2.2 前端开发的工具-6

2.3 前端开发相关技术简介-6

2.3.1 JavaScript简介-6

2.3.2 JavaScript的基本特点-7

2.3.3 CSS简介-7

2.3.4 jQuery-8

3 前端总体框架设计与相关技术说明-9

3.1 前端开发的大致流程-9

3.1.1 分层开发-9

3.1.2 模块化编写-9

3.2前端的整体布局-10

3.2.1 轮播图的设计-10

3.2.2 导航栏的设计-11

3.3 部分JavaScript技术解析-11

3.3.1 AJAX请求-11

3.3.2 cookie的应用-12

3.3.3 POST请求与GET请求-13

4 主要功能的实现-15

4.1 网站大体内容-15

4.2 网站的具体设计文档-15

4.3 具体功能的实现方式-15

4.3.1 网站页首与页尾的加载-  -15

4.3.2 同页面下登录/注册功能的实现-16

4.3.3 商品的列表页与详情页的联通-19

4.3.4 购物车功能的实现-19

5 部分网页测试效果-21

5.1 网站首页部分功能展示-21

5.2 商品列表页-22

5.3 详情页-23

结    论-24

参 考 文 献-25

致    谢-26