- Hadoop、HDFS、Hive、Hbase区别及联系
静心观复
大数据hadoophdfshive
Hadoop、HDFS、Hive和HBase是大数据生态系统中的关键组件,它们都是由Apache软件基金会管理的开源项目。下面将深入解析它们之间的区别和联系。HadoopHadoop是一个开源的分布式计算框架,它允许用户在普通硬件上构建可靠、可伸缩的分布式系统。Hadoop通常指的是整个生态系统,包括HadoopCommon(共享库和工具)、HadoopDistributedFileSystem(
- PHP语法基础篇(八):超全局变量
zorro_z
php手记实战php
超全局变量是在PHP4.1.0中引入的,并且是内置变量,可以在所有作用域中始终可用。PHP中的许多预定义变量都是"超全局的",这意味着它们在一个脚本的全部作用域中都可用。在函数或方法中无需执行global$variable;就可以访问它们。PHP超全局变量包括:$GLOBALS$_SERVER$_REQUEST$_POST$_GET$_FILES$_ENV$_COOKIE$_SESSION本篇文章
- Python脚本,音频格式转换 和 视频格式转换
一、音频格式转换完整代码frompydubimportAudioSegmentimportosdefconvert_audio(input_dir,output_dir,target_format):ifnotos.path.exists(output_dir):os.makedirs(output_dir)forfilenameinos.listdir(input_dir):iffilename
- Intellij IDEA中Maven的使用
hqxstudying
intellij-ideamavenjava
在IntelliJIDEA中使用Maven进行项目开发,可按以下步骤操作:1.确认Maven已安装检查IDEA内置Maven:IDEA默认集成Maven,无需额外安装。若需自定义,可在File>Settings>Build,Execution,Deployment>BuildTools>Maven中配置路径。验证Maven版本:打开Terminal(Alt+F12),输入mvn-v,确保输出Mav
- Docker部署java项目,基于Dockerfile文件构建镜像
一头生产的驴
运维开发dockerjava容器运维开发开源jvm
一、准备Docker环境1、安装依赖sudoyuminstall-yyum-utilsdevice-mapper-persistent-datalvm22、添加软件源头(阿里源)-加速sudoyum-config-manager--add-repohttp://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo3、更新yumsudoyu
- 本地前后端bat文件启动项目
mgx_718
bat文件启项目
前端@echooffsetPROJECT_PATH=D:\xll_web\login-viewcd/d%PROJECT_PATH%npmrunservepause后端@echooffsetJRE_BIN=C:\ProgramFiles\Java\jre1.8.0_441\binsetJAR_PATH="C:\ProgramFiles\Java\jre1.8.0_441\Forex-0.0.1-SN
- 仅配置jre,并用bat文件启动jar包
mgx_718
开发语言
一般在开发时启动jar包,直接在控制台“java-jarxxxx.jar”即可。但是给甲方本地部署Java项目时,不需要JDK,只需要安装jre能运行jar包即可。为了进一步方便甲方能在本地简易快速启动jar包,就可以给甲方写个bat文件。一、配置jre1.确认JRE安装路径通过以下方法查找JRE的安装路径:手动查找:通常JRE会安装在C:\ProgramFiles\Java或C:\Program
- OracleSync2MySQL 数据同步问题bad connection、创建表异常、数据映射异常
aspirant-complete
运维开发
1、mysql数据库连接badconnection、invalidconnection等异常检查数据库连接空闲时间MySQL服务器等待一个连接所允许的空闲时间。如果达到此时间,MySQL服务器将自动关闭该连接,除非该连接正在活动状态```sqlSHOWVARIABLESLIKE'wait_timeout';file_path='example.txt'withopen(file_path,'r')asfile:#执行文件操作,例如读取文件内容file_content=file.read()print(file_content)#文件在with块结束后会自动关闭,无需显式关闭文件在上述示例中:'example.txt
- 【异常】Jenkins常见构建异常BUILD FAILURE提示 cannot find symbol
本本本添哥
004-研效与DevOps运维工具链jenkins
一、报错内容[INFO]---maven-install-plugin:2.4:install(default-install)@cccm-gen---[INFO]Installing/data/jenkins/jenkins/workspace/xxx/target/xxx-gen.jarto/data/jenkins/jenkins/maven_repo/com/xxx/xxx-gen/0.1
- java删除word第一行
宽客之家
javaword开发语言
如何实现Java删除Word文档第一行1.流程首先,让我们来看一下整个实现Java删除Word文档第一行的流程:步骤描述1读取Word文档2获取第一行内容3删除第一行内容4保存Word文档2.代码实现2.1读取Word文档登录后复制//创建一个File对象,指定Word文档的路径Filefile=newFile("path/to/your/word/document.docx");//使用Apac
- Linux|ubuntu22.04安装CUDA最新完整教程
文章目录一、安装前准备工作查看GPU和型号查看GCC版本*下载gcc12*检查驱动二、安装CUDAToolkit*安装驱动三、安装后的工作必要操作推荐的操作开启守护进程模式删除本地下载安装包四、验证删除CUDA常见问题及解决方案还需要安装cuDNN吗?nvcc:Nosuchfileordirectory“errorwhileloadingsharedlibraries::cannotopensha
- Spring Boot应用容器化
FrankYoou
javaspringbootdocker
⚙️一、基础镜像构建与Dockerfile配置选择基础镜像推荐使用官方轻量级镜像(如eclipse-temurin:17-jre-alpine)或匹配JDK版本的镜像(如JDK21用amazoncorretto:21)。示例:dockerfileFROMeclipse-temurin:17-jre-alpine优化镜像分层利用SpringBoot2.3+的分层特性加速构建:dockerfi
- 大文件上传类设计(OC实现)
瓜子三百克
iOS开发iosoracleobjective-c
下面我将设计一个支持断点续传、多线程上传的大文件上传类,采用Objective-C实现,考虑线程安全、数据库持久化和高效上传。设计概览类文件划分FileUploadManager.h/m-上传任务管理中心FileUploadTask.h/m-单个上传任务控制ChunkUploadOperation.h/m-分块上传操作UploadDatabaseManager.h/m-数据库操作FileChunk
- HarmonyOS+Django实现图片上传
嫣然细雨红尘路
djangoharmonyosdjangopython后端harmonyos
话不多说,直接看代码:HarmonyOS部分代码import{router}from"@kit.ArkUI"importPreferencesUtilfrom"../utils/PreferencesUtil"import{photoAccessHelper}from"@kit.MediaLibraryKit"importfsfrom'@ohos.file.fs';importBASE_URLfr
- Spark从入门到熟悉(篇二)
本文介绍Spark的RDD编程,并进行实战演练,加强对编程的理解,实现快速入手知识脉络包含如下8部分内容:创建RDD常用Action操作常用Transformation操作针对PairRDD的常用操作缓存操作共享变量分区操作编程实战创建RDD实现方式有如下两种方式实现:textFile加载本地或者集群文件系统中的数据用parallelize方法将Driver中的数据结构并行化成RDD示例"""te
- 在python中实现动态导入模块importlib.import_module
weixin_33985507
python
有时候,我们很需要在程序运行的过程中,根据变量或者配置动态的决定导入哪个模块。假设我们需要导入的模块module_12定义在subPack1文件夹下面,内容如下。deffuncA12():print('funcA12inmodule_12')returnimportosprintos.path.join(os.path.abspath(os.path.dirname(__file__)),('te
- Android Profiler 深度解析及其在性能分析中的应用
一、AndroidProfiler概述AndroidProfiler是AndroidStudio内置的一套性能分析工具,取代了早期的AndroidMonitor工具。它提供了实时应用性能数据可视化,帮助开发者识别和解决性能瓶颈。核心组件模块:CPUProfiler-分析应用CPU使用和线程活动MemoryProfiler-监控内存分配和泄漏NetworkProfiler-跟踪网络请求活动Energ
- Android Profiler 丢帧分析教程及案例
summerkissyou1987
android
以下为基于最新实践的AndroidProfiler丢帧分析全流程指南及实战案例,结合权威技术文档与优化经验(2025年更新):一、Profiler丢帧分析核心流程环境配置与数据抓取bashCopyCode启用GPU渲染分析(开发者选项)adbshellsettingsputglobalgpu_debug_layers1adbshellsettingsputglobalgpu_debug_ap
- Android Profiler 卡顿分析教程及案例
summerkissyou1987
android
以下是AndroidProfiler卡顿分析的完整教程及实战案例,结合最新工具操作流程与优化策略:一、卡顿分析操作教程1.环境配置开启GPU调试:设备设置→开发者选项→启用GPU渲染分析和GPUProfiler(需Android5.0+真机)。启动Profiler:AndroidStudio→View→ToolWindows→Profiler→选择目标设备与进程2.核心指标监控指标作用查看位置主线
- android-性能分析
以下是Android性能分析的完整指南,涵盖核心工具、优化方向及实操方法,适用于2025年开发环境:⚙️一、性能分析工具分类1.官方工具链工具用途关键能力版本适配AndroidProfiler实时监测CPU/内存/网络/能耗火焰图分析、内存泄漏检测(支持Activity/Fragment自动检测)AndroidStudio3.6+Perfetto系统级追踪(替代Systrace)线程调度、GPU渲
- Android Studio在移动开发中的性能优化案例分析
移动开发前沿
androidstudio性能优化androidai
AndroidStudio在移动开发中的性能优化案例分析关键词:AndroidStudio、移动开发、性能优化、内存管理、CPU优化、APK大小优化、工具链摘要:本文深入解析AndroidStudio在移动开发中的核心性能优化能力,通过内存管理、CPU调度、APK体积优化等典型场景的实战案例,系统讲解Profiler、Lint、Gradle等工具链的深度应用。结合具体代码示例和数学模型,分析内存泄
- Android Profiler 功耗分析教程及案例
summerkissyou1987
android
以下是基于最新AndroidStudio工具链的EnergyProfiler功耗分析完整指南及实战案例,结合行业最佳实践和深度优化策略:⚙️一、环境配置与核心功能启用EnergyProfilerAndroidStudio→Profiler图标→连接设备(Android8.0+)→选择目标进程→点击Energy模块关键要求:测试设备需支持batteryhistorian数据采集(推荐Android1
- 从 TCP/IP 协议栈角度深入分析网络文件系统 (NFS)
一、引言:NFS与TCP/IP的关系概述网络文件系统(NetworkFileSystem,NFS)是一种分布式文件系统协议,允许客户端通过网络访问远程服务器上的文件系统,就像访问本地文件系统一样。NFS是SunMicrosystems在20世纪80年代开发的,旨在提供一种透明的、与平台无关的文件共享机制。从设计理念来看,NFS的核心目标是"消除本地文件和远程文件之间的区别",使用户能够像操作本地文
- c++中类的前置声明
2301_80355452
c++java开发语言
前置声明(forwarddeclaration)和包含头文件(includeheaderfile)是C/C++程序设计中经常遇到的两个基础概念。它们都和“让编译器知道有哪些类型、函数”等信息相关,但本质和作用是完全不同的。下面我会详细、通俗地讲解二者的区别,以及什么情况下选用哪一种。1.前置声明是什么?前置声明(forwarddeclaration)就是提前告诉编译器“小样,后面我会实现/定义一个
- Github 2025-07-01 开源项目月报 Top16
根据GithubTrendings的统计,本月(2025-07-01统计)共有16个项目上榜。根据开发语言中项目的数量,汇总情况如下:开发语言项目数量TypeScript项目5JupyterNotebook项目4Python项目4Rust项目2JavaScript项目1非开发语言项目1Shell项目1Dockerfile项目1Java项目1C++项目1Vue项目1各种有趣主题的精彩清单创建周期:3
- Linux 基础IO
xuanzdhc
Linuxlinux服务器运维
标准库IO接口操作句柄:FILE*文件流指针系统调用接口操作句柄:文件描述符接口操作:详情点击接口操作文件描述符内核为每个打开的文件或I/O资源分配的唯一整数表示定义文件描述符是一个非负整数,用于表示进程已打开的文件、套接字、管道等资源每个进程维护一个文件描述符表,记录已打开资源标准文件描述符:每个进程默认有三个预打开的文件描述符012工作原理三层抽象文件描述符表:每个进程独有的数组,索引为文件描
- 【学习笔记】jvm
liu1251303815
学习笔记jvm
1、jvm基础1.1什么是jvm?jvm是一种规范。jvm是一种什么样的规范?具体实现:hotspot2classFileFormat3:类加载-初始化3.1、loading加载class文件到内存中3.1.1引起类加载的情况new对象时调用静态属性,静态方法时。(访问staticfinal变量除外staticfinal修饰的是基本数据类型,或者字符串类型时,会替换为常量。比如有一个类A{stat
- 在C#中根据URL下载文件并保存到本地,可以使用以下方法(推荐使用现代异步方式)
方法1:使用HttpClient(异步,推荐)csharpusingSystem;usingSystem.IO;usingSystem.Net.Http;usingSystem.Threading.Tasks;classFileDownloader{publicstaticasyncTaskDownloadFileAsync(stringurl,stringlocalFilePath){using
- 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 速度很慢而且效率也不