如何实现浏览器的前进和后退功能?

文章来源于极客时间前google工程师−王争专栏。

如何理解栈

后进者先出,先进者后出,这就是典型的“栈”结构。

从栈的操作特性来看,栈是一种“操作受限”的线性表,只允许在一端插入和删除数据。

当某个数据集合只涉及在一端插入和删除数据,并且满足后进先出、先进后出的特性,我们就应该首选“栈”这种数据结构。

栈既可以用数组来实现,也可以用链表来实现。用数组实现的栈,我们叫做顺序栈,用链表实现的栈,我们叫做链式栈。

public class ArrayStack{//内部维护一个数组private String[] items;//栈中元素个数private int count;//栈的大小private int n;//初始化栈public ArrayStack(int n){this.items = new String[n];this.n = n;this.count = 0;}//入栈操作public boolean push(String item){//栈空间不够,返回false,入栈失败if(count == n) return false;items[count] = item;++count;return true;}//出栈操作public String pop(){if(count == 0) return null;//返回下标为count-1的数组元素String tmp = items[count-1];--count;return tmp;}
}
  • 空间复杂度为O(1),注意大小为n的数组,并不是说空间复杂度就是O(n)。
  • 时间复杂度为O(1)

支持动态扩容的顺序栈

上述基于数组实现的栈,是一个固定大小的栈。链式栈的大小不受限,但要存储next指针,内存消耗相对较多。

基于数组可以设计动态扩容的顺序栈

image

复杂度分析

  • 出栈,不设计内存的重新申请和数据的搬移,出栈时间复杂度依然为O(1)。
  • 入栈,有空闲空间为O(1),空间不够为O(n)
    • 最好O(1)
    • 最坏O(n)
  • 入栈均摊分析(需要前提假设)
  1. 栈空间不够时,我们重新申请一个是原来大小两倍的数组。
  2. 为了简化分析,假设只有入栈,没有出栈操作。
  3. 定义不涉及内存搬移的入栈操作为simple-push操作,时间复杂度为O(1)。
    image
    入栈操作的均摊时间复杂度为O(1)

栈在函数调用中的应用

比较经典的一个应用场景就是函数调用栈

操作系统给每个线程分配了一块独立的内存空间,这块内存被组织成“栈”这种结构,用来存储函数调用时的临时变量。每进入一个函数,就会将临时变量作为一个栈帧入栈,当被调用函数执行完成,返回之后,将这个函数对应的栈帧出栈。

int main(){int a = 1;int ret = 0;int res = 0;ret = add(3,5);printf("%d",res);return 0;
}
int add(int x,int y){int sum = 0;sum = x+y;return sum;
}

image

栈在表达式求值中的应用

编译器利用栈来实现表达式求值。
简单表达式,比如34+13*9+44-12/3
编译器通过两个栈来实现。
一个保存操作数的栈。一个保存运算符的栈。

  • 遇到数字,直接压入操作数栈
  • 遇到运算符,就与运算符栈的栈顶元素进行比较
    • 如果比栈顶的优先级高,就将当前运算符压入栈。
    • 如果比栈顶的优先级低或者相同。从运算符栈顶取运算符,从操作数栈的栈顶取2个操作数,然后进行计算,再把计算完的结果压入操作数栈,继续比较。
      image

栈在括号匹配中的应用

除了用栈来实现表达式求值,我们还可以借助栈来检查表达式中的括号是否匹配。
{[{}]}或[{()}([])]都为合法格式,而{[}()]或[({)]为不合法格式。如何检查合法性呢?

我们用栈来保存未匹配的左括号,从左到右依次扫描字符串。当扫描到左括号时,则将其压入栈中;当扫描到右括号时,从栈顶取出一个左括号。能匹配,继续扫描。不能匹配,或者栈中没有数据,则说明为非法格式。

解答开篇

当访问一串页面a-b-c之后,点击浏览器的后退按钮,就可以查看b和a。后退到a,点击前进可以查看b和c。如果后退到a,点击新的页面d,就无法查看b和c了。

如何实现浏览器的前进、后退功能?用两个栈可以完美解决。

  1. 顺序查看a,b,c,依次压入栈
    image
  2. 通过浏览器后退按钮,从页面c后退到页面a之后,依次将c和b从栈X弹出,入栈Y。
    image
  3. 这个时候又想看b,b出栈Y,入栈X。
    image
  4. 这个时候,通过页面b又跳转到新的页面d,页面c就无法再通过前进、后退按钮重复看了,所以需要清空栈Y。
    image

内容小结

  1. 栈是一种操作受限的数据结构,只支持入栈和出栈操作。
  2. 后进先出是它最大的特点。
  3. 栈可以通过数组实现,也可以通过链表实现。入栈、出栈时间复杂度都是O(1)。
  4. 支持动态扩容的顺序栈,需要重点掌握均摊时间复杂度方法。

思考

  1. 函数调用栈来保存临时变量,为什么用“栈”来保存?其他数据结构不行吗?

其实,我们不一定非要用栈来保存临时变量,只不过如果这个函数调用符合后进者先出的特性,用栈这种数据结构来实现,是最顺理成章的选择。

从调用函数进入被调用函数,对于数据来说,变化的是什么呢?是作用域。所以根本上,只要能保证每进入一个新的函数,都是一个新的作用域就可以。而要实现这个,用栈就非常方便。在进入被调用函数的时候,分配一段栈空间给这个函数的变量,在函数结束的时候,将栈顶复位,正好回到调用函数的作用域内。

  1. JVM内存管理有个“堆栈”的概念。栈内用来存储局部变量和方法调用,堆内用来存储java中的对象。那JVM里面的“栈”跟我们这里说的“栈”是不是一回事呢?如果不是,那它为什么又叫作“栈”呢?

内存中的堆栈是真实存在的物理区,数据结构中的堆栈是抽象的数据存储结构。内存空间在逻辑上分为三部分:代码区、静态数据区和动态数据区,动态数据区又分为栈区和堆区。
代码区:存储方法体的二进制代码。高级调度(作业调度)、中级调度(内存调度)、低级调度(进程调度)控制代码区执行代码的切换。
静态数据区:存储全局变量、静态变量、常量,常量包括final修饰的常量和String常量。系统自动分配和回收。
栈区:存储运行方法的形参、局部变量、返回值。由系统自动分配和回收。
堆区:new一个对象的引用或地址存储在栈区,指向该对象存储在堆区中的真实数据。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/96822.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

css复合选择器

交集选择器 紧紧挨着 <template><div><p class"btn">Click me</p><button class"btn" ref"myButton" click"handleClick">Click me</button></div> </template> <style> but…

linux系统中常见注册函数的使用方法

大家好&#xff0c;今天给大家分享一下&#xff0c;linux系统中常见的注册函数register_chrdev_region()、register_chrdev()、 alloc_chrdev_region()的使用方法​。 一、函数包含的头文件&#xff1a; 分配设备编号&#xff0c;注册设备与注销设备的函数均在fs.h中申明&…

数据结构与算法--贪心算法

数据结构与算法-贪心算法 1 贪心算法的概念 2 贪心算法的套路 3 贪心算法常用技巧 4 会议问题 5 字典序问题 1 贪心算法的概念 在某一标准下,优先考虑最满足标准的样本,最后考虑不满足标准的样本,最终得到一个答案的算法,叫做贪心算法 也就是说 不是从整体上加以考虑,所…

责任链设计模式

责任链模式&#xff08;ChainOfResponsibility&#xff09; 亦称&#xff1a;职责链模式、命令链、CoR、Chain of Command、Chain of Responsibility 责任链是一种行为设计模式&#xff0c;允许你将请求沿着处理者链进行发送。收到请求后&#xff0c;每个处理者均可对请求进行…

根据前序与中序遍历结果构造二叉树

文章前言&#xff1a;如果不知道什么是前序与中序的小白同学&#xff0c;作者推荐&#xff1a;二叉树的初步认识_加瓦不加班的博客-CSDN博客 思路&#xff1a; 先通过前序遍历结果定位根节点 再结合中序遍历结果切分左右子树 public class E09Leetcode105 {//1. pre-order 前…

C#上位机——根据命令发送

C#上位机——根据命令发送 第一步&#xff1a;设置窗口的布局 第二步&#xff1a;设置各个属性 第三步&#xff1a;编写各个模块之间的关系

ImportError: cannot import name ‘TouchActions‘ from ‘selenium.webdriver‘

今天踩了一个坑&#xff1a; 需要使用selenium-wire抓取请求heads信息&#xff0c;直接用命令 pip install selenium-wire安装后&#xff0c;调试代码一直报cannot import name TouchActions from selenium.webdriver 开发环境&#xff1a; selenium 版本4.11.2 &#xff08;…

PostgreSQL ash —— pgsentinel插件

一、 插件作用 众所周知&#xff0c;pg是没有像oracle那样的ash视图的&#xff0c;因此要回溯历史问题不太方便。pgsentinel插件会将pg_stat_activity与pg_stat_statements视图内容定期快照&#xff0c;并存入pg_active_session_history和pg_stat_statements_history视图中。 1…

基于LADRC自抗扰控制的VSG三相逆变器预同步并网控制策略(Simulink仿真实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

网络相关的基础知识整理

一、历史 1.1 早期阿帕网特点⭐⭐⭐ 没有纠错功能不能互联不同类型的计算机和不同类型的操作系统 1. 2 TCP/IP协议 点击【此处】跳转&#x1f517; TCP&#xff1a;用来检测网络传输中差错的传输控制协议IP&#xff1a;专门负责对不同网络进行互联的互联网协议&#xff08…

数学建模预测模型MATLAB代码大合集及皮尔逊相关性分析(无需调试、开源)

已知2010-2020数据&#xff0c;预测2021-2060数据 一、Logistic预测人口 %%logistic预测2021-2060年结果 clear;clc; X[7869.34, 8022.99, 8119.81, 8192.44, 8281.09, 8315.11, 8381.47, 8423.50, 8446.19, 8469.09, 8477.26]; nlength(X)-1; for t1:nZ(t)(X(t1)-X(t))/X(t1…

在并发环境下如何处理脏读,幻读,不可重复读

目录 1.对脏读&#xff0c;幻读&#xff0c;不可重复读的理解 2.数据库事务隔离级别 3.如何避免脏读&#xff0c;幻读&#xff0c;不可重复读 3.1如何避免脏读 3.2对乐观锁的理解 3.3如何避免幻读 3.4如何避免可重复读 3.5总结 1.对脏读&#xff0c;幻读&#xff0c;不…

【MVDiffusion】完美复刻场景,可多视图设计的生成式模型

文章目录 MVDiffusion1. 自回归 生成 全景图1.1 错误积累1.2 角度变换大 2. 模型结构2.1 多视图潜在扩散模型(mutil-view LDM)2.1.1 Text-conditioned generation model2.1.2 Image&text-conditioned generation model2.1.3 额外的卷积层 2.2 Correspondence-aware Attenti…

使用python-opencv检测图片中的人像

最简单的方法进行图片中的人像检测 使用python-opencv配合yolov3模型进行图片中的人像检测 1、安装python-opencv、numpy pip install opencv-python pip install numpy 2、下载yolo模型文件和配置文件&#xff1a; 下载地址&#xff1a; https://download.csdn.net/down…

参与现场问题解决总结(Kafka、Hbase)

一. 背景 Kafka和Hbase在现场应用广泛&#xff0c;现场问题也较多&#xff0c;本季度通过对现场问题就行跟踪和总结&#xff0c;同时结合一些调研&#xff0c;尝试提高难点问题的解决效率&#xff0c;从而提高客户和现场满意度。非难点问题&#xff08;历史遇到过问题&#xf…

数据库学习笔记——DML

数据库学习笔记——DML 建表&#xff1a; CREATE TABLE employee(employee_ID int not null,employee_name varchar(20) not null,street varchar(20) not null,city varchar(20) not null,PRIMARY KEY(employee_ID) );CREATE TABLE company(company_name varchar(30) not nu…

杂七杂八面试题

什么是数据串联,数据隔离和数据越权? 数据串联:数据串联是指攻击者通过多次请求将多个请求串联在一起,从而获取比单个请求中更多的数据或权限。这种攻击通常发生在涉及分页、排序、筛选等操作的场景中,攻击者通过多次请求逐步获取更多的数据。 数据隔离:数据隔离是指不同…

三模块七电平级联H桥整流器电压平衡控制策略Simulink仿真

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

[ubuntu]ubuntu设置虚拟内存

首先查看自己是否加过虚拟内存或者查看虚拟内存当前状态可以命令&#xff1a; free -mh 创建交换分区&#xff1a; sudo mkdir /swap cd /swap sudo dd if/dev/zero ofswapfile bs1024 count12582912 其中count是自己分配内存大小&#xff0c;上面为12GB&#xff0c;你可…

travel总结:

目录 1、前期准备&#xff1a; 2、项目期间&#xff1a; &#xff08;1&#xff09;注册功能的实现&#xff1a; 1、前端&#xff1a; 1、表单数据的校验&#xff1a;(js) 2、使用ajax完成表单提交 3、注册成功跳转页面 2、web&#xff1a; 1、获取表单数据、封装数据 2、调…