单页网站应用的现状及未来发展趋势

摘要

文章讨论关于基于NodeJs网站服务的传统多页网站应用和现今主流的基于NodeJs+React框架的单页网站应用；在Windows电脑系统中，需要安装nodejs，同时必须熟悉nodejs的npm包管理机制以及如何安装、卸载npm包；前端技术方面需要基本掌握React框架技术、WebPack工程打包技术、ES6语法，Babel语法转义技术、java script、CSS、HTML等。

关键词:  NodeJs NPM React WebPack Babel

目       录

一、 绪论 5

(一) 引言 5

(二) 单页网站应用的使用场景 5

(三) 单页网站应用的优势 6

1、 更快的响应速度 6

2、 更平滑的用户体验 6

3、 更便捷的用户操作 6

4、 网站拥有更高的可维护性 6

5、 网站更适合在手机移动端展示 6

(四) 本文实例开发所用框架、类库以及IDE。 6

1、 操作系统 6

2、 开发工具 6

3、 框架与类库 7

二、 个人博客多页网站与单页网站的两种实现 7

(一) 博客首页 7

1、 多页网站方式的实现 7

2、 单页网站方式的实现 17

(二) 我的相册 27

1、 多页网站方式的实现 27

2、 单页网站方式的实现 33

(三) 我的文章 40

1、 多页网站方式的实现 40

2、 单页网站方式的实现 46

(四) 关于我 50

1、 多页网站方式的实现 50

2、 单页网站方式的实现 54

三、 两次实例的结果对比 56

(一) 网页响应速度 56

(二) 用户体验 57

(三) SEO 57

(四) 网站维护 57

四、 总结 58

(一) 多页网站的优缺点 58

(二) 单页网站的优缺点 58

(三) 单页应用的未来发展趋势 58