基于原生JavaScript的To Do List页面开发.doc

摘要:一个网站可以正常运行，一定离不开前端和后端的配合。通常情况下，前端负责页面的渲染，后台则负责对数据库做增删改查操作以及对获取数据进行处理，然后将处理后的数据传给前端页面，由前端页面呈现给用户。这个项目是用户任务管理系统，它能脱离后台，在前端页面模拟建立数据库，并由前端完成对数据的增删改查及排序等操作。因为真正做到了脱离了后台脱离数据库，所以该项目虽然是网页，但不需要向后台请求数据，完全可以做到离线正常使用，是一个Web-APP。

-前端发展非常迅速，技术更新非常快，特别是JavaScript语言。与此同时，各种优秀的框架不断出现，这些优秀的框架帮助开发者更有效率地进行页面的开发。但也正是因为这些优秀的框架使用起来太过方便，通常不了解背后实现原理也能用框架写出完整的网站，这样的不求甚解不能让人进步，久而久之必然对前端的学习不利。所以本项目不使用现有框架及第三方库，仅使用原生JavaScript来实现。

关键词：Web - APP;Native JavasScript;Simulation database;

目录

摘要

Abstract

1绪论-1

1.1 选题意义-1

1.2 项目设计目标-1

1.3 项目功能概述-2

1.3.1 左侧任务分类列表-2

1.3.2 中间任务列表-2

1.3.3 右侧任务详细描述-2

2.1 需求分析-3

2.1.1 功能需求-3

2.1.2 非功能需求-3

2.2 技术分析-3

2.2.1 HTML-3

2.2.2 CSS-4

2.2.3 JavaScript-4

2.2.4 LocalStorage-4

2.2.2 JSON-6

2.3 操作可行性分析-6

2.3.1 开发环境要求-6

2.3.2 开发技术要求-6

3 系统设计-8

3.1 功能设计-8

3.3.1 左侧任务分类列表-8

3.3.2 中间任务列表-8

3.3.3 右侧任务详细描述-8

3.3.4新增及编辑任务窗口描述-8

3.2 模拟数据库设计-9

3.2.1 建表-9

3.2.2 数据存取原理-9

4 系统测试-10

4.1 浏览器兼容-10

4.1.1 页面样式兼容-10

4.1.2 JavaScript兼容-10

4.2 测试遇到的问题-10

结    论-11

参 考 文 献-12

致    谢-13