一、题目描述⭐️二、代码(C语言)⭐️#includeintmain(){intA,//用户输入的不超过6的正整数Acount=0;//满足条件的整数个数,初始化为0scanf("%d",&A);//输入A//生成并输出满足条件的三位数for(inti=A;i
第N11周:seq2seq翻译实战-Pytorch复现
计算机真好丸
pytorch人工智能python
文章目录一、前期准备1.搭建语言类2.文本处理函数3.文件读取函数二、Seq2Seq模型1.编码器(encoder)2.解码器(decoder)三、训练1.数据预处理2.训练函数3.评估四、评估与训练1.Loss图2.可视化注意力五、总结本文为365天深度学习训练营中的学习记录博客原作者:K同学啊一、前期准备from__future__importunicode_literals,print_fu
第N5周:Pytorch文本分类入门
计算机真好丸
pytorch分类人工智能
文章目录一、前期准备1.环境安装2.加载数据3.构建词典4.生成数据批次和迭代器二、准备模型1.定义模型2.定义实例三、训练模型1.拆分数据集并运行模型2.使用测试数据集评估模型本文为365天深度学习训练营中的学习记录博客原作者:K同学啊一、前期准备1.环境安装确保安装了torchtext与portalocker库2.加载数据importtorch#强制使用CPUdevice=torch.devi
第TR5周:Transformer实战:文本分类
计算机真好丸
transformer分类深度学习
文章目录1.准备环境1.1环境安装1.2加载数据2.数据预处理2.1构建词典2.2生成数据批次和迭代器2.3构建数据集3.模型构建3.1定义位置编码函数3.2定义Transformer模型3.3初始化模型3.4定义训练函数3.5定义评估函数4.训练模型4.1模型训练5.总结:本文为365天深度学习训练营中的学习记录博客原作者:K同学啊1.准备环境1.1环境安装这是一个使用PyTorch通过Tran
【学习记录】AVL树及相关链表,线程池实现
liarsup
学习链表windows
本来打算使用avl树套链表的结构,来避免优先级相等的情况,但是最后发现当绝大多数优先级都相等,avl树还是不可避免的退化成单链表,而需求中也确实是绝大多数都是优先级相等。所以评估之后觉得avl树带来的提升远不及其提升的复杂度,所以放弃该方案,改为链表实现,现将此前实验的代码整理如下,AVL树部分应该没有问题。重要步骤做了注释.c文件如下////CreatedbyAdministratoron202
2025-02-13 学习记录--C/C++-PTA 7-14 求整数段和
小呀小萝卜儿
学习-C/C++学习c语言
一、题目描述⭐️给定两个整数A和B,输出从A到B的所有整数以及这些数的和。输入格式:给定两个整数A和B,输出从A到B的所有整数以及这些数的和。输出格式:首先顺序输出从A到B的所有整数,每5个数字占一行,每个数字占5个字符宽度,向右对齐。最后在一行中按Sum=X的格式输出全部数字的和X。输入样例:-38输出样例:二、代码(C语言)⭐️#includeintmain(){intA,B,//2个整数A和
Flutter_学习记录_数据更新的学习
一人前行
flutter学习flutter
Flutter如果界面上有数据更新时,目前学习到的有3种:第一种:直接用StatefulWidget组件,然后当数据更新时,调用setState的方法更新数据,页面上的数据会直接更新;第二种:用StatefulWidget组件和InheritedWidget的结合,这种模式比较适用于有比较多层级的场景;这样数据更新时,就不用一层一层的从父类上传递数据;第三种:用第三方库scoped_model,这
Springboot(五十)SpringBoot3集成sentinel并连接sentinel-dashboard
camellias_
springbootsentinel后端
对,你没看错,又是sentinel。我真是够了,而且,我觉得这应该不是最后一次,以后应该还会写到关于sentinel的学习记录。前边我们了解了sentinel如何使用。相对来讲还是比较简单的。之后学到自定义注解的时候,还自定义了一个sentinel注解来实现限流。用着相对来讲还是很方便的。但是呢,有一个小小的问题。官方推荐使用sentinel-dashboard,这玩意我一直没用明白。我得项目一直
PyQt学习记录03——批量设置水印
XS30
PyQt学习pyqt学习
0.目录PyQt学习记录01——加法计算器PyQt学习记录02——串口助手1.前言本次主要是为了学习Qt中的QFileDialog函数,QFileDialog.getExistingDirectory:用于选择文件夹,返回的是一个文件夹路径。QFileDialog.getOpenFileName:用于选择单个文件。返回的是文件的完整路径。以及通过importlib.util实现跨文件的函数调用,即
《InsideUE4》GamePlay架构学习_Pawn
ZengSZ_00
《InsideUE4》GamePlay架构学习Pawn前言ComponentActorPawnDefaultPawn,SpectatorPawn,CharacterDefaultPawnSpectatorPawnCharacter思考为何Actor也能接受Input事件?Pawn前言本次系列是关于知乎InsideUE系列的学习记录。原作链接如下:原文链接前面我们学习了大钊老师有关于Gameplay
C++基础知识学习记录—引用
墨楠。
学习
1、引用的概念概念:引用相当于给变量取个别名对引用进行操作与直接操作变量相同,注意引用类型与变量类型一致#includeusingnamespacestd;intmain(){inta=10;int&cite_a=a;//操作引用cite_a与操作变量a完全一样coutusingnamespacestd;intmain(){inta=10;int&cita_a=a;//引用的性质1:称为一个变量的
Java实现kaptcha网页验证码验证,你会吗???
一个爱运动的程序员
Java基础java后端springboot
在做关于SSM项目之商铺系统时,了解到了kaptcha实现网页验证码验证,感觉就很有趣,所以便开始学习记录了起来|ू・ω・`),复制粘贴即可用。文章目录一、引入Maven依赖二、编写Servlet三、编写:页面、判断与跳转1、只有数字的验证码2、含义数字、字母、中文的验证码3、两个数相加的验证码首先来了解一下什么是验证码:验证码(CAPTCHA)∶是一种区分用户是计算机还是人的公共全自动程序。作用
PyQt5/Pyside2学习记录
黎猫大侠
qt学习开发语言pyqt
前言最近导师的项目要求是PyQt,现学现用,现在写下中间的一些注意事项。本程序分为两个界面,要求两个界面能堆叠显示,一个首页界面,一个功能界面。在功能界面中,有三个操控的控件,下拉框、文本框和确认按钮;还有三个区域显示两个图片和一个动画。工具栏中有四个点击项,前两个是实现首页和功能界面的切换,剩下两个是用来弹出新窗口,显示文档的,记录几个重要的知识点。富文本可以显示公式Layout可以控制自适应虽
C 语言学习记录:数组相关知识
Aphelios380
算法c++数据结构
一、未来的规划目录下一期将会对大学生学习C语言中遇到的常见考点,单独做一期经典案例讲解加之前讲到的练习题做个合集发出来,还望期待一手!在深入学习C语言的道路上,数组是一个非常重要的知识点。以下是我学习C语言的整体规划目录,今天主要聚焦于数组部分,也是过完年后把这部分的最后篇给更出来,后续更新会更加勤勉:什么是C语言第一个C语言程序数据类型变量,常量字符串+转义字符+注释选择语句循环语句函数数组二、
数据库学习记录 Day2(JDBC)
赈川
JDBCJDBCMySqlJava
文章目录Day2JDBC简介JDBC的流程DriverManagerl类数据库URL详解Connection类ResultSet类释放资源Statement对象介绍CRUD操作建立JDBC工具类Day22019年7月6日。这是我学习数据库的第二天。这一天,我学到了以下的知识。JDBC简介JDBC(JavaDatabaseConnectivity),SUN公司为了简化、统一对数据库的操作,定义了一套
微信小程序开发学习笔记——3.6【小案例】熟练使用事件与数据绑定取随机值
Qy_cm
小程序开发学习笔记微信小程序学习笔记
>>跟着b站up主“咸虾米_”学习微信小程序开发中,把学习记录存到这方便后续查找。课程连接:https://www.bilibili.com/video/BV19G4y1K74d?p=20点击时模块颜色发生改变,并产生随机数。一、代码event.wxss中添加如下代码.box{margin:50rpx;width:200rpx;height:200rpx;background:pink;color
【学习记录】使用高德地图API开发一个简单基础的WebGIS系统(GIS考研院校专题地图网站)
Simon_Fitz
学习javascript
文章目录0.前言1.功能设计2.数据处理3.项目结构4.功能实现4.1.初始化4.2.地图基础功能模块4.2.1.放大缩小功能,图层管理功能4.2.2.地图测量功能,几何绘制功能4.3.导航规划功能模块4.4.POI检索功能模块4.5.专题数据加载5.总结0.前言本人只是一个普普通通的GIS学生,下面是记录我的写的一个作业demo的内容,可能会存在一定的错误,欢迎在评论区\私信交流!*完整功能展示
日拱一卒(20)——leetcode学习记录:大小为 K 且平均值大于等于阈值的子数组数目
特立独行的Q
leetcode学习算法
一、题目给定数组,统计数组中长度为k的子数组且该子数组的平均值大于threshold的数量二、思路滑动窗思路,计算长度为k的滑动窗的平均值,关键点在于,每滑动一次,只需要去掉头增加尾,而不需要重新全部计算,进而将计算量从O(n*k)降低为O(n)三、题解classSolution:defnumOfSubarrays(self,arr,k,threshold):curr=sum(arr[:k])n=
ESP32开发学习记录---》GPIO
且撷相思红豆枝
ESP32IDFc++算法开发语言
she2025年2月5日,新年后决定开始充电提升自己,故作此记,以前没有使用过IDF开发ESP32因此新年学习一下ESP32。ESPIDF开发环境配置网上已经有很多的资料了,我就不再赘述,我这里只是对我的学习经历的一些记录。首先学习一个芯片我们当然先使用的GPIO设置啦,GPIO对一个单片机来说相当于各个语言的helloworld。那么第一章学习我们就从GPIO配置开始吧,学习一个单片机的最应该做
Python函数学习记录--七十二变
lemon_caca
python
目录1.术之本源--函数的定义2.灵力流转--参数与返回值2.1参数2.1.1位置参数2.1.2默认参数2.1.3关键字参数2.1.4可变参数--*args2.1.5可变参数--**kwargs2.1.6*args和**kwargs同时使用2.1.7特殊字符--/和*2.2返回值3.无尽丹田--作用域3.1global3.2nonlocal4身化万千--高阶函数4.1函数作为参数4.2函数作为返回
python数据类型学习记录--神话与数据类型
lemon_caca
python
目录1.众神云集--数字类型1.1玉皇大帝--整数(int)1.2嫦娥--浮点数(float)1.3太上老君--复数(complex)1.4数字类型的通用特性1.4.1类型转换1.4.2数学函数1.4.3随机数及随机数的复现2.齐天大圣--字符串类型2.1字符串的创建2.2字符串常见操作2.3字符串的其他用法2.4字符串格式化2.4.1%格式化2.4.2str.format()2.4.3f-str
T1:实现mnist手写数字识别
哈维羊
neo4j
>-**本文为[365天深度学习训练营](https://mp.weixin.qq.com/s/0dvHCaOoFnW8SCp3JpzKxg)中的学习记录博客**>-**原作者:[K同学啊](https://mtyjkh.blog.csdn.net/)**写在最前:目标1.知道如何配置环境2.跑通模型(不报错)3.储存模型,供后续使用4.了解如何衡量模型训练结果是否是优秀一、环境配置编译器:PyC
每日一题———37.堆排序
而塞过
每日一题堆数据结构大根堆小根堆建堆算法时间复杂度
前言数据结构每日一题声明:因个人能力有限,本文仅是个人的学习记录笔记,有错误之处还望指出概念堆:n个关键序列L[1,2…n],满足下面一条性质称为堆大根堆:满足L(i)>=L(2i)且L(i)>=L(2i+1)小根堆:满足L(i)=左右与顺序无关,小根堆也一样:只要满足:根左右子树端点)不满足则进行调整,将更小的元素下坠,一直到满足要求//建立大根堆voidBuildMaxHeap(inta[],
c++ tuple学习记录(二)
qq_43361844
c++特性学习c++学习
在c++中,std::tuple是一个模板类,位于头文件中,用于存储多个不同类型的值。与std::pair类似,但支持存储多个元素,并且每个元素可以是不同的类型。以下是std::tuple的主要用法1.创建和初始化std::tuple#include#include#includeintmain(){std:tuplemyTuple(42,3.14,"Hello);autoanotherTuple
STM32单片机学习记录(11.29)
宣宣猪的小花园.
STM32stm32无人机嵌入式硬件单片机
一、STM326.4-PWM驱动程序1.PWM基本结构:运行控制——时基单元——输出比较单元——GPIO。2.PWM程序编写步骤:(1)RCC开启时钟,将要用的TIM外设和GPIO外设的时钟打开;(2)配置时基单元(包括时钟源选择);(3)配置输出比较单元(包括CCR值、输出比较模式、极性选择、输出使能等参数);(4)配置GPIO,将其初始化为复用推挽输出配置;(5)运行控制,启动计数器。3.有关
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 速度很慢而且效率也不