一、前言
之前我们前后端开发采用前后端分离的方法,现在的前后端开发我们采用SPA来开发,也就是单页面开发应用。
我们在采用前后端分离的方法进行开发时,我们请求一个url地址,此时后台返回给我们一个页面。现在我们采用SPA,出现了前端路由,那么什么是前端路由,以及前端路由的优缺点呢?
二、什么是前端路由
前端路由就是根据url的不同来匹配不同的内容,之前是交给后端来做,但是目前随着三大框架的发展,单页面应用的兴起。判断url匹配内容交给前端来完成。
三、什么时候使用前端路由
在单页面应用的时候使用前端路由,也就是页面大多数内容不改变,只改变部分内容的使用。
四、前端路由的优缺点?
优点:用户体验好,当进行路由切换时,不需要向服务器再次请求,速度更快。
缺点:当点击前进后退按钮时,无法记住当前滚动的位置。
如果想要明白,前端路由的实现原理可以查看博客:前端路由原理

什么是`前端路由`?什么时候使用`前端路由`?`前端路由`存在哪些优缺点?相关推荐

  1. web前端技术分享:使用react实现简易路由

    众所周知,在web前端开发单页面使用路由目前有两种方式可以实现,一种是使用hash模式,另外一种就是history模式,今天小千就来给大家介绍一下这个history模式,喜欢的话记得收藏. histo ...

  2. 前端路由的原生代码实现?前端如何监听路由变化?

    前端如何监听路由的变化?如何根据前端路由的变化,去操作相应的DOM? 本文从前端层面上,大致解读一下,前端路由的监听与相关DOM操作的方法. 实现的基本原理: 首先,放置指定的DOM标识, 其次,当锚 ...

  3. 仿联想商城laravel实战---3、前端页面搭建(什么情况下需要路由接参数)

    仿联想商城laravel实战---3.前端页面搭建(什么情况下需要路由接参数) 一.总结 一句话总结: 比如访问课程的时候,不同的课程(比如云知梦),比如访问不同的商品,比如访问不同的分类 //商品详 ...

  4. qiankun 微前端_基于qiankun落地部署微前端爬”坑“记

    ❝ 前沿:前半年微前端火得一踏糊涂,刚好业务需求上有这样的应用场景,针对目前的微前端解决方案做了技术选型,qiankun作为蚂蚁金服内部孵化出来的微前端解决方案,经过线上应用充分检验及打磨最后开源,最 ...

  5. 【大前端之前后分离01】JS前端渲染VS服务器端渲染

    前言 之前看了一篇文章:@Charlie.Zheng Web系统开发构架再思考-前后端的完全分离,文中论述了为何要前后分离,站在前端的角度来看,是很有必要的:但是如何说服团队使用前端渲染方案却是一个现 ...

  6. 第七章 前端开发——前端工程化(NPM、脚手架、前端环境搭建)

    第七章 前端工程化(NPM.脚手架.前端环境搭建) 一.支持环境 二.NPM包管理工具 三.Vue生成器 四.前端的集成环境 五.项目目录结构 六.前端Vue框架与后端Django框架的简单交互 一. ...

  7. afe模拟前端的重要性_UCD3138模拟前端(AFE)模块:模拟前端模块(AFE)简介

    在本教程中,我将 介绍前端模块 并讨论其基本操作. 然后,我将使用 UCD3138 开环 控制板展示 闭环系统. 在先前教程中,我们 讨论了 DPWM 模块, 滤波器和环路多路复用器以及 ARM 内核 ...

  8. web后端语言_web前端学习路线图_快速入门web前端学习路线图

    如何学好Web前端开发技术?前端学习路线是什么?如今,移动开发的发展依旧如火如荼,企业对于Web前端人才需求产生了巨大的缺口,从事Web前端开发的程序员们则是其中较大的获益者.Web前端的广泛运用,造 ...

  9. 前端工程化详解——理解与实践前端工程化

    前言: 前端工程化一直是一个老生常谈的问题,不管是面试还是我们在公司做基建都会经常提到前端工程化,那么为什么经常会说到前端工程化,并没有听过后端工程化.Java工程化或者Python工程化呢?我们理解 ...

  10. 前端程序员,需要吃透的前端书籍推荐

    随着互联网时代的发展,web进入2.0时代,前端开发的岗位逐渐独立出来,大量的前端程序员工资和技术水平飙升.前端框架层出不穷,新技术不断更新,作为前端的程序员也是倍感吃力.但为了高薪,每一个前端开发者 ...

最新文章

  1. 归于软银帐下,ARM需要接受的变与不变
  2. 不提供账号注销等于耍流氓
  3. OutputFormat接口实现类
  4. 【Android 逆向】Android 进程注入工具开发 ( 总结 | 源码编译 | 逆向环境搭建使用 | 使用进程注入工具进行逆向操作 ) ★★★
  5. 【AI不惑境】计算机视觉中注意力机制原理及其模型发展和应用
  6. 密码6-12位数字和字母组成
  7. kettle 笛卡尔_Kettle用户操作手册1
  8. 不可上位!数据结构队列,老实排队,Java实现数组模拟队列及可复用环形队列
  9. 程序员面试金典 - 面试题 17.15. 最长单词(排序+递归)
  10. 迷宫问题(信息学奥赛一本通-T1255)
  11. 学院教务管理系统oracle设计,浙工院教学教务管理信息系统的设计与实现
  12. sql server 纵横表的转换
  13. 【转】Git代码行统计命令集
  14. ai怎么平均排列_一篇AI打麻将的论文,理科生眼中的麻将是这样的
  15. matlab fx函数图像,matlab 画两个自变量的函数图像
  16. 速学大学计算机基本内容(一)有图
  17. 高新技术企业研发费用占比要求是多少
  18. Mac下代码中文乱码问题解决方法
  19. 数字图像处理——信用卡数字识别
  20. jQuery属性操作以及一些实用方法

热门文章

  1. 虚拟内存解决内存不够
  2. Java中eq、ne、ge、gt、le、lt的含义
  3. 彻底关闭银河麒麟操作系统防火墙
  4. 基于springboot校园二手网站系统 毕业设计-附源码221414
  5. adb获取手机屏幕分辨率
  6. Android ViewDragHelper类
  7. AI一周热闻:地平线获6亿美元融资;小米最大规模组织架构调整
  8. EBS查询凭证行明细SQL
  9. mysql数据库视图索引_MySQL数据库的视图、索引
  10. 通达信自动交易系统接口定义