开发者学堂课程【Vue.js 入门与实战:路由-前端路由和后端路由的概念】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/586/detail/8190
路由-前端路由和后端路由的概念
内容简介
一、后端路由
二、前段路由
三、URL中的hash(井号)
一、后端路由
对于通的风些一所本的超时技都是 URL 地址,所有的 URL 地址都对应服好器上对应的资源;
二、前段路由
对于单页面应用程序来说,主要通过 UR L 的 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 的哈希值。