url

HTML5无刷新修改Url,history pushState/replaceState

一笑奈何 提交于 2020-03-04 04:11:19
一、认识window. history window.history表示window对象的历史记录,是由用户主动产生,并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性,让你在历史记录中自由前进和后退。 1、历史记录的前进和后退 在历史记录中后退,可以这么做: window.history.back(); 这就像用户点击浏览器的后退按钮一样。 类似的,你可以前进,就像在浏览器中点击前进按钮,像这样: window.history.forward(); 2、移动到指定历史记录点 通过指定一个相对于当前页面位置的数值,你可以使用go()方法从当前会话的历史记录中加载页面(当前页面位置索引值为0,上一页就是-1,下一页为1)。 要后退一页(相当于调用back()): window.history.go(-1); 向前移动一页(相当于调用forward()): window.history.go(1); 类似的,传递参数“2”,你就可以向前移动2个记录点。你可以查看length属性值,了解历史记录栈中一共有多少个记录点: window.history.length; 二、修改历史记录点 HTML5的新API扩展了window.history,使历史记录点更加开放了。可以存储当前历史记录点

HTML5 history新特性pushState、replaceState,popstate

懵懂的女人 提交于 2020-03-04 03:36:32
http://blog.csdn.net/tianyitianyi1/article/details/7426606 https://developer.mozilla.org/zh-CN/docs/Web/Events/popstate DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。 从HTML5开始,我们可以开始操作这个历史记录堆栈。 1.History 使用back(),forward(),和go()方法可以在用户的历史记录中前进和后退 前进和后退 后退: window.history.back(); 这个方法会像用户点击了浏览器工具栏上的返回键一样。 同样的,也可以用以下方法产生用户前进行为: window.history.forward(); 移动到历史记录中特定的位置 你可以使用go()方法从session历史中载入特定的页面。 向后移动一页: window.history.go(-1); 向前移动一页: window.history.go(1); 类似的,你可以前进或者后退多页。 还可以通过检查浏览器历史记录的length属性来找到历史记录堆栈中的页面总数。 var numberOfEntries = window.history.length; 注意: IE支持向go(

web 历史状态管理

放肆的年华 提交于 2020-03-04 03:16:52
1、现代web 应用中,用户的每一次操作并不一定会打开一个新的页面( ajax 操作),因此浏览器的 “后退”,“前进”按钮就起不了作用,导致用户很难再不同的状态之间切换。 要解决这个问题主要有两种方法: 1) 使用 hashchange 事件,通过 hashchange 事件,可以知道 URL 的参数什么时候发生了变化,什么时候就该有所反应。 2)使用 HTML5 提供的 history 对象管理 API ,history.pushState(),history.replaceState() 2、通过状态管理 API,可以在不加载新页面的情况下改变浏览器的 URL,浏览器不会真的想服务器发送请求,只是改变历史状态。 1)history.pushState(stateObject, title, url) :包含三个参数 ,分别是状态对象、新状态标题和可选参数相对URL 。 第一个参数状态对象应该传入提供页面状态信息的数据 ,第二个参数还没有浏览器实现 ,添加也没有什么用,所以可以传入一个空字符串 ,如果使用了第三个参数,那么执行这个函数后,浏览器地址也会更新 当我们从状态栈中的一个状态跳到另一个状态时,就会触发 window对象的 popstate 事件,popstate 事件对象中有一个 state 属性,存储着当初传递给pushState()的状态对象 <button id=

Java执行Sql脚本工具类

心已入冬 提交于 2020-03-04 03:15:18
/** * cn.esoon.util * * @author surpass * @date 2020/3/3 */ public class RunSqlScript { private static volatile RunSqlScript instance; /** * 数据库连接地址 */ private String url; /** * 数据库连接用户名 */ private String username; /** * 数据库密码 */ private String password; private Connection conn; private ScriptRunner runner; private boolean isTest = false; private RunSqlScript(String url, String username, String password) { this.url = url; this.username = username; this.password = password; } /** * 创建脚本执行对象 * * @param url 数据库连接地址 * @param username 数据库连接用户名 * @param password 数据库连接密码 * @return */ public static

Java版短网址(ShortUrl)的算法

让人想犯罪 __ 提交于 2020-03-04 03:00:50
/** 1. 将长网址用 md5 算法生成 32 位签名串,分为 4 段 , ,每段 8 个字符。 2. 对这 4 段循环处理,取每段的 8 个字符 , 将他看成 16 进制字符串与 0x3fffffff(30 位 1) 的位与操作,超过 30 位的忽略处理。多了也没用因为下面要分成 6 段 嘿嘿 正好取整。注意用 Long 型变量(长度问题 你懂得) 3. 将每段得到的 30 位字符(后台以 long 十进制显示)又分成 6 段,通过移位运算将每 5 位分别与字符数组求与运算( 0x0000003D ),得到其在字符数组中的索引并取出拼串。 4. 这样一个 md5 字符串可以获得 4 个 6 位串,取里面的任意一个就可作为这个长 url 的短 url 地址。 */ View Code 1 package com.youngsun.lbt; 2 3 publicclass ShortUrlGenerator { 4 publicstaticvoid main(String[] args) { 5 // 长连接: http://www.young-sun.com 6 // 新浪解析后的短链接为: http://***/Nvqqem 7 String sLongUrl = "http://www.young-sun.com" ; //

U8 OpenApi调用

做~自己de王妃 提交于 2020-03-04 02:49:24
U8 OpenApi调用 调用OpenAPI的准备: 一.在用友开放平台( http://open.yonyouup.com/ )注册账号。 二.申请成为开发者。 注册的时候选择开发者! 三.下载OpenAPI客户端。 http://open.yonyouup.com/ 下载客户端 四.创建应用。 选择你需要调用的接口 五.申请测试账号。 申请的测试账号有效期为两个月 六.U8开放平台配置应用需要调用的接口。 用测试账号登录 七.配置OpenAPI客户端。 完成准备后就可以开始项目的搭建了。 入库按钮 /// /// 入库按钮 /// /// private void simpleButton1_Click(object sender, EventArgs e) { //string apiID = "0121503694"; string url = "https://api.yonyouup.com/api/productin/add?"; //fromAccount = this.fromaccountT.Text; //toAccount = this.toaccountT.Text; url += "from_account=" + fromAccount + "&to_account=" + toAccount + "&app_key=" + appKey + "

短URL链接系统

梦想的初衷 提交于 2020-03-04 01:38:01
定义:     短网址(Short URL),顾名思义就是在形式上比较短的网址。但不知道有多少人像我一样,由于面试问道才知道有这种系统而对短连接原理好奇,从而进行进一步的研究。在Web 2.0的今天,不得不说,这是一个潮流。目前已经有许多类似服务(短网址服务,现在大部分微博、手机邮件提醒等地方已经有很多应用模式了,并占据了一定的市场), 借助短网址您可以用简短的网址替代原来冗长的网址,让使用者可以更容易的分享链接。 例如:http://t.cn/SzjPjA。   自从twitter推出短网址(shorturl),继之国内各大微博跟风,google公开goo.gl使用API,短网址之风愈演愈烈。不得不说这是一个新兴又一大热门web2.0服务。 为什么要这样做的,原因我想有这样几点:   1、微博限制字数为140字一条,那么如果我们需要发一些连接上去,但是这个连接非常的长,以至于将近要占用我们内容的一半篇幅,这肯定是不能被允许的,所以短网址应运而生了。   2、短网址可以在我们项目里可以很好的对开放级URL进行管理。有一部分网址可以会涵盖暴力,广告等信息,这样我们可以通过用户的举报,完全管理这个连接将不出现在我们的应用中,应为同样的URL通过加密算法之后,得到的地址是一样的。   3、我们可以对一系列的网址进行流量,点击等统计,挖掘出大多数用户的关注点

URL压缩算法的短地址

☆樱花仙子☆ 提交于 2020-03-04 01:31:30
时下,短网址应用已经在全国各大微博上開始流行了起来。比如QQ微博的url.cn,新郎的t.cn等。 我们在新浪微博上公布网址的时候。微博会自己主动判别网址。并将其转换,比如:http://t.cn/hrYnr0。 为什么要这样做的。原因我想有这样几点: 1、微博限制字数为140字一条,那么假设我们须要发一些连接上去,可是这个连接很的长,以至于将近要占用我们内容的一半篇幅,这肯定是不能被同意的,所以短网址应运而生了。 2、短网址能够在我们项目里能够非常好的对开放级URL进行管理。有一部分网址能够会涵盖性、暴力、广告等信息,这样我们能够通过用户的举报,全然管理这个连接将不出如今我们的应用中,应为相同的URL通过加密算法之后,得到的地址是一样的。 3、我们能够对一系列的网址进行流量。点击等统计。挖掘出大多数用户的关注点。这样有利于我们对项目的兴许工作更好的作出决策。 以上三点纯属个人观点,由于在我接下来的部分项目中会应用到。所以就了解了一下。以下先来看看短网址映射算法的理论(网上找到的资料): ① 将长网址用md5算法生成32位签名串,分为4段,,每段8个字符。 ② 对这4段循环处理,取每段的8个字符, 将他看成16进制字符串与0x3fffffff(30位1)的位与操作,超过30位的忽略处理; ③ 将每段得到的这30位又分成6段,每5位的数字作为字母表的索引取得特定字符

Swift 最佳实践(未完待续)

筅森魡賤 提交于 2020-03-03 21:30:01
使用 Swift 进行软件开发的最佳实践. 本文档的 英文版在这里 ,感谢 Swift社区 (频道为 #bestpractices )为我们提供如此优质的文档。 前言 这个文档的产生得益于我在创作 Swift Graphics 时做的一系列的手记。本指南中的大部分建议也考量了是否可以为其它的观点和论点。当然,感觉其他的方法必须存在时除外。 这些最佳实践没有规定或推荐 Swift 是否应该在一个程序上以面向对象的或者函数式的方式来使用。 本文档更多的是关注 Swift 语言及其标准库。也就是说,以一个纯粹的 Swift 的角度提供可提供的关于在 Mac OS, iOS, WatchOS 和 TVOS 上如何使用 Swift 的具体建议。 同时也会提供一些如何在 Xcode 和 LLDB中有效利用 Swift 的提示和技巧。 这项工作正在进行中,非常欢迎大家通过 Pull Request 或 Issues 的方式来贡献内容。 你也可以在 Swift-Lang slack (位于 #bestpractices 频道) 上参与讨论。 贡献者注意事项 请确保所有的例程是可运行的 (这可能不适用于现有的例程)。这个 markdown 文件会转化成一个 Mac OS X 的 playground. 黄金法则 Apple 通常是对的。应紧随苹果所推荐的或他的 Demo 中所展示的方式

『Web前端』 CSS入门(9)——CSS 背景

隐身守侯 提交于 2020-03-03 19:23:38
CSS 背景 CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。 CSS 在这方面的能力远远在 HTML 之上。 背景色 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 这条规则把元素的背景设置为灰色: p { background-color : gray ; } 如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内边距: p { background-color : gray ; padding : 20px ; } 示例: <html> <head> <style type="text/css"> body { background-color : yellow } h1 { background-color : #00ff00 } h2 { background-color : transparent } p { background-color : rgb ( 250,0,255 ) } p.no2 { background-color : gray ; padding : 20px ; } </style> </head> <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <p>这是段落</p> <p class= "no2" >这个段落设置了内边距。</p> <