水乙
水乙

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

  • auto.js_事件与监听-events(主要的)_ZHOU125disorder_ zjing125 #auto.js基础学习auto.js事件与监听
    启用按键监听events.observeKey()启用按键监听，例如音量键、Home键。按键监听使用无障碍服务实现，如果无障碍服务未启用会抛出异常并提示开启。只有这个函数成功执行后,onKeyDown,onKeyUp等按键事件的监听才有效。该函数在安卓4.3以上才能使用。注册一个按键监听函数events.onKeyDown(keyName,listener)keyName：要监听的按键名称list
  • auto.js_HTTP协议_get与post请求_ZHOU125disorder_ zjing125 #auto.js基础学习auto.jsHTTP协议get与post请求
    HTTP协议_get与post请求简介：HTTP协议对地址url进行一次HTTPGET请求http.get(url[,options,callback])url(string)请求的URL地址，需要以"http://"或"https://"开头。如果url没有以"http://"开头，则默认为"http://"。options(Object)请求选项。参见[http.request()][]。ca
  • auto.js_按键模拟_ZHOU125disorder_ zjing125 #auto.js基础学习auto.js模拟按键
    依赖root的模拟Home()模拟按下Home键。此函数依赖于root权限。Back()模拟按下返回键。此函数依赖于root权限。Power()模拟按下电源键。此函数依赖于root权限。Menu()模拟按下菜单键。此函数依赖于root权限。VolumeUp()按下音量上键。此函数依赖于root权限。VolumeDown()按键音量上键。此函数依赖于root权限。Camera()模拟按下照相键。Up
  • 万字干货分享最新AI指南：用LazyLLM把Deep Research做成赛博屠龙刀！ 大模型人工智能llm
    最近OpenAI、Jina、perplexity等各大厂商纷纷推出了自家的DeepResearch应用。Deepresearch是什么？为什么这个应用引起了大家的关注？能不能使用lazyllm搭建一个属于自己的deepresearch？带着这些问题，本文将对OpenAI发布的DeepResearch进行简要介绍，并依托于lazyllm强大的能力，使用极少代码量实现一个自己的deepresearch
  • 从混乱到高效：企业如何利用CMDB优化资产管理与战略决策 运维
    在数字化转型加速的今天，企业在面对海量且日益复杂的IT资产和系统配置时，往往会出现数据混乱、信息孤岛和决策盲区等问题。对于许多企业来说，如何从混乱中抽丝剥茧，实现有效管理和科学决策，已成为一个亟待解决的问题。配置管理数据库（CMDB）就是在这样的背景下应运而生的，它为企业搭建了一个统一、权威的资产和配置管理平台，帮助企业优化运营、降低风险、提高战略决策水平。如果您的企业拥有庞大而复杂的IT环境，需
  • Linux中部署DeepSeek R1 Java探索者 ° linux服务器语言模型
    一、首先了解DeepSeek-R1模型规格B则是指“billion”的意思，也就是十亿，表示这个模型有多少亿个参数。DeepSeek-R1本地部署硬件需求表模型规模GPU需求CPU需求内存需求存储需求备注1.5B-GTX16504GB（可选）四核i5/Ryzen3000+16GBDDR450GBSSD需4-bit量化，CPU推理延迟约10-30秒/回答，适合基础文本生成7BRTX306012GB或
  • Xshell7连接Debian12系统，中文显示乱码，解决办法一览！ linuxdebian
    在使用Xshell7远程连接Debian12时出现中文显示乱码问题，通常是由于字符编码或字体设置不匹配导致的。以下是详细的解决方法：解决方案1：设置Xshell编码为UTF-8打开Xshell会话配置：连接Debian12系统后，点击左侧面板的会话树状结构（如SessionList），右键点击当前会话，选择Properties（属性）。修改字符编码：进入Terminal选项卡。在Character
  • Cargo deny安装指路 编辑器
    本博客所有文章除特别声明外，均采用CCBY-NC-SA4.0许可协议。转载请注明来自唯你简介cargodeny是一个Rust工具，用于检查项目依赖项的许可证、安全性和其他合规性问题。在RustCI（持续集成）中，cargodeny扮演着重要角色：许可证检查：确保项目使用的所有依赖项的许可证都符合项目的许可政策。安全漏洞扫描：检查依赖项是否存在已知的安全漏洞。依赖项合规性：验证依赖项是否符合项目的其
  • 扫盲系列--Web3智能合约+Solidity简介 「已注销」 前端框架
    前言这几天web3智能合约这个概念，频繁映入我的眼帘。web3.0这个概念我听说过，核心特征是去中心化、开放性、隐私保护和数据所有权回归个人。Web1.0是信息浏览时代，Web2.0是用户参与和社交网络时代，Web3.0是去中心化与智能化时代。在Web3.0这一新的互联网架构下，用户不再仅仅是内容的消费者，更是自己数字身份和数据的拥有者。Web3.0旨在构建一个更加透明、安全且高效的信息网络。我对
  • 零信任时代的守护者：Nginx如何成为API流量监控的中流砥柱 墨夶 Nginx学习资料1nginx运维
    随着企业数字化转型的步伐加快，应用程序接口（API）作为连接不同系统和服务的关键桥梁，其重要性日益凸显。然而，在开放互联的同时，API也成为攻击者觊觎的目标。为了应对这一挑战，零信任安全模型应运而生，强调“永不信任，始终验证”的核心原则。本文将深入探讨Nginx在零信任架构下的强大API流量监控能力，展示它是如何帮助企业构建起坚不可摧的安全防线。1.零信任与API安全的交集1.1零信任的核心理念零
  • HTML基础部分 倒霉男孩 html+css学习笔记html前端
    HTML基础部分所有HTML文档必须以开始。所有HTML文档本身以开始，以结尾。HTML文档中看见部分以开始，以结尾。标题：由到定义，定义最重要的标题，定义最不重要的标题。段落：使用定义，链接：使用定义，图片：使用标签定义scr（图片源路径）alt（附加信息）宽度width和高度height也可以添加。元素定义了文档，该元素又含两个其他HTML元素和定义了一个标题定义了一个段落标题段落结束标签是非
  • 持续升级的电子实验记录本系统，更加好用、安全 PhDTool 安全人工智能数据库bug
    在当下的科研与工业研发浪潮中，电子实验记录本系统（ELN）正以每年超过19%的惊人增速，迅速在医药、化工等研发领域扎根。它宛如一股新兴的科技力量，重塑着实验室的工作模式。不过，在这股热潮背后，有部分人秉持着“买了系统之后就万事大吉，不用更新”的观念。针对这一现象，某机构对100家实验室展开了专项调查，其结果揭示了诸多值得深思的事实。调查数据显示，高达78%的用户认可ELN极大地提升了工作效率。这一
  • MySQL中的事务隔离级别有哪些 凭君语未可 面试数据库mysql数据库
    MySQL中的事务隔离级别一、事务并发问题二、MySQL事务隔离级别1.READUNCOMMITTED（读未提交）2.READCOMMITTED（读已提交）3.REPEATABLEREAD（可重复读）（MySQL默认级别）4.SERIALIZABLE（可串行化）三、MySQL默认事务隔离级别四、不同隔离级别对并发问题的影响五、如何选择合适的隔离级别？总结在MySQL中，事务（Transaction
  • Hyperlane：轻量、高效、安全的 Rust Web 框架新选择 LTPP 安全rust前端githubssl开发语言后端
    Hyperlane：轻量、高效、安全的RustWeb框架新选择在Web开发的世界中，框架的选择往往决定了项目的效率与未来。Hyperlane，一款基于Rust语言打造的轻量级Web框架，正以其卓越的性能、简洁的设计和可靠的安全性，迅速成为开发者的新宠。无论你是追求极致性能的资深程序员，还是希望快速上手的初学者，Hyperlane都能为你带来惊喜。让我们一起走进Hyperlane的世界，探索它的魅力
  • Hyperlane：Rust 语言打造的 Web 后端框架新标杆 LTPP rust前端githubssl网络协议网络开发语言
    Hyperlane：Rust语言打造的Web后端框架新标杆在当今快节奏的数字化时代，Web应用程序的性能和开发效率成为了开发者们关注的焦点。Rust语言凭借其出色的性能、内存安全性和并发性，在Web开发领域逐渐崭露头角。而Hyperlane，作为一款专为Rust语言打造的轻量级、高性能HTTP服务器库，正以其独特的优势吸引着越来越多开发者的目光。一、性能卓越，数据说话Hyperlane在性能方面的
  • 如何使用 Python 实现简单的 Web 服务器？ 程序员黄同学 Python面试题Pythonpython
    为了实现一个简单的Web服务器，Python提供了多种方法。对于快速原型设计和学习目的来说，最简单的方法之一是使用内置的http.server模块。然而，在实际开发中，更常见的做法是使用像Flask或Django这样的框架来构建更为复杂的应用程序。下面我将介绍如何用Python创建一个基本的Web服务器，并提供一些实用建议和注意事项。我们将从最基础的开始，然后逐步深入到更复杂的场景。使用http.
  • Infura 简介 倒霉男孩 区块链知识区块链web3
    文章目录Infura简介Infura的主要功能Infura的替代方案（类似服务）AlchemyQuickNodeAnkrMoralisPocketNetwork什么时候选择Infura？Infura简介Infura是一个区块链基础设施即服务（BaaS,BlockchainasaService），提供高可用性的以太坊（Ethereum）节点和IPFS存储访问，让开发者可以轻松连接区块链网络，而无需自
  • pytorch小记（十二）：pytorch中 masked_fill_() vs. masked_fill() 详解 墨绿色的摆渡人 pythonpytorch小记pytorch人工智能python
    pytorch小记（十二）：pytorch中masked_fill_（）vs.masked_fill（）详解PyTorch`masked_fill_()`vs.`masked_fill()`详解1️⃣`masked_fill()`和`masked_fill_()`的作用2️⃣`masked_fill()`vs.`masked_fill_()`示例3️⃣输出结果4️⃣`masked_fill()`v
  • pytorch小记（十）：pytorch中torch.tril 和 torch.triu 详解 墨绿色的摆渡人 pythonpytorch小记pytorch人工智能python
    pytorch小记（十）：pytorch中torch.tril和torch.triu详解PyTorch`torch.tril`和`torch.triu`详解1.`torch.tril`（计算下三角矩阵）作用语法参数示例`diagonal`参数`torch.tril`的应用2.`torch.triu`（计算上三角矩阵）作用语法参数示例`diagonal`参数3.`torch.tril`vs`torc
  • 网络编程基础（2） ღ星ღ 计算机网络基础网络服务器linux
    一、IP和路由（网络层）1.1、IP协议1.1.1、基本概念主机：配有IP地址，但是不进行路由控制的设备。路由器：即配有IP地址，又能进行路由控制。节点：主机和路由的统称。1.1.2、协议头格式012301234567890123456789012345678901+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+|版
  • 126.HarmonyOS NEXT 数字滚动示例详解(一)：基础结构与组件概述 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXT数字滚动示例详解(一)：基础结构与组件概述效果演示1.组件概述DigitalScrollExampleComponent是一个展示数字滚动动效的示例组件，主要用于演示如何在实际场景中使用数字滚动效果。2.核心功能下拉刷新功能数字滚动动画
  • Matlab绘图(一)——设置坐标轴标签指定中英文字体和字体大小 加点油。。。。 Matlab绘图matlabmatplotlib
    ❤️代码1%设置x轴和y轴标签，分别指定中文和英文的字体xlabel(['\fontname{宋体}数据1\fontname{TimesNewRoman}(Data1)'],...'FontSize',10.5,'Interpreter','tex');ylabel(['\fontname{宋体}数据2\fontname{TimesNewRoman}(%)'],...'FontSize',10.5
  • 纳米尺度仿真软件：Quantum Espresso_（18）.纳米结构的几何优化 kkchenjj 分子动力学2模拟仿真分子动力学仿真模拟
    纳米结构的几何优化在纳米尺度仿真软件中，几何优化是计算材料性质的重要步骤之一。几何优化的目标是找到系统的最低能量构型，这通常涉及到调整原子的位置以使系统的总能量最小化。在本节中，我们将详细介绍如何在QuantumEspresso中进行几何优化，并提供具体的代码示例和数据样例。几何优化的基本概念几何优化是通过迭代调整原子的位置来使系统的总能量最小化的过程。在每一步迭代中，软件会计算系统的梯度（即能量
  • 生物分子仿真软件： Desmond_（3）.分子动力学模拟基础 kkchenjj 分子动力学2模拟仿真分子动力学仿真模拟
    分子动力学模拟基础1.分子动力学模拟的基本概念分子动力学（MolecularDynamics,MD）模拟是一种计算方法，用于研究分子系统在不同时间和空间尺度下的行为。通过解决牛顿运动方程，MD模拟可以提供分子系统的详细动力学信息，包括原子位置、速度和加速度。这些信息对于理解生物分子的结构、功能和相互作用至关重要。1.1牛顿运动方程分子动力学模拟的核心是牛顿运动方程，它可以描述每个原子在系统中的运动
  • SSL/TLS 和 SSH 区别 张紫娃 网络编程sslssh网络
    SSL/TLS干啥的？：SSL（SecureSocketsLayer）和TLS（TransportLayerSecurity）是一种用于在网络通信中提供安全性的协议。它们的主要目的是在客户端（如浏览器）和服务器之间建立加密连接，确保数据传输的安全性和隐私性。SSL是由Netscape开发的一种早期的安全协议，TLS是SSL的继任者，修复了SSL中的许多安全漏洞。提供了更安全和高效的通信机制。SSL
  • SSH后判断当前服务器是云主机、物理机、虚拟机、docker环境 uui1885478445 ssh服务器docker
    在远程通过SSH连接到一台服务器后，想要判断该服务器是云主机、物理机、虚拟机还是Docker容器环境，可以通过检查系统的特定属性和环境变量来进行辨别。以下是一些实用的方法，可以帮助您进行区分：1.检查系统硬件信息物理机与云主机/虚拟机：物理机通常直接暴露硬件信息，而云主机或虚拟机可能会显示虚拟化的硬件信息。可以使用命令如lscpu、dmidecode（需安装）或者sudolshw来查看硬件信息。在
  • kotlin 万能适配器 шесай-ай-ай-ай-ай, ч kotlinkotlinandroid开发语言
    Kotlin语言的直接考这四个类直接拿来用就可以了RecyclerBaseAdapter类packagecom.xxxx.pad.base.adapterimportandroid.content.Contextimportandroid.view.LayoutInflaterimportandroid.view.Viewimportandroid.view.ViewGroupimportandr
  • android app锁定后台运行的方法 шесай-ай-ай-ай-ай, ч android源码androidandroid
    想直接看图操作，可以android下一个小米穿戴然后我->开启后台运行权限->点击当前手机后面的里面有小米MIUI,华为EMUI,OPPOColorOS,VivoFuntouchOS,图文并茂的教你各个系统怎么开启后台运行权限的；因为安卓系统后台程序限制，软件在长时间挂后台运行时会被系统杀掉，可以将程序加入清理白名单中，并在手机系统设置中的“电池->后台高耗电中允许软件后台高耗电”具体方法如下：1
  • 微服务 vs 单体架构：你应该选择哪种模式？ 测试者家园 IT求职面试测试开发和测试质量效能架构微服务云原生智能化测试软件测试人工智能质量效能
    用ChatGPT做软件测试软件架构从来都不只是技术选型，更是对企业战略、团队能力和业务模型的深刻反映。微服务和单体架构之争，表面上是技术模式的对比，实则映射着对复杂性管理、敏捷响应和可持续发展的不同认知与选择。今天，当“云原生”、“容器化”、“分布式”成为行业热词，微服务被推上了神坛。然而，单体架构真的过时了吗？微服务就注定是未来的唯一解法吗？如果你仍然在为“选择哪种架构”而困惑，这篇文章将带你跳
  • Pytorch torch.prod函数介绍 qq_27390023 pytorch人工智能python
    torch.prod是PyTorch库中的一个函数，用于计算输入张量中所有元素或者指定维度上元素的乘积。下面将从函数的基本语法、参数、返回值、使用示例几个方面进行详细介绍。基本语法torch.prod(input,dim=None,keepdim=False,dtype=None)参数input：必需参数，是一个输入的PyTorch张量，函数将对这个张量的元素进行乘积计算。dim：可选参数，指定要
  • 戴尔笔记本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其他