开发者学堂课程【Vue.js 入门与实战:路由-前端路由和后端路由的概念】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/586/detail/8190
路由-前端路由和后端路由的概念
内容简介
一、后端路由
二、前段路由
三、URL中的hash(井号)
一、后端路由
对于通的风些一所本的超时技都是URL地址,所有的URL地址都对应服好器上对应的资源;
二、前段路由
对于单页面应用程序来说,主要通过URL的hash(#号)来实现不向页面之间的切换,同时hash有一个特点:HTTP请求中不会包会hash根关的内容;所以,单页面程序中的页面跳转主要用hash实现;
在单页面应用程产中,这种通过hash改变来切换页面的方式称作前端路由(区别于后端路由) :
Hash就是在网页网址后面加上#/log,如下图:
三、URL中的hash(井号)
#代表网页中的一个位置,其右边的字符,就是读位置的标识符,比如:
http://www.example.com/index.html#print
就是代表 index.html 中的 print 位置。浏览器会自动把print位置滚动到页面可视区域内。
设置方法:
Step1:设置一个锚点“
#print
”
>
定位到print位置
Step2:在页面需要定位的内容加上id=“print”
,例如:
“
print
”
>
测试:step1设置的锚点,step2中的id为print的内容会滚动到页面顶端(可观察滚动条的距离),同时,页面的url末端中会出现#print的哈希值。