首页
学习
活动
专区
圈层
工具
发布

网页里的「返回」应该用 history.back 还是 push ?

(你按浏览器「返回」,无法回到跳转前的页面)HTML DOM API: HistoryHistory.pushState()History.back()History.replaceState()history...「返回」按钮的难题「返回」按钮,做好用户体验,挺难的。这里罗列一些容易想到的、但不完美的方案。3.1 方案一:用back实现「返回」存在的问题:如果用户直接从URL进入该页面,点「返回」无效。...网页里的「返回」按钮(back),只允许相邻页面层级,从右往左返回。对于同一页面层级的跳转:可以限制,必须先返回某结点的父结点,再进入该结点的兄弟结点。...实现返回链接(比如叫BackLinkButton)获取当前页面的state,如果包含了「标识」,则直接history.back();否则,用history.replaceState(注意replace时不用带...你可以按上述流程操作下。你不会遇到问题,因为这个问题已经被解决了,体验好很多。代码片段参考这是LinkButton逻辑,其中back参数,true表示是返回按钮,false表示是跳转按钮。

5.4K61

面试官:大文件上传如何做断点续传?

(串行或并行)发送各个分片数据块; 发送完成后,服务端根据判断数据上传是否完整,如果完整,则进行数据块合成得到原始文件 断点续传 断点续传指的是在下载或上传时,将下载或上传任务人为的划分为几个部分 每一个部分采用一个线程进行上传或下载...,如果碰到网络故障,可以从已经上传或下载的部分开始继续上传下载未完成的部分,而没有必要从头开始上传下载。...用户可以节省时间,提高速度 一般实现方式有两种: 服务器端返回,告知从哪开始 浏览器端自行处理 上传过程中将文件在服务器写为临时文件,等全部写完了(文件上传完),将此临时文件重命名为正式文件即可 如果中途上传中断过...也就有了文件唯一标识信息,断点续传变成了后台的一个小小的逻辑判断 后端主要做的内容为:根据前端传给后台的md5值,到服务器磁盘查找是否有之前未完成的文件合并信息(也就是未完成的半成品文件切片),取到之后根据上传切片的数量,返回数据告诉前端开始从第几节上传...这种场景在视频监控等行业应用中比较常见 小结 当前的伪代码,只是提供一个简单的思路,想要把事情做到极致,我们还需要考虑到更多场景,比如 切片上传失败怎么办 上传过程中刷新页面怎么办 如何进行并行上传 切片什么时候按数量切

8.6K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android入门教程 | Fragment 基础概念

    不过,当 Activity 正在运行(处于已恢复生命周期状态)时,可以独立操纵每个片段,如添加或移除片段。...当执行此类片段事务时,也可将其添加到由 Activity 管理的返回栈 — Activity 中的每个返回栈条目都是一条已发生片段事务的记录。借助返回栈,用户可以通过按返回按钮撤消片段事务(后退)。...不过,在调用 commit() 之前,可能希望调用 addToBackStack(),以将事务添加到片段事务返回栈。该返回栈由 Activity 管理,允许用户通过按返回按钮返回上一片段状态。...通过调用 addToBackStack(),可以将替换事务保存到返回栈,以便用户能够通过按返回按钮撤消事务并回退到上一片段。...宿主 Activity 已停止,或片段已从 Activity 中移除,但已添加到返回栈。已停止的片段仍处于活动状态(系统会保留所有状态和成员信息)。

    4.8K40

    再谈location与history之跳转转态监控—router的两种实现模式

    就相当于一个链接,跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个页面。...从HTML5开始提供了对history栈中内容的操作。history.pushState()和history.replaceState()方法,他们分别可以添加和修改历史记录条目。...():分别为前进一个历史,后退一个,history.go(Number),其中Number可正可负,即向前或向后若干个记录history.state:返回当前页面状态参数,此参数一般由history.pushState...title,newUrl);推荐阅读:https://router.vuejs.org/zh/guide/essentials/history-mode.htmlhistory事件onpopstate:每当活动的历史记录项发生变化时...在history.back(),history.forward(),history.go()时触发此事件,但是在history.pushState();history.replaceState();时并不会触发此事件

    2.9K10

    AndroidStdio1_5

    确定数据是从SecondActivity返回的之后,我们再通过resultCode的值来判断处理结果是否成功。最后从data中取值并打印出来,这样就完成了向上一个活动返回数据的工作。...这时候你可能会问,如果用户在SecondActivity中并不是通过点击按钮,而是通过按下Back键回到FirstActivity,这样数据不就没法返回了吗?...这样的话,当用户按下Back键,就会去执行onBackPressed()方法中的代码,我们在这里添加返回数据的逻辑就行了。...而每当我们按下Back键或调用finish()方法去销毁一个活动时,处于栈顶的活动会出栈,这时前一个入栈的活动就会重新处于栈顶的位置。系统总是会显示处于栈顶的活动给用户。...系统仍然会为这种活动保存相应的状态和成员变量,但是这并不是完全可靠的,当其他地方需要内存时,处于停止状态的活动有可能会被系统回收。 4.销毁状态 当一个活动从返回栈中移除后就变成了销毁状态。

    81230

    MongoDB内核:主从同步之源码剖析

    二、代码细节 当节点处于SECONDARY状态时,BackgroundSync线程是一个死循环,每次循环中它都会完成从节点从其同步源上获取oplog并应用到自身的过程。...设置为true时,当tailable cursor遍历到集合末尾时,会在一段时间内阻塞查询线程,等待新的写入到来。当新写入插入该集合中时,阻塞线程会被唤醒并将这一批数据返回给客户端。...注:applyOps除外)时,将会从批处理转成单条处理的方式。...同一批次内的oplog并不是按顺序apply的。...按namespace排序应该是为了更好地利用局部性原理(同一个ns内的操作在相同的cache、内存或磁盘扇区的概率更大) 参考资料 mongodb source code replication-internals

    2.9K40

    系统性能提升优先法宝|缓存应用实践

    把不变化或很长时间才变化的数据按一定格式存储在客户端的本地文件中,使用时通过js读取解析使用,延用了C/S结构的方式,适合数据量很大业务且技术有所不足的开发。...实践案例 1、热点key 场景:在大促期间,给所有活动页及频道页提供侧滑html片段数据,会有修改。 特点:数据记录少,调用量比较大(峰值400万/分钟)。...在大促当天,页面该请求返回性能不太理想,数据返回大概73KB,使用Nginx增加gzip压缩后,数据压缩到13KB,性能提高不少。后续在Nginx增加代理缓存,性能稳定。...缓存数据记录失效时间,调用时发现缓存数据已失效时,更新失效时间并返回,异步请求类目中心数据刷新。若缓存没有命中,回源请求类目中心。客户端会定时检测类目版本信息,若版本更新变化,客户端数据强制更新。...统一缓存redis:当DB使用,不回源数据库,并定时从数据库把数据刷新至redis中。为了避免并发刷新,使用redis实现排它锁,保证只一个任务刷新。

    40110

    系统性能提升优先法宝 | 缓存应用实践

    把不变化或很长时间才变化的数据按一定格式存储在客户端的本地文件中,使用时通过js读取解析使用,延用了C/S结构的方式,适合数据量很大业务且技术有所不足的开发。...实践案例 1、热点key 场景:在大促期间,给所有活动页及频道页提供侧滑html片段数据,会有修改。 特点:数据记录少,调用量比较大(峰值400万/分钟)。...在大促当天,页面该请求返回性能不太理想,数据返回大概73KB,使用Nginx增加gzip压缩后,数据压缩到13KB,性能提高不少。后续在Nginx增加代理缓存,性能稳定。...缓存数据记录失效时间,调用时发现缓存数据已失效时,更新失效时间并返回,异步请求类目中心数据刷新。若缓存没有命中,回源请求类目中心。客户端会定时检测类目版本信息,若版本更新变化,客户端数据强制更新。...统一缓存redis:当DB使用,不回源数据库,并定时从数据库把数据刷新至redis中。为了避免并发刷新,使用redis实现排它锁,保证只一个任务刷新。

    93050

    Activity 不只有跳转。功能篇(一)

    如果启动的时候没有在栈顶,那么还是会创建一个新的实例,比如说A->B ,返回栈存放过程是创建A,创建B,然后B->A(并非通过back回到A),创建A实例,因为此时返回栈中栈顶是B,所以会创建A实例。...例子:A->B,创建A实例,创建B实例,从B->A,此时返回栈中有A实例,就会让B实例出栈,此时栈中只有A的实例,所以点击Back后就会退出程序。...(只要是在A上的实例全部出栈,如ABCD,需要用到B,此时栈中AB,CD出栈) SingleInstance:对于设置该模式的活动(Activity),会创建一个实例保存在新的返回栈中,这是因为可供其他的程序调用这个活动...,达到了共享这个实例,在单个程序中如:A->B(模式SingleInstance)->C,创建A实例,创建B实例(新返回栈中),创建C实例,当点击back键时,会C弹出栈,显示A,再次点击back键,A...onSaveInstanceState()和onRestoreInstanceState()使用详解 https://www.jianshu.com/p/27181e2e32d2 注意 1、如果是用户自动按下返回键

    1.4K20

    Chrome DevTools 全攻略!助力高效开发

    ) 关于 Time 列 Time 有两行: 第一行表示从客户端发送请求到服务端返回所有数据所花费的总时间,对于上图来说就是471ms 第二行表示的是从客户端发送请求到服务器端返回第一个字节所表示的时间,...,每次打开 Devtools 都能获取到这些代码片段,而不用再去从笔记里面找。...Call Tree 选项卡:想查看导致最多工作的根活动时使用 Event Log 选项卡:想要按记录期间的活动顺序查看活动时使用 window.performance 对象 Performance 接口可以获取到当前页面中与性能相关的信息...值得注意的两点: 测量初始点是浏览器访问最初测量点,或者理解为在地址栏输入 URL 后按回车的那一瞬间。 返回值是毫秒数,但带有精准的多位小数。...、非重定向等) 1 即 TYPE_RELOAD 通过 window.location.reload()刷新的页面 2 即 TYPE_BACK_FORWARD 通过浏览器的前进后退按钮进入的页面(历史记录

    1.8K10

    原 Intellij idea2017编辑

    同时也提供了如下集中语境菜单(后续会有) 关闭一个或多个标签 固定活动标签 分屏和取消分屏 标签组管理 标签间导航 添加到收藏夹 移动改变 运行和调试活动编辑器 执行本地历史和版本控制命令 执行自定义工具命令...Close 关闭当前活动编辑窗 Close All 关闭所有打开的文件 Close Others 关闭除了活动窗体以外的其他编辑窗或者移动到x按钮位置,按alt ?...,窗体内展示错误、警告的代码片段。 ? 默认情况下,这种行为是开启的。你可以按下图方式切换它。 ? 多光标 基础 idea支持多插入符号操作。有些专业的事件,比如键导航,文本插入和删除等待。...任何被选中的代码片段都可以使用Fold Selection/ Remove Region 或ctrl+句号进行展开。...标签之间切换 使用Alt+Right 或者 Alt+Left Ctrl+Tab 返回历史编辑处(历史操作) 主菜单使 ? 或 ? 主菜单使用 Navigate | Back / Forward.

    3.4K60

    UML时序图详解

    当对象存在时,角色用一条虚线表示;当对象的过程处于激活状态时,生命线是一个垂直矩形。 消息用从一个对象的生命线到另一个对象生命线的箭头表示。 箭头以时间顺序在图中从上到下排列。...消息的发送者把控制传递给消息的接收者,然后停止活动,等待消息的接收者放弃或者返回控制。用来表示同步的意义。 2.5.2 返回消息 以小于号和虚线表示。 返回消息表示从过程调用返回。...消息发送者通过消息把信号传递给消息的接收者,然后继续自己的活动,不等待接受者返回消息或者控制。异步消息的接收者和发送者是并发工作的。...2.6 片段 2.6.1 选择片段 选择片段,或称条件分支,可根据不同的条件,执行不同的交互,类似于if-else语句 2.6.2 循环片段 表明该片段会被重复执行,类似于while或for语句...解读一下此时序图: 参与者(主角)是用户,因为是用户触发了整个流程的执行 对象有3个:手机上的APP程序、待连网的物联网设备、WiFi路由器 配网的时序逻辑为: 用户按下设备的配网按钮,设备开启一个热点

    1.4K30

    Android-活动的生命周期(二)

    观察活动的生命周期 启动时 依次执行onCreate(),onStart(),onResume()。...按下Back返回MainActivity 由于之前MainActivity进入停止状态,所以onRestart()执行,又会依次执行onStart()和onResume(),但onCreate()不会执行...按下Back退出程序 依次执行onPause(),onStop(),onDestroy()方法,最终销毁MainActivity。...活动被回收怎么办 当一个活动进入停止状态,有可能被系统回收,那么当有一个活动A,在A基础上启动了活动B,A进入停止状态,这时由于系统内存不足,A被回收掉,这时按下Back键还是会正常显示A,但是不会执行...携带了一个Bundle类型参数,提供了一系列的方法保存数据,比如可以使用putString()方法保存字符串,使用putInt()方法保存整型数据,每个保存方法需要传入两个参数, 第一个参数是键,用于后面从Bundle

    57920

    转盘抽奖活动预防恶意请求攻击

    恶意刷新 恶意刷新就是不停的去刷新提交页面,导致出现大量无效数据,这类问题在实际应用中我们经常遇到,比如一个活动的分享得积分,刷票,刷红包等等,遇到这些问题,你是如何去防止的。...当你在做一个刷红包的活动,或者一个分享得积分的活动时,频繁的被刷新会导致数据库吃紧,严重时会导致系统死机。遇到这方面你是如何防止恶意刷新页面的,说白了也就是恶意刷新你创建的链接。...我们可以从session方面防止用户恶意刷新。 代码如下: 方案一: 刷新",放在header中,效果比较好,想看效果的话按两下F5 吧....; history.back();"; } ?> 其中counter.txt 文件为同目录下的记录登录数文件。

    3.8K20

    安卓入门-第二章-探究活动

    而每当我们按下Back键或调用finish() 方法去销毁一个活动时,处于栈顶的活动会出栈,这时前一个入栈的活动就会重新处于栈顶的位置。系统总是会显示处于栈顶的活动给用户。  ...然后我们按下Back键进行返回,你会发现ThirdActivity竟然直接返回到了FirstActivity,再按下Back键又会返回到SecondActivity,再按下Back键才会退出程序,这是为什么呢...其实原理很简单,由于FirstActivity和ThirdActivity是存放在同一个返回栈里的,当在ThirdActivity的界面按下Back键,ThirdActivity会从返回栈中出栈,那么FirstActivity...然后在FirstActivity界面再次按下Back键,这时当前的返回栈已经空了,于是就显示了另一个返回栈的栈顶活动,即SecondActivity。...最后再次按下Back键,这时所有返回栈都已经空了,也就自然退出了程序。 ?

    3.8K20

    visual studio运行程序的快捷键_visual studio快捷方式在哪

    CTRL复制所选项目 拖动某一项时按CTRL+SHIFT创建快捷方式 将光盘插入到CD-ROM驱动器时按SHIFT键阻止光盘自动播放 Ctrl+1,2,3… 功能:切换到从左边数起第1,2,3…个标签...“+”) CTRL±缩小 CTRL+0恢复原始大小 导航快捷键 ALT+HOME返回主页 ALT+LEFT返回后一页 ALT+RIGHT返回前一页 F5刷新 CTRL+F5刷新页面同时刷新缓存...,并将插入点放置到单元格内容末尾 Backspace 编辑活动单元格,然后清除该单元格,或在编辑单元格内容时删除活动单元格 中的前一字符 Delete 删除插入点右侧的字符或删除选定区域中的内容...绘图时按下Alt 键 临时切换“格线对齐”功能 画椭圆时同时按住Shift 键 绘制垂直、水平、30 度、45 度或60 度角的直线 画椭圆时同时按住Ctrl+Shift 键 绘制以特定点为圆心画圆...开机后按F12,F2,F10等快捷键选择引导盘,默认从硬盘引导。按del或提示进入BIOS,找到boot,设置引导保存。

    6.8K10
    领券