也可以使用localStorage,sessionStorage等先保存数据到本地,在新页面获取本地保存的数据就可以了。
b站全站排行刷新去掉观看 原创2018-04-26 11:09:00
lz1694439208
码龄8年
关注
使用方法 放到控制台运行然后
全站动画国创相关音乐舞蹈游戏科技生活鬼畜时尚娱乐影视【去掉看过】
看之前点击这个去掉看过 就会自动去掉上一次看过的排名
建议用 油猴写个扩展
源码
var list = JSON.parse(localStorage.getItem("IdLists"))
for (n in list) {
ids.push(list[n].id)
}
if (list == null ) {
list = []
}
[].forEach.call($(".info").find('a:first'), function(a) {
var id = a.attributes["href"].value.split("/")[4]
var name = a.text
if (ids.indexOf(id) == -1) {
list.push({
id: id,
name: name
})
}else{
a.parentNode.parentNode.parentNode.remove()
}
})
localStorage.setItem("IdLists", JSON.stringify(list))
文章知识点与官方知识档案匹配
Java技能树首页概览
92728 人正在系统学习中
打开CSDN APP,看更多技术内容
基于 Localstorage 设计一个 1M 的缓存系统,需要实现缓存淘汰机制,提供设计思路
//1.再每次存储之前,获取已存储的localStorage数据数组和大小 //2.判断未超过1024kb,则对数组插入新数据后存储 //3.判断已超过1024kb,则先删除数组的首条数据后,再插入新数据存储 functionSetData(key,value){ varobj=window.localStoragevarsize=0for(iteminobj){ if...
继续访问
几道高级前端面试题解析
为什么 0.1 + 0.2 != 0.3,请详述理由 因为 JS 采用 IEEE 754 双精度版本(64位),并且只要采用 IEEE 754 的语言都有该问题。 我们都知道计算机表示十进制是采用二进制表示的,所以 0.1 在二进制表示为 // (0011) 表示循环 0.1 = 2^-4 * 1.10011(0011) 复制代码那么如何得到这个二进制的呢,我们可以来演算下 小数算二进...
继续访问
封装H5的localStorage本地缓存对象,实现缓存有效期、缓存条数限制
声明方式: /* * indexKey 缓存名 * cacheSize 缓存个数 */ var localCache = new LRUCache(indexKey, cacheSize)调用方式: 添加:localCache.put(key, value, expires)获取: localCache.get(key)清除:localCache.clea
继续访问
如何使用 sessionStorage 和 localStorage 进行简单的数据存储与获取
如何使用 sessionStorage 和 localStorage 进行简单的数据存储与获取 localStorage和sessionStorage是Web提供的两种本地存储方式。 相比较cookie而言,localStorage和sessionStorage的存储大小很大,localStorage能够长期保存,sessionStorage在会话期间保存。 localStorage 1 . 设置 localStorage (setItem): var localStorage = window
继续访问
localStorage &&sessionStorage 存储/缓存数据
localStorage存储 我们通过以下方式将数据储存到localStorage中 window.localStorage.setItem('key',value) 但有时value为一个对象Object,以上面的方式写入,会出现读取的返回值为{object Object}的情况,但这并不是我们想要的,此时我们需要使用新的方式 传入Object window.localStorage.setI...
继续访问
基于大数据量的缓存查询实现方案
业务、应用系统最常用的就是基于数据的查询,这不同于宏观意义上的系统各个层面优化(应用端、服务端、DB端等等),基于数据的查询更多时候需要考虑数据的规模、用户的习惯、数据的变化性等因素,但同时数据查询的优化也贯穿着系统的各个层面。本文主要针对一个特定领域进行分析,以供各位参考! 基于数据的查询往往首要考虑的是缓存数据,那么缓存的前提: 1、数据不会实时变化
继续访问
localstorage存储大小_JavaScript浏览器端数据存储方案之IndexDB篇
在做项目的过程中,我们经常遇到需要把信息存储在本地的情况,比如权限验证的token、用户信息、埋点计数、客户配置的皮肤信息或语言种类等,我们可以暂存一下避免浏览器不必要的请求和客户多余 *** 作,给客户使用带来方便。随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。现有的浏览器数据储存方案,都不适合储存大量数据:Cookie 的大...
继续访问
使用localstorage实现的本地缓存,但是如何根据用户访问不同的缓存数据?
比如说用户A登录,保存了数据,此时用户B在同一浏览器登录,如何保证B访问不到a的缓存? 解决方法:自己存数据的时候一起将用户的信息存入(例如用户的ID) 一般是用户登录的时候使用localStorage缓存下用户信息userId(例如是用户的ID) 当A用户登录后使用localStorage缓存下数据dataInfo时,要把用户的ID同时加入缓存的数据中 dataInfo = { list: ...
继续访问
三大缓存技术--localStorage、sessionStorage、Cookie
前端三大缓存技术、客户端存储、cookie、localStorage、sessionStorage、三者的区别
继续访问
数据存储之localStorage与sessionStorage
1. 两者的区别 1.1生命周期 localStorage生命周期是永久,当用户将显示在浏览器上提供的UI清除localStorage信息,否则将永远存在。 sessionStorage生命周期为当前窗口或者标签页,当窗口或者标签页被永久关闭了,那么sessionStorage存储的数据也会被清空。 1.2存储方式 localstorage(本地存储)则以文件的方式存储在本地,永久保存(不主动删除,则一直存在);sessionstorage( 会话存储 ) ,临时保存。localStorage和sessio
继续访问
浏览器缓存库设计总结(localStorage/indexedDB)
前言浏览器缓存设计一直是web性能优化中非常重要的一个环节,也是SPA应用盛行的今天不得不考虑的问题.作为一名优秀的前端工程师,为了让我们的应用更流畅,...
继续访问
设置缓存的大小
目录 1 CacheManager级别 2 Cache级别 3 大小衡量 4 配置大小示例 缓存大小的限制可以设置在CacheManager上,也可以设置在单个的Cache上。我们可以设置缓存使用内存的大小,也可以设置缓存使用磁盘的大小,但是使用堆内存的大小是必须设置的,其它可设可不设,默认不设就是无限制。在设置缓存大小的时候,我们可以设置缓存使用某一个存储器的最大字节数,也可以设置缓存在某一个存储器上最多存放元素的数量。 1 C...
继续访问
黑科技:LocalStorage 缓存机制
黑科技:LocalStorage 缓存机制 事情的起因是我的同事金果问我:- “你知道微信公众号文章的渲染方式吗?” 对此,我的反应是:- “啊?” 金果继续问:- “控制台的 Network 里没有发生任何请求,文章里的内容是怎么来的?” 说到这儿我好像大概理解她的意思,于是打开控制台的 Network 确认一下果真如此,文章中的内容并...
继续访问
热门推荐 localStorage用法小总结
一、什么是localStorage 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k) 二、localStorage的优势和局限 【1】优势 localStorage拓展了cookie的4K限制 localStorage会可以...
继续访问
前端页面利用localStorage设置缓存方案
前端页面利用localStorage设置缓存方案 localStorage的存储空间大致在5M左右,各大浏览器略有差别。我再chrome 54中测试能放下 5233962 字节,该值并不精确,通过每次往localStorage中插入一个大字符串,到达上线报错之后再取总长度得到。 LocalStorageClient类提供两个方法来存储缓存数据save(key, data, flag) saveAss
继续访问
小程序从启动到发版
小程序项目从拿到手到发版流程
继续访问
最新发布 MongoDB总结
MongoDB总结
继续访问
JsonUtility读写json简单应用
使用Unity提供的JsonUtility 简单封装了一个将数据以json格式存储到本地,方便数据读写的案例
继续访问
✿✿✿JavaScript --- Ajax异步请求与JSONP 跨域请求
一、原生的Ajax请求1.异步和同步2.Ajax介绍(1)原生的JS实现方式(了解)(2)原生AJax发送Post请求,并携带请求参数 二、JQuery封装后的Ajax1.JQeury实现方式三、JSONP 跨域请求1.什么是跨域?2.JQuery 封装过后的JSONP请求四、CORS 跨域,获取不到数据的原因。五、Java中JSON字符串和Java对象的互相转换2.Java对象转换JSON3. JSON转为Java对象
继续访问
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)