路由-前端路由和后端路由的概念|学习笔记

简介: 快速学习路由-前端路由和后端路由的概念

开发者学堂课程【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,如下图:

image.png

 

三、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 的哈希值。

相关文章
|
1月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
38 0
|
2月前
|
存储 JavaScript 前端开发
前端 vue:路由的高级使用
前端 vue:路由的高级使用
|
1月前
|
JSON 前端开发 Java
震惊!图文并茂——Java后端如何响应不同格式的数据给前端(带源码)
文章介绍了Java后端如何使用Spring Boot框架响应不同格式的数据给前端,包括返回静态页面、数据、HTML代码片段、JSON对象、设置状态码和响应的Header。
133 1
震惊!图文并茂——Java后端如何响应不同格式的数据给前端(带源码)
|
1月前
|
存储 前端开发 JavaScript
前端必备知识:闭包的概念、作用与应用
前端必备知识:闭包的概念、作用与应用
17 1
|
1月前
|
前端开发 小程序 Java
java基础:map遍历使用;java使用 Patten 和Matches 进行正则匹配;后端传到前端展示图片三种情况,并保存到手机
这篇文章介绍了Java中Map的遍历方法、使用Pattern和matches进行正则表达式匹配,以及后端向前端传输图片并保存到手机的三种情况。
19 1
|
1月前
|
JavaScript 前端开发 API
前端技术分享:Vue.js 动态路由与守卫
【10月更文挑战第1天】前端技术分享:Vue.js 动态路由与守卫
|
1月前
|
存储 前端开发 Java
验证码案例 —— Kaptcha 插件介绍 后端生成验证码,前端展示并进行session验证(带完整前后端源码)
本文介绍了使用Kaptcha插件在SpringBoot项目中实现验证码的生成和验证,包括后端生成验证码、前端展示以及通过session进行验证码校验的完整前后端代码和配置过程。
95 0
验证码案例 —— Kaptcha 插件介绍 后端生成验证码,前端展示并进行session验证(带完整前后端源码)
|
1月前
|
JSON 前端开发 数据格式
@RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)
文章详细讲解了在SpringMVC中如何使用`@RequestMapping`进行路由映射,并介绍了前后端参数传递的多种方式,包括传递单个参数、多个参数、对象、数组、集合以及JSON数据,并且涵盖了参数重命名和从URL中获取参数的方法。
75 0
@RequestMapping运用举例(有源码) 前后端如何传递参数?后端如何接收前端传过来的参数,传递单个参数,多个参数,对象,数组/集合(有源码)
|
2月前
|
资源调度 JavaScript 前端开发
前端vue:路由的基本使用
前端vue:路由的基本使用
|
1月前
|
JavaScript 前端开发 应用服务中间件
Vue开发中,在实现单页面应用(SPA)前端路由时的hash模式和history模式的区别及详细介绍
Vue开发中,在实现单页面应用(SPA)前端路由时的hash模式和history模式的区别及详细介绍
26 0

热门文章

最新文章