什么是`前端路由`?什么时候使用`前端路由`?`前端路由`存在哪些优缺点?
一、前言
之前我们前后端开发采用前后端分离的方法
,现在的前后端开发我们采用SPA
来开发,也就是单页面开发应用。
我们在采用前后端分离的方法
进行开发时,我们请求一个url
地址,此时后台返回给我们一个页面。现在我们采用SPA
,出现了前端路由
,那么什么是前端路由,以及前端路由的优缺点呢?
二、什么是前端路由
前端路由就是根据url的不同来匹配不同的内容,之前是交给后端来做,但是目前随着三大框架的发展,单页面应用的兴起。判断url匹配内容交给前端来完成。
三、什么时候使用前端路由
在单页面应用的时候使用前端路由,也就是页面大多数内容不改变,只改变部分内容的使用。
四、前端路由的优缺点?
优点:
用户体验好,当进行路由切换时,不需要向服务器再次请求,速度更快。
缺点:
当点击前进后退按钮时,无法记住当前滚动的位置。
如果想要明白,前端路由的实现原理可以查看博客:前端路由原理
什么是`前端路由`?什么时候使用`前端路由`?`前端路由`存在哪些优缺点?相关推荐
- web前端技术分享:使用react实现简易路由
众所周知,在web前端开发单页面使用路由目前有两种方式可以实现,一种是使用hash模式,另外一种就是history模式,今天小千就来给大家介绍一下这个history模式,喜欢的话记得收藏. histo ...
- 前端路由的原生代码实现?前端如何监听路由变化?
前端如何监听路由的变化?如何根据前端路由的变化,去操作相应的DOM? 本文从前端层面上,大致解读一下,前端路由的监听与相关DOM操作的方法. 实现的基本原理: 首先,放置指定的DOM标识, 其次,当锚 ...
- 仿联想商城laravel实战---3、前端页面搭建(什么情况下需要路由接参数)
仿联想商城laravel实战---3.前端页面搭建(什么情况下需要路由接参数) 一.总结 一句话总结: 比如访问课程的时候,不同的课程(比如云知梦),比如访问不同的商品,比如访问不同的分类 //商品详 ...
- qiankun 微前端_基于qiankun落地部署微前端爬”坑“记
❝ 前沿:前半年微前端火得一踏糊涂,刚好业务需求上有这样的应用场景,针对目前的微前端解决方案做了技术选型,qiankun作为蚂蚁金服内部孵化出来的微前端解决方案,经过线上应用充分检验及打磨最后开源,最 ...
- 【大前端之前后分离01】JS前端渲染VS服务器端渲染
前言 之前看了一篇文章:@Charlie.Zheng Web系统开发构架再思考-前后端的完全分离,文中论述了为何要前后分离,站在前端的角度来看,是很有必要的:但是如何说服团队使用前端渲染方案却是一个现 ...
- 第七章 前端开发——前端工程化(NPM、脚手架、前端环境搭建)
第七章 前端工程化(NPM.脚手架.前端环境搭建) 一.支持环境 二.NPM包管理工具 三.Vue生成器 四.前端的集成环境 五.项目目录结构 六.前端Vue框架与后端Django框架的简单交互 一. ...
- afe模拟前端的重要性_UCD3138模拟前端(AFE)模块:模拟前端模块(AFE)简介
在本教程中,我将 介绍前端模块 并讨论其基本操作. 然后,我将使用 UCD3138 开环 控制板展示 闭环系统. 在先前教程中,我们 讨论了 DPWM 模块, 滤波器和环路多路复用器以及 ARM 内核 ...
- web后端语言_web前端学习路线图_快速入门web前端学习路线图
如何学好Web前端开发技术?前端学习路线是什么?如今,移动开发的发展依旧如火如荼,企业对于Web前端人才需求产生了巨大的缺口,从事Web前端开发的程序员们则是其中较大的获益者.Web前端的广泛运用,造 ...
- 前端工程化详解——理解与实践前端工程化
前言: 前端工程化一直是一个老生常谈的问题,不管是面试还是我们在公司做基建都会经常提到前端工程化,那么为什么经常会说到前端工程化,并没有听过后端工程化.Java工程化或者Python工程化呢?我们理解 ...
- 前端程序员,需要吃透的前端书籍推荐
随着互联网时代的发展,web进入2.0时代,前端开发的岗位逐渐独立出来,大量的前端程序员工资和技术水平飙升.前端框架层出不穷,新技术不断更新,作为前端的程序员也是倍感吃力.但为了高薪,每一个前端开发者 ...
最新文章
- 归于软银帐下,ARM需要接受的变与不变
- 不提供账号注销等于耍流氓
- OutputFormat接口实现类
- 【Android 逆向】Android 进程注入工具开发 ( 总结 | 源码编译 | 逆向环境搭建使用 | 使用进程注入工具进行逆向操作 ) ★★★
- 【AI不惑境】计算机视觉中注意力机制原理及其模型发展和应用
- 密码6-12位数字和字母组成
- kettle 笛卡尔_Kettle用户操作手册1
- 不可上位!数据结构队列,老实排队,Java实现数组模拟队列及可复用环形队列
- 程序员面试金典 - 面试题 17.15. 最长单词(排序+递归)
- 迷宫问题(信息学奥赛一本通-T1255)
- 学院教务管理系统oracle设计,浙工院教学教务管理信息系统的设计与实现
- sql server 纵横表的转换
- 【转】Git代码行统计命令集
- ai怎么平均排列_一篇AI打麻将的论文,理科生眼中的麻将是这样的
- matlab fx函数图像,matlab 画两个自变量的函数图像
- 速学大学计算机基本内容(一)有图
- 高新技术企业研发费用占比要求是多少
- Mac下代码中文乱码问题解决方法
- 数字图像处理——信用卡数字识别
- jQuery属性操作以及一些实用方法