Location的hash

2024-11-07

location.hash详解

一.#的涵义 #代表网页中的一个位置.其右面的字符,就是该位置的标识符.比如, http://www.example.com/index.html#print 就代表网页index.html的print位置.浏览器读取这个URL后,会自动将print位置滚动至可视区域. 为网页位置指定标识符,有两个方法.一是使用锚点,比如<a name="print"></a>,二是使用id属性,比如<div id="print" >. 二.HT

为什么要用location的hash来传递参数?

分页功能代码实现 <div> <a class="btn" href="#" style="..." @Click.prevent="prePage"><</a> <a class="btn" href="#" style="..." @Click.prevent="nextPage">$gt;

前端路由hash、history原理及简单的实践下

阅读目录一:什么是路由?前端有哪些路由?他们有哪些特性? 二:如何实现简单的hash路由? 三:如何实现简单的history路由? 四:hash和history路由一起实现回到顶部一:什么是路由?前端有哪些路由?他们有哪些特性? 路由是根据不同的url地址来显示不同的页面或内容的功能,这个概念很早是由后端提出的.后端之前是这么做的,当我们访问 http://xxx.abc.com/xx 的时候,大致流程可以想象成这样的: 1. 浏览器向服务器发出请求.2. 服务器监听到80端口,如果有请求

vue SPA设计 history hash

<body> <h3>Histort api</h3> <a class="api a">a,html</a> <a class="api b">b,html</a> <script> //注册路由 document.querySelectorAll('.api').forEach(item => { item.addEventListener('click', (

几种方法实现ajax请求内容时使用浏览器后退和前进功能

ajax是一个非常好玩的小东西,不过用起来也会存在一些问题. 我们可以利用ajax进行无刷新改变文档内容,但是没办法去修改URL,即无法实现浏览器的前进与后退.书签的收藏功能. 利用location的hash部分和使用window.onhashchange来实现 hash就是uri中#及后面的部分,例如:www.google.com.hk#123的#123.当只有hash部分发生变化时,浏览器的历史记录会产生记录,但不会向服务器发出请求,这时按后退键地址栏的uri会变化但页面内容不变. 通过wi

Backbone.js源码分析(珍藏版)

源码分析珍藏,方便下次阅读! // Backbone.js 0.9.2 // (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc. // Backbone may be freely distributed under the MIT license. // For all details and documentation: // http://backbonejs.org (function () { // 创建一个全局对象, 在浏览器中表示为w

JavaScript - BOM

window 对象 window 对象是BOM的核心对象,也是ECMAScript规定的Global对象. 无法跨浏览精确获得窗口左边和上边的精确值,同样也无法确定浏览器窗口本身的大小,但是可以取得页面窗口的大小. window.setTimeOut window.printf() window.find() location location.href 改变,会导致页面跳转,会在浏览器中产生前进后退记录.采用location.replace就不能后退回去了. 可以直接修改location的ha

[Angularjs]视图和路由（三）

写在前面上篇文章主要介绍了路由中when方法的第二个参数,常见的几个属性,以及作用.本篇文章,将介绍和路由相关的几个常见的服务. 系列文章 [Angularjs]ng-select和ng-options [Angularjs]ng-show和ng-hide [Angularjs]视图和路由(一) [Angularjs]视图和路由(二) $routeParams 有这样一种情况,在设计路由的时候,我们希望在路由上面传递参数,但是当跳转到指定的路由的时候,我们该如何接收呢?这就用到$routePa

小白科普之JavaScript的BOM模型

一.什么是BOM 1. BOM是browser object model的缩写,简称浏览器对象模型: 2. BOM提供了独立于内容而与浏览器窗口进行交互的对象,描述了与浏览器进行交互的方法和接口: 3. 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window: 4. BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性: 5. BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C: 6. BOM最初是Netscape浏览器标准的

minhash

minhash是一种基于jaccard index 相似度的算法.属于LSH(Location Sensitive Hash)家族中的一员. jaccard index :有两个集合A={a , b , c , d , e } ,B={a , e , f , g},根据jaccard index 来计算两个集合的相似度Jaccard(A,B)=|A∩B| / |AUB|=2/7≍0.2857 当集合较大或者集合数量过多时,直接计算集合交集与并集过于耗时,因此提出了minhash方法. minha

通过history.pushState无刷新改变url

通过history.pushState无刷新改变url 背景在浏览器中改变地址栏url,将会触发页面资源的重新加载,这使得我们可以在不同的页面间进行跳转,得以浏览不同的内容.但随着单页应用的增多,越来越多的网站采用ajax来加载资源.因为异步加载的特性,地址栏上的资源路径没有被改变,随之而来的问题就是页面的状态无法被保存.这导致我们难以通过熟悉的方式(点击浏览器前进/后退按钮),在前后的页面状态间进行切换. 为了解决ajax页面状态不能返回的问题,人们想出了一些曲线救国的方法,比如利用浏览器h

cas 官方文档

1. 架构 http://jasig.github.io/cas/4.0.0/planning/Architecture.html System Components The CAS server and clients comprise the two physical components of the CAS system architecture that communicate by means of various protocols. CAS Server The CAS serv

LSH算法原理

原始链接--http://www.jiahenglu.net/NSFC/LSH.html LSH(Location Sensitive Hash),即位置敏感哈希函数.与一般哈希函数不同的是位置敏感性,也就是散列前的类似点经过哈希之后,也可以在一定程度上类似,而且具有一定的概率保证. 形式化定义: 对于随意q,p属于S,若从集合S到U的函数族H={h1,h2...hn}对距离函数D(,),如欧式距离.曼哈顿距离等等,满足条件: 则称D(,)是位置敏感的. 例如以下图,空间上的点经位置敏感哈希函数

url操作一网打尽（一）

1:url实际应用简介近期研究发现通过url传递参数很普遍的(淘宝也是这样做的), 通过修改url来传递参数,比如通过关键字搜索某件商品的时候,链接便追加了相应参数.在请求接口的时候直接对url进行解析就行了.我在实际应用中请求结构中page参数结构层级经常发生变化例如淘宝男装页面是:https://www.taobao.com/markets/nanzhuang/index2016?spm=a219r.lm895.0.0.ADf1F1 当在搜索框中输入英伦时候则变成了以下链接 https:

js控制滚动条滑动

window.scrollTo(0,document.body.scrollHeight);或者通过设置Location的hash属性参见:http://www.cnblogs.com/oospace/p/4267037.html http://www.jb51.net/article/87358.htm

ELK日志管理搭建

目录: 一.介绍二.安装JDK 三.安装Elasticsearch 四.安装Kibana 五.安装Nginx 六.安装Logstash 七.安装Logstash-forwarder 八.测试系统环境:CentOS Linux release 7.4.1708 (Core) 一.介绍 1.组成 ELK由Elasticsearch.Logstash和Kibana三部分组件组成:Elasticsearch是个开源分布式搜索引擎,它的特点有:分布式,零配置,自动发现,索引自动分片,索引副本机制,re

前端笔记之移动端&响应式（下）默认样式&事件&惯性抛掷&swiper&loaction对象

一.移动端默认样式 ·IOS和Android下触摸元素时出现半透明灰色遮罩 a,input,button{ -webkit-tap-highlight-color: transparent; } ·IOS按钮圆角的问题 button,input{ border-radius:; -webkit-appearance: none; } ·上下拉动滚动条时卡顿.慢 body { -webkit-overflow-scrolling: touch; overflow-scrolling: touc

源码安装ELK-5.6.10版本

目录: 一.介绍二.安装JDK 三.安装Elasticsearch 四.安装Kibana 五.安装Nginx 六.安装Logstash 七.安装Logstash-forwarder 八.测试系统环境:CentOS Linux release 7.4.1708 (Core) 软件版本: elasticsearch-5.6.10 kibana-5.6.10 logstash-5.6.10 当前问题状况开发人员不能登录线上服务器查看详细日志. 各个系统都有日志,日志数据分散难以查找. 日志数据量

react-router-dom v^4路由、带参路由的配置

首先安装路由 npm install --save react-router-dom 新建一个router.js文件然后我们的router.js代码如下↓ import React from 'react' //这里的HashRouter是一个的路由的模式,它分为两种BrowserRouter以及HashRouter两种模式使用的方法只是在导入时有区别,后面的代码完全一致即可 import {HashRouter as Router, Route, Switch} from 'react-r

23.react-router 路由

箭头函数扩展: 箭头函数: functoin 函数名(参数){ 函数体 } 箭头函数: 1.把function删掉 , 2.参数和{}之间加上箭头=> 简写: 1.参数的简写:只有一个参数才能简写 2.函数体的简写:只有一条语句才能简写 exp: var f = v => alert(1); var show = (a,b)=> { alert(1); return a +b }; 特殊:json var show = ()=>{a:12,b:5};错误 var show

9、BOM （浏览器对象模型）

1.认识BOM js 三个部分: 1.ECMAScript标准 ECMA5 ECMA6 2.BOM Browser Object Model 浏览器对象模型 3.DOM 文档对象类型 window对象下的函数. alert() 格式:window.alert(参数) 功能:弹出一个警告框,并显示,传入的内容 [注]所有window开头的函数,都==可以省略window==调用. window.alert(123); confirm 格式:window.confirm(参数) 功能:弹出一个带确定

Location的hash

热门专题