- 可能是最全的前端动效库汇总
weixin_34408624
前端javascriptuiViewUI
收集日期为2019-02-28,“★”代表当时的该项目在github的star数量Animate.css56401★一个跨浏览器的动效基础库,是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效,一应俱全。文件大小:55.2kB.Bounce.js5754★可以直接在浏览器中进行设计和设置的动画库,带有一个完整的网页构建器,只需添加一个组件,选择预设,然后你就可以得到CSS代码了和其他的同类
- vue transition的延时播放
RCX明
vue
vue延迟播放1、显示的控制(利用setTimeout控制v-show)2、CSS的设置(可以使用transition+transition-delay控制,animation+animation-delay也可以但是初始就显示了)1、显示的控制(利用setTimeout控制v-show)这里利用了mounted()生命周期函数,实现页面自动播放bounce-inexportdefault{dat
- uni-app开发ios端滑动体验差页面禁止回弹
卡_ec46
iOS端由于存在bounce效果,滑动体验略差,建议禁止bounce效果,禁止方式如下:{"path":"swipe-action/swipe-action","style":{"navigationBarTitleText":"TitleText","disableScroll":true,"app-plus":{"bounce":"none"},}}
- vue3 使用 animate 动画
zongsh
animate地址:https://animate.style/1.npminstallanimate.css--save安装animate.css2.在vue的main.js中全局引用import'animate.css'3.在组建里使用hahahahhahahahname="animate__animatedanimate__bounce"固定使用,必须有enter-active-class进
- Unity引擎学习笔记之【物理材质操作】
老师好我差点叫何同学
#Unity学习笔记unity学习笔记
物理材质PhysicsMaterial创建方法在项目处右键–新建–物理材质基本属性动态摩擦力静态摩擦力弹力(Bounce):定义了物体在碰撞时的反弹程度,即决定碰撞是弹性还是塑性形变摩擦组合(FrictionCombine):这个参数定义了当两个碰撞体相互作用时如何合并它们的摩擦系数。可选的合并方式包括:Average(平均值):使用碰撞体间摩擦系数的平均值。Minimum(最小值):使用碰撞体间
- animate.css
Daeeman
animate.css–齐全的CSS3动画库演示下载简介animate是一个来自国外的CSS3动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达60多种动画效果,几乎包含了所有常见的动画效果。虽然借助animate.css能够很方便、快速的制作CSS3动画效果,
- 杨国安谈人才盘点
薛定谔的猫0218
人才盘点,就是伯乐挑选千里马的过程,它通过系统的工具和流程,分析、评估组织对关键人才需求和供给之间的差距,制定关键人才的外购(Buy)、培养(Build)、保留(Bind)、外借(Borrow)和淘汰(Bounce)举措以减少这个差距;它也是让高潜力人才尽快浮出水面,进行重点投资的过程。人才盘点的价值通用电气的“C会议”百年老店通用电气被《商业周刊》称作拥有“全世界最强大的人才队伍”,世界500强
- Authmen Bounce 预售操作指南
BlockMania
预售信息时间:12月18号23:00(北京时间)平台:bounce.finance交易对:AUTH-ETH兑换比例:固定比例兑换,开始前公布兑换比例预售份额:500,000AUTH个人限额:无限制注意事项1、在参与AUTH预售前,请先务必先验证合约地址:0x89aeca7d3cc04f50e9d2bb635ad84fe8f7e77a9d2、由于Bounce是一个去中心化平台,任何人都可以在Boun
- Vue配置公共loading加载
路光.
Vuevue.jsjavascript前端
//loading.vueexportdefault{name:'Loading',props:{show:Boolean},}.spinner{width:25px;height:25px;position:absolute;top:50%;left:50%;transform:translate(-50%);.double-bounce1,.double-bounce2{width:60px;
- animate.css CSS3动画库
hi武林高手
animate.css是一个来自国外的CSS3动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达60多种动画效果,几乎包含了所有常见的动画效果。使用方法:1.在页面的中引入样式文件/*href位置根据实际位置填写*/2.HTML及使用特效给你想要添加动画效果的元
- 实验九 基于FPGA的计数译码显示电路设计
22的卡卡
数电实验fpga开发
基本任务一:利用FPGA硬件平台上的4位数码管做静态显示,用SW0-3输入BCD码,用SW4-7控制数码管位选m100:frediv:decoder:基本任务二:利用FPGA硬件平台上的4位数码管显示m10技术结果扩展任务一:对7448译码的6和9进行补段扩展任务二:用按键控制计数器从0-9计数,4位数码管显示技术结果。cnt10:decoder69:key_bounce:frediv:基本任务三
- css 一些动画
高梅飞花
转载https://www.cnblogs.com/starof/p/4968769.html,作者:starof/*animation*/.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1sease;-moz-animation:1sease;-ms-animation:1sease
- CSS 文字弹跳效果
特创数字科技
CSS动画css前端
鼠标移过去会加快速度欢迎使用UniAppVue3!exportdefault{name:'Bounce',data(){return{animationDuration:'0.5s',};},mounted(){this.$el.querySelector('.text').addEventListener('mouseover',()=>{this.animationDuration='0.2s
- 电子产品的按键“消抖”处理和Arduino中的Bounce2头文件
YoungHIT
微控制器arduino消抖处理Bounce库文件
在电子产品的设计中,考虑到产品的性能与质量,常常需要对按键进行一系列的处理,最常见的就是“消抖”,网络上这方面资料很多,我这里对消抖方法进行一定的总结归纳,另外针对Arduino,介绍其Bounce2库,调用该库既可以制作出“完美”的按键。先介绍为什么需要“消抖”:对于一个机械开关,当你按下按键的时候并不会有一个完全的信号,而是会有几毫秒的抖动,采用信号波形表示如下:常用的消抖方式可分为两种,一种
- AE弹性表达式——让动画更生动
光影7号
AE弹性表达式弹性表达式,Bounce和Overshoot!利用这个两个表达式你可以轻而易举地实现各种弹性动画,如抖动、弹跳动画等。是的,你没听错,只要998个赞,你就能轻松获得随意加弹性Buff!赶快拿起你的鼠标点赞吧!表达式的是国外大神写出来的,感谢大神的分享,我们只能膜拜了!而且作者非常无私的贴出了两个(Bounce&Overshoot)可以直接进行关键帧的表达式,再次膜拜(室友问我为什么跪
- 横向iscroll阻止纵向浏览器滚动条
天天睡觉qwq
jqueryiscroll
在初始化iscroll时设置:varmyScroll=newIScroll('.container',{//mouseWheel:true,//鼠标滚轮支持//scrollbars:false,//滚动条支持scrollY:false,//滚动方向(垂直)scrollX:true,//滚动方向(水平)bounce:true,//边界时的反弹动画,默认trueclick:true,//IScroll
- Bounce Never Ends
YanshiPeng
Support:Yanshipeaus09@gmail.comBounceNeverEndsisasimplepixelstylegame.Youcontrollabigmanfullofmuscles.Heisverytenaciousandstrong.Whatyouneedstodoistooperatehiscontinuousjumptotheendlesspeak.Lookforthe
- nmap常用命令及参数说明
hdquan321
nmap是一个网络探测和安全扫描程序,系统管理者和个人可以使用这个软件扫描大型的网络,获取被扫描主机正在运行以及提供什么服务等信息nmap支持很多扫描技术,例如:UDP、TCPconnect()、TCPSYN(半开扫描)、ftp代理(bounce攻击)、反向标志、ICMP、FIN、ACK扫描、圣诞树(XmasTree)、SYN扫描和null扫描。从扫描类型一节可以得到细节。nmap还提供了一些高级
- animate.css – 齐全的CSS3动画库
小呆爱学习
animate.css-CSS3动画库简介animate.css是一个来自国外的CSS3动画库,它预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达60多种动画效果,几乎包含了所有常见的动画效果。虽然借助animate.css能够很方便、快速的制作CSS3动画效果,但还是
- Green Dots-Wall bounce
Madelines
Afunphysicsgame.Playersneedtopullthescreentoadjusttheangleofthelaunch,andtheresultsfromdifferentangleswillbedifferent.Onlywhenyoufindtherightanglecanyoureachthedesignatedlocation.Exceedingthenumberofc
- uni-app发布后iOS端页面背景图片上下滑动问题
libraboy
Web前端uni-appios
问题分析uni-app发布后iOS端页面背景图片会跟着上下滑动。解决方案在pages.json文件中添加配置"bounce":"none"{"pages":[{"path":"pages/login/login","style":{"navigationStyle":"custom","navigationBarTitleText":"","enablePullDownRefresh":false
- 内核IO栈 | 反弹缓冲区、bio切分、完整性保护和蓄流
赵同学的代码时间
linux运维服务器
line17※1反弹缓冲区blk_queue_bounce函数的作用是,尝试创建一个反弹缓冲区,通常是在bio给定的内存区域在外围设备不可达(例如高端内存上执行DMA)的地址时才需要去创建这么一个特殊的区域,以确保内存区域是外围设备可达的,这是bio能够完成的必要条件。staticinlinevoidblk_queue_bounce(structrequest_queue*q,structbio*
- 2022JZ游记
crazy morning
程序人生算法图论贪心算法
Day1ZZZZ^{Z^Z}ZZZ场上T120,T251,T310stOmyd150T1BZOJ3482&JZOJ3238可变最短路,求所有最短路之和对所有点v求经过可变边i次的最短路那么有disv,i=min(disfrom,i−1,disfrom,i+wedge)dis_{v,i}=min(dis_{from,i-1},dis_{from,i}+w_{edge})disv,i=min(disf
- Animate.css介绍
不想起床_9a42
Animate.css简介animate.css动画库,预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达60多种动画效果,几乎包含了所有常见的动画效果。Animate.css官网官网Animate.css安装npminstallanimate.cssAnimate模板D
- 每周设计赏析 #10
Ken_q
1.我很喜欢这里面的动效引导,比如卡片逐个显现,速度很快但是又能感知内容由上至下的加载方向,还有按钮的Bounce效果很好的把用户视觉从内容区域引导到操作区域,并且一下就让整个产品气氛活跃起来了MuzliMobileAppbybyMartinStrba2.这里面的过场动效做的很细腻,左右滑动的时候有物理跟随的效果,感觉滑动非常跟手;点击图片的时候,图片会放大然后成为背景,内容再显示,用户能够容易地
- 【uniapp】禁止页面上下滚动
Y_coder
uni-appuni-app前端html
是用"disableScroll":true属性控制,该属性默认为false设置为true则页面整体不能上下滚动(bounce效果),只在页面配置中有效,在globalStyle中设置无效。{"path":"pages/assess/signatureBoard","style":{"navigationBarTitleText":"签字","disableScroll":true}},
- Peas
Shirley牛
Bounce,bounce,wentthegreenpea.Withaforcemight,itjumpedhigh,withdelight.Itducked,androlled,togetawayfromthesnarlingfork.Buttheforkrosehigh,andcrushedthebouncingpea.
- 在Vue中使用Animate.css库
李浩然_6fd1
上一节说的是Vue的过渡动画,这一节学习下keyframes动画。Document@keyframesbounce-in{0%{transform:scale(0);}50%{transform:scale(1.5);}100%{transform:scale(1);}}.fade-enter-active{transform-origin:leftcenter;animation:bounce-
- 在Vue中使用animate.css库
puxiaotaoc
不使用animate.css库@keyframesbounce-in{0%{transform:scale(0)}50%{transform:scale(1.5)}100%{transform:scale(1)}}.active{transform-origin:leftcenter;animation:bounce-in1s;}.leave{transform-origin:leftcenter
- soc的复位reset/rst问题
cy413026
socsoc复位处理
本节不去讨论同步复位与异步复位以及异步复位的reset_release,这些问题可参考:芯片设计进阶之路——Reset深入理解——cy413026本机主要回答一下几个问题。1.片外的reset信号特别是按键reset怎么防止错误抖动的影响?常见的处理方法包括两种:使用斯密特触发器做IO输入,斯密特触发器有一定的防抖动功能使用de-bounce电路de-bounce电路原理就是检测到IO输入的信号翻
- LeetCode[Math] - #66 Plus One
Cwind
javaLeetCode题解AlgorithmMath
原题链接:#66 Plus One
要求:
给定一个用数字数组表示的非负整数,如num1 = {1, 2, 3, 9}, num2 = {9, 9}等,给这个数加上1。
注意:
1. 数字的较高位存在数组的头上,即num1表示数字1239
2. 每一位(数组中的每个元素)的取值范围为0~9
难度:简单
分析:
题目比较简单,只须从数组
- JQuery中$.ajax()方法参数详解
AILIKES
JavaScriptjsonpjqueryAjaxjson
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。
type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持。
timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局
- JConsole & JVisualVM远程监视Webphere服务器JVM
Kai_Ge
JVisualVMJConsoleWebphere
JConsole是JDK里自带的一个工具,可以监测Java程序运行时所有对象的申请、释放等动作,将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。
使用JConsole工具来分析WAS的JVM问题,需要进行相关的配置。
首先我们看WAS服务器端的配置.
1、登录was控制台https://10.4.119.18
- 自定义annotation
120153216
annotation
Java annotation 自定义注释@interface的用法 一、什么是注释
说起注释,得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说,元数据是描述数据的。就象数据表中的字段一样,每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据,也就是说注释是描述java源
- CentOS 5/6.X 使用 EPEL YUM源
2002wmj
centos
CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
- 在SQLSERVER中查找缺失和无用的索引SQL
357029540
SQL Server
--缺失的索引
SELECT avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,
last_user_seek ,
 
- Spring3 MVC 笔记(二) —json+rest优化
7454103
Spring3 MVC
接上次的 spring mvc 注解的一些详细信息!
其实也是一些个人的学习笔记 呵呵!
- 替换“\”的时候报错Unexpected internal error near index 1 \ ^
adminjun
java“\替换”
发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...
在拆分字符串时遇到通过 \ 来拆分,可是用所以想通过转义 \\ 来拆分的时候会报异常
public class Main {
/*
- POJ 1035 Spell checker(哈希表)
aijuans
暴力求解--哈希表
/*
题意:输入字典,然后输入单词,判断字典中是否出现过该单词,或者是否进行删除、添加、替换操作,如果是,则输出对应的字典中的单词
要求按照输入时候的排名输出
题解:建立两个哈希表。一个存储字典和输入字典中单词的排名,一个进行最后输出的判重
*/
#include <iostream>
//#define
using namespace std;
const int HASH =
- 通过原型实现javascript Array的去重、最大值和最小值
ayaoxinchao
JavaScriptarrayprototype
用原型函数(prototype)可以定义一些很方便的自定义函数,实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。
实现代码如下:
<script type="text/javascript">
Array.prototype.unique = function() {
var a = {};
var le
- UIWebView实现https双向认证请求
bewithme
UIWebViewhttpsObjective-C
什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求
中有讲述,不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求,网上有些文章中有涉及到此内容,但都只言片语,没有讲完全,更没有完整的代码,让人困扰不已。但是此知
- NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存)
bijian1013
redis数据库NoSQL
3.事务处理
Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行,而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时,这个连接会进入一个事务上下文,该连接后续的命令不会立即执行,而是先放到一个队列中,当执行exec命令时,redis会顺序的执行队列中
- 各数据库分页sql备忘
bingyingao
oraclesql分页
ORACLE
下面这个效率很低
SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20;
下面这个效率很高
SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
- 【Scala七】Scala核心一:函数
bit1129
scala
1. 如果函数体只有一行代码,则可以不用写{},比如
def print(x: Int) = println(x)
一行上的多条语句用分号隔开,则只有第一句属于方法体,例如
def printWithValue(x: Int) : String= println(x); "ABC"
上面的代码报错,因为,printWithValue的方法
- 了解GHC的factorial编译过程
bookjovi
haskell
GHC相对其他主流语言的编译器或解释器还是比较复杂的,一部分原因是haskell本身的设计就不易于实现compiler,如lazy特性,static typed,类型推导等。
关于GHC的内部实现有篇文章说的挺好,这里,文中在RTS一节中详细说了haskell的concurrent实现,里面提到了green thread,如果熟悉Go语言的话就会发现,ghc的concurrent实现和Go有点类
- Java-Collections Framework学习与总结-LinkedHashMap
BrokenDreams
LinkedHashMap
前面总结了java.util.HashMap,了解了其内部由散列表实现,每个桶内是一个单向链表。那有没有双向链表的实现呢?双向链表的实现会具备什么特性呢?来看一下HashMap的一个子类——java.util.LinkedHashMap。
- 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory
bylijinnan
abstract
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* Abstract Factory Pattern
* 抽象工厂模式的目的是:
* 通过在抽象工厂里面定义一组产品接口,方便地切换“产品簇”
* 这些接口是相关或者相依赖的
- 压暗面部高光
cherishLC
PS
方法一、压暗高光&重新着色
当皮肤很油又使用闪光灯时,很容易在面部形成高光区域。
下面讲一下我今天处理高光区域的心得:
皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道(Lab模式的L通道)决定,色彩则由a、b通道确定。
处理思路为在保持高光区域纹理的情况下,对高光区域着色。具体步骤为:降低高光区域的整体的亮度,再进行着色。
如果想简化步骤,可以只进行着色(参看下面的步骤1
- Java VisualVM监控远程JVM
crabdave
visualvm
Java VisualVM监控远程JVM
JDK1.6开始自带的VisualVM就是不错的监控工具.
这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面
通过JMX连接远程机器, 需要经过下面的配置:
1. 修改远程机器JDK配置文件 (我这里远程机器是linux).
 
- Saiku去掉登录模块
daizj
saiku登录olapBI
1、修改applicationContext-saiku-webapp.xml
<security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />
<security:intercept-url pattern=&qu
- 浅析 Flex中的Focus
dsjt
htmlFlexFlash
关键字:focus、 setFocus、 IFocusManager、KeyboardEvent
焦点、设置焦点、获得焦点、键盘事件
一、无焦点的困扰——组件监听不到键盘事件
原因:只有获得焦点的组件(确切说是InteractiveObject)才能监听到键盘事件的目标阶段;键盘事件(flash.events.KeyboardEvent)参与冒泡阶段,所以焦点组件的父项(以及它爸
- Yii全局函数使用
dcj3sjt126com
yii
由于YII致力于完美的整合第三方库,它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如,Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数,使得代码看起来更加简洁易用。(原文地址)
我们可以保存在globals.php在protected目录下。然后,在入口脚本index.php的,我们包括在
- 设计模式之单例模式二(解决无序写入的问题)
come_for_dream
单例模式volatile乱序执行双重检验锁
在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题,但是因为由于JVM为了使得处理器内部的运算单元能充分利用,处理器可能会对输入代码进行乱序执行(Out Of Order Execute)优化,处理器会在计算之后将乱序执行的结果进行重组,保证该
- 程序员从初级到高级的蜕变
gcq511120594
框架工作PHPandroidhtml5
软件开发是一个奇怪的行业,市场远远供不应求。这是一个已经存在多年的问题,而且随着时间的流逝,愈演愈烈。
我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题,当然这些方法常常不管用,于是,唯一能做的就是不断地尝试,逐个看看是否奏效”。
现在我们把淫浸代码时间超过3年的开发人员称为
- Reverse Linked List
hcx2013
list
Reverse a singly linked list.
/**
* Definition for singly-linked list.
* public class ListNode {
* int val;
* ListNode next;
* ListNode(int x) { val = x; }
* }
*/
p
- Spring4.1新特性——数据库集成测试
jinnianshilongnian
spring 4.1
目录
Spring4.1新特性——综述
Spring4.1新特性——Spring核心部分及其他
Spring4.1新特性——Spring缓存框架增强
Spring4.1新特性——异步调用和事件机制的异常处理
Spring4.1新特性——数据库集成测试脚本初始化
Spring4.1新特性——Spring MVC增强
Spring4.1新特性——页面自动化测试框架Spring MVC T
- C# Ajax上传图片同时生成微缩图(附Demo)
liyonghui160com
1.Ajax无刷新上传图片,详情请阅我的这篇文章。(jquery + c# ashx)
2.C#位图处理 System.Drawing。
3.最新demo支持IE7,IE8,Fir
- Java list三种遍历方法性能比较
pda158
java
从c/c++语言转向java开发,学习java语言list遍历的三种方法,顺便测试各种遍历方法的性能,测试方法为在ArrayList中插入1千万条记录,然后遍历ArrayList,发现了一个奇怪的现象,测试代码例如以下:
package com.hisense.tiger.list;
import java.util.ArrayList;
import java.util.Iterator;
- 300个涵盖IT各方面的免费资源(上)——商业与市场篇
shoothao
seo商业与市场IT资源免费资源
A.网站模板+logo+服务器主机+发票生成
HTML5 UP:响应式的HTML5和CSS3网站模板。
Bootswatch:免费的Bootstrap主题。
Templated:收集了845个免费的CSS和HTML5网站模板。
Wordpress.org|Wordpress.com:可免费创建你的新网站。
Strikingly:关注领域中免费无限的移动优
- localStorage、sessionStorage
uule
localStorage
W3School 例子
HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不