水乙
水乙

图解用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如何玩转浏览器历史记录)

  • tkinter报错 tcl和tk报错 _tkinter.TclError: Can‘t find a usable init.tcl in the following directories: 大博士.J java数据库python
    问了好几个GPT回答的都不是解决问题的，胡编乱造的目前经过尝试好几个解决方案，终于破案了win10系统使用安装python时自动将tcl和tk识别到了新创建的虚拟环境继承中win11系统则需要手动去做一些操作，才可以解决问题我这报错的问题是这样的self.tk=_tkinter.create(screenName,baseName,className,interactive,wantobjects
  • Kafka 同步机制关键点 2分钟讲明白 大博士.J kafka
    ApacheKafka通过副本同步机制来保证数据的高可用性和可靠性。Kafka的同步机制主要涉及以下几个核心概念：副本（Replication）Kafka的每个Partition都会有多个副本（Replica），分为：Leader副本：负责处理生产者和消费者的所有请求。Follower副本：仅从Leader同步数据，不直接处理请求。副本数由replication.factor参数配置。例如：rep
  • SQL Server 触发器 .Net 爱好者 sql数据库oracle
    在SQLServer中，触发器是一种特殊类型的存储过程，它会在特定事件发生时自动执行。触发器主要分为以下几种类型：DML触发器（DataManipulationLanguageTriggers）DDL触发器（DataDefinitionLanguageTriggers）登录触发器（LogonTriggers）1.DML触发器DML触发器用于响应数据操作语言（INSERT、UPDATE、DELETE
  • 自己用 Node 搭个 DeepSeek 用起来香麻了 李游Leo 环境配置AI视频教程node.jsdeep语言模型
    不知道大家最近有没有关注DeepSeek，确实是火出圈了，过年串亲戚的大爷大妈们都能聊几句，而且不管是刷短视频，还是逛社交平台，到处都能看到大家在讨论DeepSeek。而且目前这把火还烧到美国去了，整的GPT都要免费了，而且文心外加开源+免费，就连王毅外长念完了诗之后都对外说了，不懂可以去查查deepseek。好家伙，这buff越叠越高啊，那这么好的东西，咱们是不是就要看一看了！！！不研究一下似乎
  • Kali Linux 渗透测试环境配置（Metasploit + Burp Suite） 李游Leo 环境配置linux运维服务器
    一、KaliLinux系统准备首先，确保你已经成功安装了KaliLinux系统。可以从官方网站下载镜像文件，并通过U盘引导安装等常规方式完成系统部署。建议使用最新稳定版本，以获取最新的软件包支持和安全更新。安装完成后，登录系统，打开终端。由于许多操作需要管理员权限，在终端输入“sudosu”切换到root用户，后续操作若无特殊说明，均在root权限下进行。二、Metasploit配置1.KaliL
  • HarmonyOS ArkTS声明式UI开发实战教程 李游Leo harmonyosharmonyos-next鸿蒙harmonyosui华为
    引言：为何选择ArkTS？在HarmonyOS生态快速发展的当下，ArkTS作为新一代声明式UI开发框架，正在引发移动应用开发范式的变革。笔者曾在多个跨平台框架开发中经历过"命令式编程之痛"，直到接触ArkTS后才发现，原来UI开发可以如此直观高效。本文将通过完整案例解析，带您掌握声明式UI设计的精髓。一、ArkTS声明式设计核心理念1.1与命令式开发的本质差异传统开发中，我们需要逐步指示每个UI
  • 【大模型开发】ONNX 格式的大模型在 Android 上的部署与测试 云博士的AI课堂 大模型技术开发与实践哈佛博后带你玩转机器学习深度学习android大模型部署本地推理引擎大模型开发机器学习边缘设备
    以下内容将以ONNX格式的大模型在Android上的部署与测试为核心，提供一套可运行的示例（基于AndroidStudio/Gradle），并结合代码进行详细讲解。最后会给出一些针对在移动设备上部署ONNX推理的优化方法和未来建议。目录整体流程概述准备工作2.1ONNX模型准备2.2Android项目准备在Android上使用ONNXRuntime3.1添加依赖3.2项目结构说明3.3代码示例运行
  • 网站老是被上传木马后门，怎么办？推荐两步解决法 hwscom 服务器安全技术服务器安全运维
    站长朋友们，基本上都遭遇过网页木马和网站后门吧！其中最出名的当属“一句话木马”，因为非常简短，真的只有一句话（如下图），并且一般都嵌入到网站正常代码内，让人难以察觉。（图一：一句话木马）黑客入侵服务器往往都会先入侵网站，植入木马后门，再通过该木马后门进一步窃取服务器权限。黑客植入木马后门主要有以下几种途径：在线上传漏洞、FTP信息泄露、跨站入侵。其中在线上传漏洞是最常用的途径，占比高达90%以上。
  • 题解 | 牛客周赛 Round 41 BCDEF Java huaxinjiayou java
    题解|#学好C++##includeintmain(){printf(&qu中国电子工程设计院的工作环境办公环境较好，工作时间正常是8-9点弹性上班11.30吃午饭，13.00午休结束，下午17.00下良品铺子视觉设计师岗面经因为武汉的良品铺子是本土比较大的企业，所以参加了他们视觉设计师岗面试，共3轮面试，简单记录下面试过程阿里闲鱼｜Java&前端｜24届急聘｜杭州【招聘岗位】：闲鱼技术部，Jav
  • 题解 | 牛客周赛 Round 49 DEF Java题解 han_xue_feng java
    面试又黄了反正不是什么喜欢的工作[牛泪]面试又黄了反正不是什么喜欢的工作2024秋招数据开发第一波面试题露出#字节##滴滴##大数据##面经##秋招#引流字节阿里巴巴腾讯百度美团美团后端暑期实习体验——实习的一天早上：8点半出门坐地铁，9点下地铁到惠新西街南口地铁站，出地铁站坐班车（这一点还是不错的），9点30深圳阿里实习day1领工牌mac，认工位mentor，配环境看文档，七点就润了。看各个文
  • python怎么爬取网页数据,python爬取网页数据步骤 ab524100 python
    这篇文章主要介绍了python爬取网页数据表格会超出索引，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。前言：用python的爬虫爬取数据真的很简单，只要掌握这六步就好，也不复杂python源码库。以前还以为爬虫很难，结果一上手，从初学到把东西爬下来，一个小时都不到就解决了。python爬虫六步走第一步：安装requests库和Beaut
  • 【MySQL】表的改，删 熙曦Sakura MySQLmysql数据库
    CRUD：Create(创建),Retrieve(读取),Update(更新),Delete(删除)6.3Update语法：UPDATEtable_nameSETcolumn=expr[,column=expr...][WHERE...][ORDERBY...][LIMIT...]对查询到的结果进行列值更新6.3.1将孙悟空同学的数学成绩变更为80分--更新值为具体值--查看原数据SELECTna
  • 牛客周赛 Round 54 题解（A~E） TCaaaaa 算法图论c++
    牛客周赛Round54题解A清楚姐姐的糖葫芦思路解析:显然只需要数字符串的字符o的个数即可。时间复杂度:O(N)O(N)O(N)代码块:voidsolve(){strings;cin>>s;intc=0;for(autov:s){c+=v=='o';}cout>a>>b>>x;llres1=x*a;llv=(x+2)/3*b;res1=min(res1,v);res1=min(res1,x/3*b
  • 基于Python的大学生思想政治教育平台mysql(Django Flask Vue Pycharm ) QQ_188083800 pythonmysqldjango
    文章目录具体实现截图项目技术介绍研究方案源码获取详细视频演示：文章底部获取博主联系方式！！！！系统设计核心代码部分展示django项目示例源码/演示视频获取方式具体实现截图项目技术介绍我国主流校园使用的是传统开发基于Java语言通过SpringBoot框架开发管理系统，开发周期长，开发人员学习成本高。使用如Django或Flask开发框架可以大量的减少开发者需要写的代码量，使开发人员可以最少的代码
  • 自动驾驶---打造自动驾驶系统之导航模块开发（三） 智能汽车人 从零打造自动驾驶算法仿真系统自动驾驶人工智能机器学习
    各位读者朋友，大家好。本次打造的自动驾驶系统仿真系统，涉及感知，预测，规控等多个模块（以规控算法为主，包括Polynomial预测，MCTS决策算法，通行走廊Corridor构建，QP/CILQR轨迹生成求解器，LQR+PID的控制器等），同时也支持其它相关规控算法的扩展（部署&开发自身感兴趣的算法），非常便捷。笔者在该系列中开发的规控算法主要依据专栏《自动驾驶Planning决策规划》中的章节逐
  • 【第15届蓝桥杯】软件赛CB组省赛 Guiat 算法竞赛真题题解蓝桥杯
    个人主页：Guiat归属专栏：算法竞赛真题题解文章目录A.握手问题（填空题）B.小球反弹（填空题）C.好数D.R格式E.宝石组合F.数字接龙G.爬山H.拔河正文总共8道题。A.握手问题（填空题）【题目】握手问题【分析】纯考察数学中简单排列组合。考虑相互握手的43人：（43*42）/2；考虑剩下7人与43人分别握手：7*43；两者相加即最终答案。【答案】1204【AC_Code】#include#d
  • [AtCoder Regular Contest 125] A-F全题解 ikrvxt 结论和构造DP构造网络流dp分块数学
    文章目录A-DialUpB-SquaresC-LIStoOriginalSequenceD-UniqueSubsequenceE-SnackF-TreeDegreeSubsetSum网址链接A-DialUp签到题特判一下有没有0/1在目标串中出现而没在原串出现除了第一次0/1数字互换时，需要从a1a_1a1左右找距离最近的不同数字后面互换就是左/右转一次#include#includeusingn
  • Node.js 包与 npm 详解：概念、作用及完整使用指南 还是鼠鼠 node.jsnode.jsnpm前端vscodeweb
    目录1.Node.js包的概念与作用什么是包？包的作用2.npm（NodePackageManager）简介常用npm命令3.创建一个本地Node.js包步骤1：初始化npm项目步骤2：编写index.js步骤3：在另一个项目中使用这个包4.安装和使用第三方npm包安装lodash使用lodash5.全局安装包与命令行工具6.发布自己的npm包创建npm账号发布包7.结论在Node.js中，**包
  • Keil5安装全攻略 算法探索者 Keil5安装全攻略eclipsepythonsqlite
    以下是Keil5的安装攻略，包括软件安装、激活以及芯片包安装等步骤：软件安装1首先从官方网站或正规软件下载平台下载Keil5软件包。下载完成后解压该软件包，双击打开解压后的exe文件，进入安装向导，点击“Next”。阅读许可协议，勾选“Iaccept”，表示您同意该协议的条款，然后点击“Next”。点击“Core”与“Pack”后面的“Browse”更改安装路径。建议安装在除C盘以外的其它磁盘，例
  • C# WPF 项目实战：构建一个现代化的音乐播放器 墨夶 C#学习资料1c#wpf开发语言
    嘿，小伙伴们！今天我们要来动手实践一个非常有趣的项目——使用C#和WPF构建一个现代化的音乐播放器。如果你是一名对桌面应用程序开发感兴趣的开发者，并且希望深入了解WPF（WindowsPresentationFoundation）框架，那么这篇文章绝对不容错过！WPF是微软推出的一款用于构建富客户端应用程序的强大框架，支持现代UI设计、数据绑定、动画和多媒体等功能。通过本文，我们将从零开始创建一个
  • Git的基本指令 Absinthe_苦艾酒 git
    一、回滚1.gitinit在项目文件夹中打开bash生成一个.git的子目录，产生一个仓库2.gitstatus查看当前目录下的所有文件的状态3.gitadd.将该目录下的所有文件提交到暂存区4.gitadd文件名将该目录下的指定文件提交到暂存区5.gitcommit-m备注信息将暂存区的文件提交到版本库6.gitlog查看所有提交信息7.gitreset--hard对应版本的哈希值注意：如果从第
  • libilibi项目优化（1）使用Redis实现缓存 Nijika... libilibi项目优化缓存redis数据库java后端spring
    第一版获取视频信息使用旁路缓存当视频信息存在缓存中时（命中），直接从缓存中获取。不存在缓存中时，先从数据库中查出对应的信息，写入缓存后再放回数据。//获取视频详细信息@RequestMapping("/getVideoInfo")publicResponseVOgetVideoInfo(@NotEmptyStringvideoId){//旁路缓存模式，先从缓存中拿VideoInfovideoInf
  • Spring Boot中Bean的 构造器注入、字段注入和方法注入 Nijika... springspringjava后端
    在Spring中，依赖注入（DI）是实现控制反转（IoC）的一种方式，Spring提供了多种注入方式来将依赖关系注入到Bean中，常见的方式有构造器注入、字段注入和方法注入。下面将详细介绍这三种注入方式。1.构造器注入（ConstructorInjection）构造器注入是通过构造函数将依赖项注入到SpringBean中。Spring容器会在创建Bean时，通过调用构造方法来注入依赖。特点：适用于
  • 牛客周赛 Round 50 菜比乌斯反演 牛客算法数据结构
    A题：小红的最小最大思路：大水题code：inlinevoidsolve(){inta,b,c;cin>>a>>b>>c;if(min(a,b)+c>max(a,b))cout>a>>b>>c;intcur=a+b+c;ans=max(ans,cur);cur=a*b+c;ans=max(ans,cur);cur=a+b*c;ans=max(ans,cur);cur=a*b*c;ans=max(a
  • Python 视频爬取教程 小白教程 pythonPythonPython视频爬取教程Python视频爬取Python教程Python视频教程
    文章目录前言基本原理环境准备Python安装选择Python开发环境安装必要库示例1：爬取简单直链视频示例2：爬取基于HTML5的视频（以某简单视频网站为例）前言以下是一个较为完整的Python视频爬取教程，包含基本原理、不同网站的爬取示例以及注意事项。基本原理视频爬取本质上是模拟浏览器向服务器发送请求，获取包含视频信息的网页内容，解析出视频的真实下载地址，然后将视频文件下载到本地。一般会用到re
  • MySQL实现全量同步和增量同步到SQL Server或其他关系型库 大博士.J mysqladb数据仓库python人工智能
    在将MySQL中的两张表同步到SQLServer的过程中，全量同步和增量同步各有其优缺点。全量同步简单直接但可能耗时较长且资源消耗大，而增量同步则更加高效但需要额外的逻辑来处理数据的变更。以下是对这两种同步方式的详细解释及代码示例的完善。完整代码示例以下是一个完整的示例，包括全量同步和增量同步，以及使用schedule库来设置定时任务。importpymysqlimportpyodbcfromda
  • 从 0 到 1 掌握鸿蒙 AudioRenderer 音频渲染：我的自学笔记与踩坑实录（API 14） 李游Leo harmonyos-nextharmonyos鸿蒙音视频笔记
    最近我在研究HarmonyOS音频开发。在音视频领域，鸿蒙的AudioKit框架提供了AVPlayer和AudioRenderer两种方案。AVPlayer适合快速实现播放功能，而AudioRenderer允许更底层的音频处理，适合定制化需求。本文将以一个开发者的自学视角，详细记录使用AudioRenderer开发音频播放功能的完整过程，包含代码实现、状态管理、最佳实践及踩坑总结。一、环境准备与核
  • Git 面试问题，解决冲突 z2637305611 gitelasticsearch大数据
    1.问题描述在多人协作开发中，当多个开发者在同一文件的同一部分进行修改并提交时，Git无法自动合并这些更改，从而产生代码冲突（Conflict）。冲突的代码会被Git标记出来，需要开发者手动解决。冲突原因多人同时修改同一文件的同一行内容。合并分支时，目标分支和源分支都有对同一文件的修改。拉取远程分支时，本地分支和远程分支有冲突的修改。冲突表现冲突的文件会被Git标记为以下格式：>>>>>>comm
  • OSWorld：开启多模态智能体的真实计算机环境革命 几道之旅 人工智能智能体及数字员工人工智能
    OSWorld：开启多模态智能体的真实计算机环境革命在人工智能技术突飞猛进的今天，多模态智能体正逐步突破实验室的限制，试图融入人类的日常工作场景。然而，如何评估这些智能体在真实计算机环境中处理开放式任务的能力，成为学术界和产业界共同关注的难题。2024年，由xlang-ai团队开发的OSWorld（Open-endedSystemWorld）应运而生，为这一领域提供了突破性的解决方案。一、从虚拟到
  • ES中_cat/nodes返回结果参数的解释以及性能调优指南 Elastic开源社区 elasticsearch运维调优ES全文检索ES角色
    文章目录1、Elasticsearch`_cat/nodes?v`字段详解2、常用字段说明3、`node.role`字段详解4、示例输出5、其他可选参数6、总结1、Elasticsearch_cat/nodes?v字段详解在Elasticsearch中，_cat/nodesAPI用于查看集群中所有节点的信息。通过添加?v参数，可以返回带有表头的详细输出，便于理解每个字段的含义。以下是_cat/no
  • 戴尔笔记本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其他