- Unity编辑器扩展C#遍历文件夹以及子目录下的所有图片
charlsdm
C#Unityunity编辑器c#
下边是我自己写的编辑器扩展关于遍历文件夹下边以及子目录下的所有图片,仅提供参考[MenuItem("编辑器扩展关于图集/C#遍历文件夹以及子目录下的所有图片")]staticvoidRefreshAllPicture(){string[]DebugAllImage=newstring[]{};DebugAllImage=KnowAllPicture(
- kotlin实现ajax,第13章 Kotlin 集成 SpringBoot 服务端开发(2)
TTTTTTT-ll
kotlin实现ajax
13.2.10搜索关键字管理本节我们开发爬虫爬取的关键字管理的功能。数据库实体类首先,新建实体类SearchKeyWord如下packagecom.easy.kotlin.picturecrawler.entityimportjava.util.*importjavax.persistence.*@Entity@Table(indexes=arrayOf(Index(name="idx_key_w
- 设计模式实战运用之模板方法模式
web2u
设计模式模板方法模式pythonspringboot后端javaspring
1.通用文件上传服务/***上传图片**@parammultipartFile文件*@paramuploadPathPrefix上传路径前缀*@return*/publicUploadPictureResultuploadPicture(MultipartFilemultipartFile,StringuploadPathPrefix){//校验图片validPicture(multipartFi
- HTML5 有哪些新特性
山间听雨声
科普/概念介绍html5前端html
HTML5是HTML标准的一个重大更新,它引入了许多新特性和改进,旨在提高Web应用的性能、互交性和多媒体支持。以下是HTML5的一些关键新特性:1.语义化标签新增了一系列语义化标签,如、、、和/,这些标签有助于更好地描述页面内容的结构和意义。2.多媒体支持和标签允许在网页中嵌入音频和视频内容,无需依赖外部插件。新的srcset属性和picture元素提供了更灵活的图片加载方式,支持响应式图片。3
- 【图像处理】-不同的图像存储格式
前鼻音太阳熊
计算机视觉图像处理人工智能
看到了前面的基础操作介绍,我们再了解一下不同图像的存储格式,更有利于我们理解图像处理的原理。图像存储格式详细介绍1.BMP(BitMapPicture)发展历史BMP是一种位图文件格式,由微软公司于1986年推出。它最初是为Windows操作系统设计的,后来逐渐被其他操作系统所支持。由于其简单易用的特点,在早期计算机图形学中得到了广泛应用。描述BMP是一种与设备无关的位图格式,这意味着无论何种显示
- React AntDesign中上传图片预览功能
七月_Mo
Jsreact.jsjavascripttypescript
现需求就是上传之后的图片再次进入的时候该组件呈现可预览并且删除之后可以再次上传图片个数限制最多传3张效果如图:图片上传return(setAddItemShow(false)}>getAnnouncementApi(values)}>false}listType="picture-card"accept=".png,.jpg"fileList={pictureList}onPreview={han
- 【项目推荐】Vue-Picture-Preview:轻量高效的图片预览解决方案
张姿桃Erwin
【项目推荐】Vue-Picture-Preview:轻量高效的图片预览解决方案项目地址:https://gitcode.com/gh_mirrors/vu/vue-picture-preview在Web应用开发中,优雅地展示图片库是提升用户体验的重要一环。今天,我们来深入探讨一个专为Vue.js设计的友好图片预览插件——Vue-Picture-Preview,它基于强大的PhotoSwipe库,旨
- 【Gradio】gr.Markdown 不显示本地图片的问题
Xenon_Xu
个人开发随记pythonui前端开源
问题描述使用Gradio(版本4.39.0)开发界面时,遇到gr.Markdown不显示本地图片的问题。![图片](resource/test.png"picture")原因分析:参考https://github.com/gradio-app/gradio/issues/2682、https://github.com/gradio-app/gradio/issues/1997,作者大大解释为:Th
- 音视频技术科普
qq_39036953
音视频
视频1、I帧、P帧和B帧的概念及区别?这三种帧的主要区别在于它们的压缩方式和相互依赖关系:I帧(帧内编码图像帧)Intracodedframes完整编码的独立帧不依赖其他帧,可独立解码数据量最大,压缩率最低,但支持随机访问I帧:即Intra-codedpicture(帧内编码图像帧),I帧表示关键帧,你可以理解为这一帧画面的完整保留;解码时只需要本帧数据就可以完成(因为包含完整画面)。又称为内部画
- wps js在doc中标签处批量添加图片
qq_39889893
笔记javascript前端开发语言
前期准备:1.手动添加书签;2.图片绝对地址;3.手动设置图片大小。未来预期优化:1.弹窗指定书签;2.弹窗指定图片地址;3.弹窗设定图片大小。functionAddPictureAtBookmark(){TravFS();}functionTravFS(){varmyDir=String.raw`C:\Users\Administrator\Desktop\ID`;varfDialog=Appl
- C# 学习笔记
c#
pictureBox显示不出图片从网上找了一段代码,复制进visualstudio,显示本地的图片,结果始终显示不出来,查了好久,终于发现在Form1的构造函数中多了一个“InitializeComponent();”,删除就好了!消耗了太多时间。
- uniapp 自定义图片预览组件PicturePreview(Vue3、组合式、ts)
舍予一
前端知识汇总uni-appjavascript前端
组件import{ref}from'vue';constimages=ref>([]);constcurrentIndex=ref(0);constshow=ref(false);constscale=ref(1);functiononSwiperChange(e:any){scale.value=1;currentIndex.value=e.detail.current;}constonScal
- Qt绘制图像
MechMaster
QTqtc++
Qt绘制图像1.例程代码2.四个常用的绘图设备2.1QImage2.2QPixmap2.3QBitmap2.4QPicture3.复合模式1.例程代码voidWidget::paintEvent(QPaintEvent*event){QPainterpainter;//绘制imageQImageimage(100,100,QImage::Format_ARGB32);painter.begin(&
- Python下3种文字识别工具的源码和效果比较
eybk
python开发语言
1.pytesseractimportpytesseractfromPILimportImageim=Image.open(r'C:/Users/YBK/Pictures/35005.jpg')string=pytesseract.image_to_string(im,lang='chi_sim')print(string)2.paddleocrfrompaddleocrimportPaddleO
- __mkdir创建目录
选与握
c++开发语言
1、__mkdir创建一次目录charbuf[80];_getcwd(buf,sizeof(buf));//获取当前工程.cpp文件所在路径strcat(buf,"\\pictureFile\\11");stringdirName=buf;_mkdir(dirName.c_str());//一次创建两级目录2、_mkdir多次创建目录#include"stdafx.h"#include#inclu
- 支持向量机图像分类matlab,基于支持向量机的图像分类.MATLAB
流光微言
支持向量机图像分类matlab
【实例简介】基于支持向量机的图像分类.MATLAB【实例截图】【核心代码】基于支持向量机的图像分类├──code.zip├──pictures│├──car││├──car10.jpg││├──car11.jpg││├──car12.jpg││├──car13.jpg││├──car14.jpg││├──car15.jpg││├──car16.jpg││├──car17.jpg││├──car18
- C/C++教程 第十四章 —— MFC控件详解
余识-
C/C++实战入门到精通mfcc++c语言
注意本系列文章已升级、转移至我的自建站点中,本章原文为:MFC控件详解目录注意一、前言二、项目建立三、Comboxbox四、ListBox五、GroupBox六、Picturecontrol七、ScrollBar八、SpinControl九、ProgressControl十、hotkey十一、ListControl十二、TreeControl十三、TabControl一、前言通过前面两章的学习,现
- 爬取优美图库壁纸-python
-chu_kuang-
pythonmysql数据库
爬取216页分块区所有图片,爬的内容有点抽象。说实在的这网站壁纸挺檫边的.....importrequestsfrombs4importBeautifulSoupimportos#创建目录directory='pictures'url=''ifnotos.path.exists(directory):os.makedirs(directory)foriinrange(216):ifi==0:url
- 五.python-docx向word中插入图片
一起编程哇
word开发语言python
一.简介Document对象有一个add_paragraph()方法插入图片,只需要传入路径或者字节流即可,实际上它也是调用段落的Run对象的add_picture()二.基本使用1.导入模块fromdocximportDocument2.插入图片"""下面这两种写法是一样的"""document.add_picture("./imgs/gd.jpeg")document.add_paragrap
- 10 个免费的 AI 图片生成工具分享
程序员
原文:https://openaigptguide.com/ai-picture-generator/在人工智能(AI)图像生成技术的推动下,各类AI图片生成网站如雨后春笋般涌现,为我们的日常生活提供了丰富多彩的视觉体验。AI图片生成技术原理人工智能(AI)图片生成技术原理是通过计算机程序使用深度学习算法从大量的数据中学习特征,并根据特征创建新的图片。该技术可以模拟人类的绘画过程,学习输入图像的潜
- 用c#做的打地鼠小游戏,整理一下上课学的
臨鱼羡上天
计算机软件资料适合小白小游戏
小游戏首先,我们要新建一个窗体应用程序,搭建好窗体的框架,有三个lable,分别是打地鼠,游戏时间和游戏得分,还有一个button按钮,text属性改为开始游戏.在每个土堆上拖入一个picturebox用于随机显示地鼠,再添加两个计时器timer,一个imagelist存储照片,一共两张照片一张没有被打中的,一张打中地鼠时要显示的图片,为了方便我把图片放最后了框架搭好了,双击button按钮开始游
- Picture Butler-Instant Save
逍遥alan
Thisisaveryconvenientandpracticalsoftware.Userscanusethissoftwaretoclassifyphotos.Firsttheuserneedstocreateanalbum.Selectthealbumcoverandenteraname.Clickonthealbumtoaddyourphoto.Simpleoperationandsimp
- vue前端根据接口返回的url 下载图片
爱心觉罗晓宇
java前端服务器
downloadPicture(imgSrc,name){constimage=newImage();//解决跨域Canvas污染问题image.setAttribute("crossOrigin","anonymous");image.src=imgSrc;image.onload=()=>{constcanvas=document.createElement("canvas");canvas.
- C# DrawString 水平及垂直居中
小黄人软件
C#c#
publicstaticBitmapgetPictureIMEI(stringtemplatePathName,stringimei){try{Bitmapbmp=newBitmap(templatePathName);Graphicsg=Graphics.FromImage(bmp);Fontf=newFont("Arial",12,FontStyle.Bold);RectangleFrect=
- chmod命令学习2
天南地北飞
linux基础学习学习linux服务器
递归地修改权限chmod-R很多Linux命令可以递归地应用于文件和目录,chmod命令也不例外。使用-R(或–recursive)选项能够在短时间内修改数百个文件系统对象的权限。$pwd/home/scott/pictures/libby$ls-lFdrwxrw----2scottscott...by_pool/-rw-r--r--1scottscott...libby_arrowrock.jp
- android Camera操作类
天下乌鸦不尽黑
androidandroid
publicclassCameraOperate{privatestaticCameraOperatemCameraOperate;privateCameramCamera;privateintmStatus=0;privateintmCameraId=-1;privateintmSurfaceViewOrientation=0;privateintmPictureOrientation=0;pu
- 二进制流Url的get传输图片
别动我的love
PHP
“只有亲眼看到的才相信“这句话导致了各种资讯漫天的的同时各种图片也是满天飞。那么问题来了,如果你是请求别人服务器上的图片改怎么办呢下面我们来学习一下Cur,的get传输二进制流图片数据1、采集到值,写入字符串、编码$url="C:\Users\lenovo\Pictures\aaa.JPG";//我们图片的路径$img=file_get_contents($url);//采集过这个图片(是二进制流
- python5行代码生成特色二维码
Cache_wood
python的myqr库有生成二维码的功能,仅仅用几行代码就可以实现特色二维码,快来试试吧!首先需要安装myqr库win+R打开命令行pipinstallmyqr2.安装完毕之后就可以快乐编程啦步骤是先导入库,之后使用run函数,需要注意的是函数中的几个重要参数。参数作用words二维码的内容或者链接picture自定义二维码背景图,支持.jpg,.png,.bmp,.gif格式,默认为黑白色co
- Day 49 英国首相无礼行为遭群嘲
居燃心理咨询师
Aphoto(picture)ofBorisJohnson(美国版的特朗普)sticking(putting,随意的放)hisfootonatableduringtalksinPariswiththeFrenchpresidenttriggered(扣动扳机,引发,引起)unflatteringcomments(负面评论)onsocialmedia.Butusersonbothsidesofthe
- OpenCV + MFC 简单的程序(vs2015)
比卡丘不皮
OpenCVC++MFCOpenCV视觉处理
昨天编写了一个简单的OpenCV显示图片的历程,想要了解可以看看基本文章入口:OpenCV显示图片今天给大家使用MFC对OpenCV的编写:1.首先建立项目:选择MFC→MFC应用程序,取名字为LoadPicture,点击确定按钮点击确定后选择基于对话框,点击完成。删除图上的控件,添加一个button按钮,修改ID为IDC_OPENCaption为“打开”如图所示:首先我们要先添加一个类image
- 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 速度很慢而且效率也不