前言
为了和新同事在前端开发工作上能沟通，新学了Vue-CLI，导致笔者写了上一篇博文吐槽Vue，AngularJS和ReactJS等所谓的前端框架。作为IT技术员，口水吐得再多、理论再多，也比不上来一段代码证明好。正如Linuz所说：
好了，直接上代码！
简单优越的H5+javascript+jQuery SPA
新建项目和index.html
首先先在VS Code里创建一个新的文件夹，再新建一个index.html文档。利用VS Code的快捷键创建H5模板内容。
在 body 标签里加入头部菜单，里面包括三个 div（Home, About Us 和 Login）作为三个页面。
在页面内容部分加入各个页面的相应内容
最后，在页面底部加入注脚部分
到这里 H5 SPA 的 HTML 代码部分就完成了。是的。你没有听错，H5 的 SPA 就是这么简单！
预览一下页面现在长啥样了
新建静态文件夹和 index.css
在 static/css 文件夹里面新建 index.css
预览加入 CSS 后的页面
在 js文件夹内新建 index.js
在 index.js 内定义各个内容 ID 对应的菜单 ID
然后加入点击各个菜单显示相应内容的 js / jQuery 代码
加入默认内容 ID 及菜单 ID、定义当前选定的菜单 ID 并初始化页面
在 index.html 内注册 jQuery 及 index.js
然后，就没有然后了。大功告成！相对于 Vue-CLI / AngularJS / ReactJS，H5 SPA 显得非常简单、直观、概念清晰。利用 H5+JS+JQuery 来开发 SPA 开发效率极高，感觉一个人能顶上一个5人开发团队 : ）
预览完成效果
目前这个示范比较简单，后续会持续优化这个SPA，加入 菜单 hover 效果、登录表单、利用 Ajax 实现前后分离（后端Springboot）功能。
源代码
关注我并发表不少于10字评论可以获取本文源代码。
