React-router和React-router-dom
目标
单页面应用
单页Web应用(single page web application,SPA),就是只有一张Web页面的应用。
单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。
浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成,都由JavaScript来控制。
因此,对单页应用来说模块化的开发和设计显得相当重要。
单页面应用的优缺点:
优点:
-
1、用户操作体验好,用户不用刷新页面,整个交互过程都是通过Ajax来操作。
-
2、适合前后端分离开发,服务端提 供http接口,前端请求http接口获取数据,使用JS进行客户端渲染。
-
缺点:
-
1、首页加载慢
单页面应用会将js、 css打包成一个文件,在加载页面显示的时候加载打包文件,如果打包文件较大或者网速慢则用户体验不好。
页面每次切换跳转时,并不需要做html文件的请求,这样就节约了很多http发送时延,我们在切换页面的时候速度很快。 -
2、SEO不友好、首屏时间慢
SEO(Search Engine Optimization)为搜索引擎优化。它是一种利用搜索引擎的搜索规则来提高网站在搜索引擎排名的方法。目前各家搜索引擎对JS支持不好,所以