水乙
水乙

图解用HTML5的popstate如何玩转浏览器历史记录

一、popstate用来做什么的？
简而言之就是HTML5新增的用来控制浏览器历史记录的api。

二、过去如何操纵浏览器历史记录？
window.history对象，该对象上包含有length和state的两个值，在它的__proto__上继承有back、forward、go等几个功能函数
在popstate之前，我们可以利用back、forward、go对history进行后退和前进操作。
例如：
history.back(); (后退一步，使用history.go(-1)也可实现后退效果)
弊端：只能操作前进后退，但是无法控制前进后要去哪，history.length都只会维持原来的状态

三、popstate的怎么用？
HTML5的新API扩展了window.history，使历史记录点更加开放了。可以存储当前历史记录点pushState、替换当前历史记录点replaceState、监听历史记录点popstate。

pushState、replaceState两者用法差不多。

使用方法：

history.pushState(data,title,url);
//其中第一个参数data是给state的值；第二个参数title为页面的标题，但当前所有浏览器都忽略这个参数，传个空字符串就好；第三个参数url是你想要去的链接；

replaceState用法类似，例如：history.replaceState("首页","",location.href+ "#news");

 

两者区别：pushState会改变history.length，而replaceState不改变history.length

通过下图我们可以对比看出pushState和replaceState的差别（注意看history.length的变化）：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>图解用HTML5的popstate如何玩转浏览器历史记录</title>
</head>
<body>


<span class="js-news">新闻</span>
<span class="js-music">音乐</span>
<script>

    var locationHref = location.href;
    document.addEventListener("click", function (event) {
        var target = event.target;
        if (target.className == "js-news") {
            history.pushState("首页", "", locationHref + "#news");
        } else if (target.className == "js-music") {
            history.pushState("音乐", "", locationHref + "#music");
        }
    });

    /*    document.addEventListener("click",function(event){
     var target = event.target;
     if(target.className == "js-news"){
     history.replaceState("首页","",locationHref + "#news");
     }else if(target.className == "js-music"){
     history.replaceState("音乐","",locationHref + "#music");
     }
     });*/
    
    window.addEventListener("popstate", function () {
        console.log(history.state);
    })
</script>
</body>
</html>
View Code

 

图解用HTML5的popstate如何玩转浏览器历史记录_第1张图片 图解用HTML5的popstate如何玩转浏览器历史记录_第2张图片

 

四、监听浏览器状态（popstate）变化事件
可以理解为监听浏览器后退、前进的操作，只要后退或者前进就会触发。在上面的demo中，我们预先做了如下操作：打开页面→点击“新闻”→点击“音乐”→再点击“新闻”，产生了4个history记录。然后监听浏览器后退和前进的状态变化，如下图所示：

图解用HTML5的popstate如何玩转浏览器历史记录_第3张图片

你可能感兴趣的:(图解用HTML5的popstate如何玩转浏览器历史记录)

  • 数据结构漫谈 你一身傲骨怎能输 数据结构数据结构
    数据结构是计算机科学中一种组织和存储数据的方式，它使得数据可以高效地被访问和修改。数据结构可以分为线性数据结构和非线性数据结构两大类，以下是一些常见的数据结构：线性数据结构数组（Array）一组连续的内存空间，用来存储相同类型的数据。支持快速的随机访问，但插入和删除操作可能较慢。链表（LinkedList）由一系列节点组成，每个节点包含数据和指向下一个节点的指针。插入和删除操作相对较快，但不支持快
  • 【Elasticsearch】一文读懂ES向量搜索：原理剖析与技术全景 程序员大任 ElasticSearchelasticsearch
    注：本文若未说明ES版本则为7.10，其他版本会特别标记，由于ES版本不同，部分差异较大，具体请以官方文档为准一、向量搜索的核心原理1.1向量化表示的本质现代AI技术将文本、图像等非结构化数据转化为高维向量（通常128-1024维），这些向量在数学空间中携带语义特征。如：文本嵌入(Embedding)：BERT等模型生成768维向量图像特征：ResNet提取2048维特征向量1.2向量搜索简介向量
  • 使用 malloc 函数创建和操作二维整型数组 共享家9527 c++c语言算法数据结构
    目录一、引言二、代码实现三、代码详解（一）头文件引入（二）定义数组维度（三）动态分配二维数组内存（四）初始化二维数组（五）输出二维数组（六）释放内存四、总结一、引言在C语言编程中，动态内存分配是一项非常重要的技能。它允许我们在程序运行时根据实际需求分配内存，提高内存使用效率。malloc函数是C语言中用于动态内存分配的重要工具之一。本文将详细介绍如何使用malloc函数模拟开辟一个3*5的整型二维
  • 每日一题之k倍区间 Ace＇ 算法数据结构
    题目描述给定一个长度为N的数列，A1,A2,⋯AN，如果其中一段连续的子序列Ai,Ai+1,⋯Aj(i≤j)之和是K的倍数，我们就称这个区间[i,j]是K倍区间。你能求出数列中总共有多少个K倍区间吗？输入描述第一行包含两个整数N和K(1≤N,K≤105)。以下N行每行包含一个整数Ai(1≤Ai≤105)输出描述输出一个整数，代表K倍区间的数目。#includeusingnamespacestd;i
  • 动态会话管理：保持用户活跃状态的实践 t0_54coder Java语言开发教程apachetomcatssl个人开发
    动态会话管理：保持用户活跃状态的实践在Web应用开发中，会话管理是一个重要的环节。用户在进行长时间的操作时，我们希望他们的会话保持活跃，而不是因为服务器端的会话超时而被迫重新登录。本文将通过一个实际的JavaWeb应用示例，展示如何动态地管理用户会话，以保持用户在客户端活跃时会话不超时，并在用户空闲一定时间后自动登出。问题背景在之前的示例中，我们讨论了如何在会话过期时重定向到登录页面。但这种方法存
  • 基于YOLOv5的无人超市商品检测：食品、饮料、零食与家居用品 深度学习&目标检测实战项目 YOLO目标跟踪深度学习人工智能ui
    引言随着人工智能技术的快速发展，尤其是计算机视觉的提升，无人超市的概念逐渐成为现实。在无人超市中，商品的智能化管理和检测是其顺利运行的关键。商品检测不仅要实现高效、准确的物品识别，还要支持多种商品类别的实时检测，以保证购物体验的顺畅与安全。在此背景下，深度学习与目标检测算法，如YOLOv5，成为了实现这一目标的重要工具。YOLOv5作为目前最先进且高效的目标检测算法之一，其应用范围广泛，包括人脸检
  • AI驱动的前端技术选型：告别选择困难症，拥抱高效开发时代 liangruimi 人工智能前端
    在快节奏的互联网时代，选择合适的前端技术栈对于项目的成功至关重要。然而，面对层出不穷的新技术和框架，前端开发者常常面临着技术选型难题，例如技术更新迭代快，选择困难，以及传统方法效率低下等问题。因此，利用AI代码生成器等AI工具辅助前端技术选型，已成为提升效率、降低风险的关键。本文将探讨如何借助AI的力量，轻松应对前端技术选型挑战，高效完成项目开发。AI驱动的前端技术选型：现状与挑战目前，前端技术栈
  • Qt-DAB 开源项目指南 芮逸炯Conqueror
    Qt-DAB开源项目指南qt-dabQt-DAB,ageneralsoftwareDAB(DAB+)decoderwitha(slight)focusonshowingthesignal项目地址:https://gitcode.com/gh_mirrors/qt/qt-dab项目介绍Qt-DAB是一个基于Qt框架的数字音频广播(DAB)解决方案。该项目旨在提供一个用于接收、解码和播放DAB广播信号
  • 2024华为OD机试真题-荒岛求生(C++)-E卷B卷-100分 2024剑指offer 华为OD机试(C++)2025c++华为od
    2024华为OD机试题库-(E卷+C卷+D卷)-(JAVA、Python、C++)目录题目描述输入描述输出描述示例1：示例2考点解题思路代码c++题目描述有一个荒岛，只有左右两个港口，只有一座桥连接这两个港口，现在有一群人需要从两个港口逃生，有的人往右逃生，有的往左逃生，如果两个人相遇，则PK，体力值大的能够打赢体力值小的，体力值相同则同归干尽，赢的人才能继续往前逃生，并减少相应的体力输入描述一行
  • 基于51的单片机GPS定位系统设计 单片机实例设计 单片机设计实例单片机嵌入式硬件
    一.硬件方案本设计主要是制作出一款基于51单片机的GPS定位器，根据设计需求，硬件部分主要由51单片机+GPS定位模块+LCD12864液晶+LED指示灯+3.3V稳压电路+天线设计而成；二.设计功能（1）单片机选用：51单片机(STC89C51/52、AT89C51/52、AT90C51/52均可兼容)，GPS定位模块（带天线）。（2）采用LCD12864液晶显示当前的时间、日期、经度、速度、航
  • thinkphp think-captcha 前后端分离 图形验证码 fendouweiqian thinkphp
    think-captcha本身支持API接口的形式返回，可以看到源代码：ob_start();//输出图像imagepng($this->im);$content=ob_get_clean();imagedestroy($this->im);//API调用模式if($this->api){return['code'=>implode('',$text),'img'=>'data:image/png
  • 【数据挖掘】Matplotlib dundunmm 数据挖掘数据挖掘人工智能matplotlibpython
    Matplotlib是Python最常用的数据可视化库之一，在数据挖掘过程中，主要用于数据探索(EDA)、趋势分析、模式识别和结果展示。1.Matplotlib基础1.1安装&导入#如果未安装Matplotlib，请先安装#pipinstallmatplotlibimportmatplotlib.pyplotaspltimportnumpyasnp1.2基本绘图x=np.linspace(0,10
  • Unity ui布局元素组件 (Layout Element) yukino_NZB Unityuiunityui
    布局元素组件(LayoutElement)首先，布局控制器将分配最小大小属性（MinWidth、MinHeight）。如果有足够的可用空间，布局控制器将分配偏好大小属性（PreferredWidth、PreferredHeight）。如果有额外的可用空间，布局控制器将分配灵活大小属性（FlexibleWidth、FlexibleHeight）。Min和Preferred大小采用常规单位，而Flex
  • 小汤学编程之JavaEE学习day05——会话管理、文件上传与下载、Ajax SoupTC JavaEEjavaajax会话管理文件的上传与下载
    一、会话管理1.HTTP协议2.会话的概念3.会话跟踪技术4.会话跟踪技术分类（四种）二、文件上传与下载1.上传2.下载3.上传和下载合并优化成工具类三、Ajax1.JS中Ajax的基本使用2.jQuery中Ajax的使用一、会话管理1.HTTP协议http协议，就是浏览器和服务器之间进行“沟通”的一种规范。我们在看空间，刷微博…都是在使用http协议，当然，远远不止这些应用。TCP/IP协议和U
  • JavaScript全屏，监听页面是否全屏 妮在想什么 前端
    在JavaScript中，直接监听浏览器是否进入全屏模式并不直接支持，因为全屏API主要是关于请求和退出全屏模式的，而没有直接的监听器可以告知页面何时进入或退出全屏模式。但是，你可以通过在你的代码中跟踪全屏状态的改变来模拟这个功能。以下是一个基本的示例，展示了如何使用全屏API来请求全屏模式，并在请求成功或失败时更新一个状态变量：javascriptletisInFullscreen=false;
  • Spring MVC中使用HttpSession管理会话属性 t0_54program 数据库个人开发
    在SpringMVC开发中，我们常常需要处理用户会话（Session）相关的数据。虽然Spring提供了SessionScope的Bean来管理会话数据，但在某些情况下，我们可能无法使用这种方式。这时，我们可以借助低级别的ServletAPI来实现会话管理。本文将通过一个具体的实例，展示如何在SpringMVC控制器中使用javax.servlet.http.HttpSession来管理会话属性。
  • 【C语言初阶】循环语句 「已注销」 C语言笔记学习开发语言c语言
    博主主页：我是一只海绵派大星专栏分类：C语言❤️感谢大家点赞收藏⭐评论✍️目录一、什么是循环语句二、while语句while语句中的break和continuebreakcontinue三、for循环break和continue在for循环中for语句的循环控制变量四、do...while()循环五、do...while循环与for循环有何区别？六、while和do...while有何区别？一、什
  • leetcode---LCR 123.图书整理1 MERCURY.(努力写代码版） leetcode算法职场和发展
    书店店员有一张链表形式的书单，每个节点代表一本书，节点中的值表示书的编号。为更方便整理书架，店员需要将书单倒过来排列，就可以从最后一本书开始整理，逐一将书放回到书架上。请倒序返回这个书单链表。示例1：输入：head=[3,6,4,1]输出：[1,4,6,3]提示：0next;}*returnSize=count;int*q=(int*)malloc(count*sizeof(int));inti=
  • 蓝桥杯刷题9 MERCURY.(努力写代码版） 蓝桥杯算法职场和发展
    第1578题：年份计数题目描述本题为填空题，只需要算出结果后，在代码中使用输出语句将所填结果输出即可。20212021是一个特殊的年份，它的千位和十位相同，个位比百位多一。请问从10001000（含）到99999999（含）有多少个这样的年份？#includeusingnamespacestd;intmain(){intcount=0;inti=1000;inta=0;//保存千位intb=0;/
  • STM32实战开发（166）：智能体育器材管理系统：基于STM32和LSTM技术的实现方案 嵌入式开发项目 stm32lstm嵌入式硬件单片机struts能源
    1.引言随着物联网、人工智能技术的不断发展，智能体育器材管理系统逐渐成为体育行业的热点。传统的体育器材管理方式往往依赖人工统计、人工管理，容易导致数据失真和管理不及时等问题。因此，基于STM32微控制器和LSTM（长短期记忆网络）模型的智能体育器材管理系统应运而生，结合物联网技术、传感器技术、数据分析算法等，能够为体育器材的管理提供更加高效、智能的解决方案。2.STM32微控制器概述STM32是一
  • PyCharm Python 环境配置指南 K&&K pythonpycharmide
    一、引言PyCharm是一款专为Python开发设计的集成开发环境（IDE），它提供了丰富的功能，如代码自动补全、调试工具、版本控制集成等，能显著提高开发效率。正确配置Python环境是使用PyCharm进行开发的重要前提，本指南将详细介绍在PyCharm中配置Python环境的步骤。二、准备工作（一）安装Python在配置PyCharm之前，需要先安装Python解释器。可以从Python官方网
  • 动态管理用户会话：基于JQuery的会话超时与自动刷新 t0_54program jquery前端javascript个人开发
    在现代Web应用中，会话管理是一个至关重要的功能。如何在用户活跃时动态延长会话时间，以及在用户长时间无操作时自动登出并跳转到登录页面，是提升用户体验和系统安全性的重要环节。本文将通过一个完整的实例，展示如何使用JQuery结合Servlet和JSP实现这一功能。一、问题背景传统的会话超时处理方式通常是在服务器端设置一个固定的超时时间，当用户会话超过这个时间后，服务器会自动销毁会话。然而，这种方式存
  • Android 深入理解布局优化 IT徐师兄 Android启动优化androidjava开发语言
    微信公众号：徐公前言说到Android启动优化，你一般会想到什么呢？Android多线程异步加载Android首页懒加载对，这是两种很常见的优化手段，但是如果让你主导这件事情，你会如何开始呢？梳理现有的业务，哪些是一定要在启动初始化的，哪些是不必要的需要在启动初始化的，哪些是可以在主线程初始化的，哪些是可以在子线程初始化的当我们把任务丢到子线程初始化，这时候，我们又会遇到两个问题。在首页，我们需要
  • Angular Superresolution of Real Aperture Radar Using Online Detect-Before-Reconstruct Framework 论文阅读 青铜锁00 论文阅读Radar论文阅读
    AngularSuperresolutionofRealApertureRadarUsingOnlineDetect-Before-ReconstructFramework1.论文的研究目标与实际问题意义1.1研究目标1.2实际问题与产业意义2.论文的创新方法、模型与公式分析（重点）2.1核心创新点2.2关键公式与模型2.2.1信号模型2.2.2稀疏正则化优化问题2.2.3坐标循环最小化2.2.4
  • Python Cookbook-2.28 使用跨平台的文件锁 我不会编程555 #Python学习python开发语言
    任务希望某个能同时运行在Windows和类UNIX平台的程序具有锁住文件的能力，但Python标准库提供的锁定文件的方法却是平台相关的。解决方案如果Python标准库没有提供合适的跨平台解决方案，我们可以自己实现一个:importos#需要win32all来工作在windows下(NT、2K、XP、不包括9x)ifos.name=='nt':importwin32con,win32file,pyw
  • Python Cookbook-2.29 带版本号的文件名 我不会编程555 #Python学习python数据库linux
    任务如果你想在改写某文件之前对其做个备份，可以在老文件的名字后面根据惯例加上三个数字的版本号。解决方案我们需要编写一个函数来完成备份工作:defVersionFile(file_spec,vtype='copy'):importos,shutilifos.path.isfile(file_spec):#检查'vtype'参数ifvtypenotin('copy','rename'):raiseVa
  • Python Cookbook-1.24 让某些字符串大小写不敏感 我不会编程555 #Python学习python开发语言
    任务让某些字符串在比较和查询的时候是大小写不敏感的，但在其他操作中却保持原状。解决方案最好的解决方式是，将这种字符串封装在str的一个合适的子类中：classiStr(str):"""大小写不敏感的字符串类行为方式类似于str，只是所有的比较和查询都是大小写不敏感的"""def__init__(self,*args):self._lowered=str.lower(self)def__repr__
  • Netty是怎么实现Java NIO多路复用的？（源码） 嘉友 中间件JavaIONettyjavanio后端
    目录NIO多路复用实现事件循环是什么？核心源码（1）调用NioEventLoopGroup默认构造器（2）指定SelectorProvider（3）创建`Selector`（4）创建单线程和队列（5）单线程处理就绪IO事件最近想再巩固一下NIO等多路复用的实现思路，本文通过Netty源码来进一步总结NIO多路复用的运用。先上一组简单的NIO多路复用实现，NIO多路复用实现服务端通过selector
  • LLM-RAG相关常见面试题 文言AI 人工智能LLM
    #############【持续更新】##############LLM-RAG相关常见面试题6.如何评价RAG项目效果的好坏7.RAG的检索阶段，常见的向量检索模型有哪些？8.针对通用的RAG，你觉得还有哪些改进点？9.什么是LangChain10.LangChain的常用模块有哪些？#############【持续更新】##############LLM-RAG相关常见面试题6.如何评价RAG
  • oracle盲注技巧,sql盲注的深入讲解 韩军安 oracle盲注技巧
    SQL注入大家都知道，很多新人都是从这里入门的，虽然注入语句倒背如流，可是其原理估计很少有人了解。稍微了解一下的也仅仅只是知道SQL注入语句只是一种为了使我们获取信息的一种畸形语句。Ps(很多人不知道SQl注入与SQL盲注的区别，现在我告诉你，没有区别。)首先我先讲讲微软对SQL注入的定义。(1)脚本注入式的攻击(2)恶意用户输入用来影响被执行的SQL脚本相信大家都看的懂。另外，我看到很多新手都在
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第10章 高级事件（下） onestopweb 事件
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • 孙子兵法 roadrunners 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他