SPA单页应用

憨憨404

已于 2024-03-28 17:26:55 修改

阅读量264

点赞数 3

分类专栏： JS高级文章标签： javascript 前端

于 2024-03-25 09:40:31 首次发布

本文链接：https://blog.youkuaiyun.com/qq_60839348/article/details/137003854

版权

JS高级专栏收录该内容

18 篇文章

订阅专栏

本文介绍了SPA（SinglePageApplication）的概念，强调了其使用组件化开发的优势，包括代码复用和流畅的无刷新体验。主要讲解了通过地址栏hash改变和历史记录实现组件切换的方法，以及路由组件的定义和配置要点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

理解SPA单页应用的概念，实现方式

01-SPA单页应用

SPA: Single Page Application
`概念`： 整个程序只用一个html网页文件，利用组件化思想进行开发
`组件`： html + css + js组成的一个完整的应用
`好处`： 1. 提交代码的复用性，开发效率更高；2. 页面无刷新的体验，减少了用户的等待时间，用户体验好
`实现方式`：
	=> 1. 通过地址栏hash（锚点）的改变，实现组件的切换
    	hashchange事件
    => 2. 通过历史记录(history)来实现组件的切换
 `路由组件`：需要动态切换的组件，才叫路由组件。必须配置路由信息