- Vue 常见面试题(一)
安生生申
面试题vue.js前端javascript
目录1、Vue的最大的优势是什么?(必会)2、Vue和jQuery两者之间的区别是什么?(必会)3、MVVM和MVC区别是什么?哪些场景适合?(必会)1、基本定义2、使用场景3、两者之间的区别4、Vue数据双向绑定的原理是什么?(必会)5、Object.defineProperty和Proxy的区别(必会)6、Vue生命周期总共分为几个阶段?(必会)7、第一次加载页面会触发哪几个钩子函数?(必会)
- 流畅的Python(十九)-动态属性和特性
maplea2012
Pythonpython开发语言
一、核心要义在Python中,数据的属性和处理数据的方法,统称属性。方法,只是可调用的属性。除了这两者之外,我们还可以创建特性(property),在不改变类接口的前提下,使用存取方法(即读值方法和设值方法)修改数据属性。二、代码示例0、相关知识点#!/usr/bin/envpython#-*-coding:utf-8-*-#@Time:2024/3/1320:56#@Author:Maple#@
- SSM 整合使用 @PropertySource 问题
Gambler_Tu
spring数据库javaspring
SSM整合使用@PropertySource问题如果你想将数据库连接的相关属性移入一个classpath下的“.properties”文件中,让后再在上述配置类中结合@PropertySource和@Value来加载.properties配置文件,引入相关属性值,那么,你会发现一个问题,你的@Value读取到的属性值都是null!造成这个现象的原因在在于,我们是使用的MapperScannerCo
- JS判断对象是否含有某个属性
cobek
JavaScriptjavascript前端开发语言
在开发过程中,需要经常判断对象中是否含有某个属性,以下提供三个方案:1、方案一consttestObj={a:10,c:'123'};Object.defineProperty(testObj,'b',{enumerable:false,//不可遍历value:'abc'});hasProperty(obj,key){returnkeyinobj;}console.log('增加属性后的对象'
- iOS 蓝牙技巧
隐身人
@property(nonatomic,strong)CBCentralManager*centralManager;取消蓝牙未打开等系统提示框(是否打开蓝牙...)NSDictionary*dic=@{CBCentralManagerOptionShowPowerAlertKey:[NSNumbernumberWithBool:NO]};_centralManager=[[CBCentralMa
- pring类型转换早期使用的PropertyEditor详细介绍
联旺
新一代类型转换为了解决PropertyEditor作为类型转换方式的设计缺陷,Spring3.0版本重新设计了一套类型转换接口,有3个核心接口:Converter:Source->Target类型转换接口,适用于1:1转换ConverterFactory:Source->R类型转换接口,适用于1:N转换GenericConverter:更为通用的类型转换接口,适用于N:N转换注意:就它没有泛型约束
- 设计模式-builder模式
代码匠心印记
设计模式设计模式建造者模式java
builder模式使用背景&使用场景重叠构造器模式(TelescopingConstructorPattern):特点:通过在构造器中传递不同数量的参数,从而实现构建不同属性组合的对象。优点:简单直观,适用于属性较少的情况。缺点:随着属性增加,构造器的参数组合呈指数级增长,难以维护和理解。publicclassProduct{privateStringproperty1;privateintpro
- 【无标题】
谷渊77
vue3vue.jsjavascript前端
Vue3有哪些新特性和改进?CompositionAPI:引入了CompositionAPI,允许开发者按逻辑功能组织代码,提高代码的可复用性和可维护性。性能优化:Vue3通过Proxy代替Object.defineProperty实现数据响应式,提升了性能。Teleport:提供了Teleport组件,方便在DOM结构中传送组件。Suspense:支持Suspense组件来处理异步组件渲染时的加
- springboot集成easyexcel实现导入导出
coder_monarch
SpringBootJAVAjavaspringboot后端
本文只实现比较简单的Excel导入导出,提供思路,以抛砖引玉第一步:新建一个实体类User@DatapublicclassUser{@TableId@ExcelProperty(value="序号")//导出Excel的列名privateIntegerid;@ExcelProperty(value="姓名")privateStringname;}第二步:项目pom文件添加easyexcel的依赖c
- Cannot find module 'node:fs' 报错解决 nuxt
前端nuxt.js
问题描述启动项目报错Cannotfindmodule'node:fs',百度说是node版本问题,试了各种node版本还是不行(最开始是20.10.0,尝试了降级到14、16都不行)解决方法更新nuxt版本,之前是2.14.6,更新为2.15.8问题解决,启动后报另一个错,增加安装依赖@babel/plugin-proposal-private-property-in-object后问题解决
- 判断两个List<Map>是否相同以及其他类操作
Stuild Stuil
学习笔记javajava
根据自身的业务,搞了个list是否相等的方法,较笨拙,有更好的方法,欢迎各位大佬指教仅根据自身业务编写,如需改动请自便。改动也好改动,注释很详细importcom.google.common.collect.Maps;importorg.nutz.lang.Strings;importjava.beans.Introspector;importjava.beans.PropertyDescript
- maven--->maven中的<properties>属性有什么作用?
a.cup
mavenmavenjava
在Maven中,元素用于定义项目中可重用的属性值。这些属性值可以在项目的POM文件中被引用,以便在整个项目中统一管理和使用。通过使用元素,可以避免在POM文件中多次重复定义相同的值,提高了项目的可维护性和可读性。元素中定义的属性可以在POM文件中通过${propertyName}的方式进行引用,例如:UTF-81.0.0${project.build.sourceEncoding}在上面的例子中,
- Object 对象与继承
许先生__
通过原型链,对象的属性分成两种:自身的属性和继承的属性。JavaScript语言在Object对象上面,提供了很多相关方法,来处理这两种不同的属性。Object.getOwnPropertyNames()Object.getOwnPropertyNames方法返回一个数组,成员是对象本身的所有属性的键名,不包含继承的属性键名。Object.getOwnPropertyNames(Date)//["
- 微信小程序的双向数据绑定和vue的哪里不一样?下拉刷新的方式代码示例
我爱学习yq
开发语言前端css3微信小程序
小程序的双向数据绑定和Vue的双向数据绑定有一些不同之处。实现方式:小程序的双向数据绑定采用的是数据劫持的方式,通过重写对象的get和set方法来监听数据的变化和更新视图。而Vue使用的是响应式数据的方式,通过使用Object.defineProperty()方法来劫持对象的属性。语法差异:小程序的双向数据绑定使用的是{{}}语法,将数据绑定到视图上;Vue使用的是v-model指令来实现双向数据
- vue报错undefined is not iterable (cannot read property Symbol(Symbol.iterator))
小朱爱开发
开发经验vue.jsjavascript
经过审查,发现是这段代码出了问题this.net1=this.chartData.net1;//net1,net2,net都是从接口离拿得数据this.net2=this.chartData.net2;this.net=this.chartData.net;constnetTotal=[...this.net1,...this.net2,...this.net];//数组合并letdataYTpl
- ADO世界之“对象”
阳阳大魔王
ADO数据库ADO笔记开发语言html前端
目录一、Command对象1.Command对象2.语法3.属性4.方法5.集合二、Connection对象1.Connection对象2.语法3.属性4.方法5.事件6.集合三、Error对象1.Error对象2.语法3.属性四、Parameter对象1.Field对象2.语法3.属性4.方法5.集合五、Parameter对象1.Parameter对象2.语法3.属性4.方法六、Property
- vue3 响应式原理 双向绑定原理
zhaojjjjjj163
VUEvue
Vue.js的响应式原理和双向绑定原理是Vue.js框架的核心机制,它们共同实现了Vue.js的数据驱动视图的特点。1.响应式原理Vue.js的响应式原理基于JavaScript的Object.defineProperty()方法。Vue.js在初始化时,会遍历data中的所有属性,并使用Object.defineProperty()方法将这些属性转化为getter和setter,这样Vue.js
- 十:使用@Value注解配置文件自动映射到属性和实体类
董小姐orz(娜)
springspringboot
配置文件加载#微信支付的appidwxpay.appid=w23432432432#支付密钥wxpay.sercret=sfweinkkk#微信支付商户号wx.mechid=324324方式一:①controller上面配置@PropertySource("classpath:resource.properties")②增加属性@Value("${test.name}")packagecom.gd
- 前端框架系列之(装饰器Decorator)
vv_小虫虫
简介:装饰器是ES2016stage-2的一个草案,但是在babel的支持下,已被广泛使用,有点类似java里面的注解。提案地址ClassandPropertyDecorators用法:如果我们要在我们项目中使用最新的stage-2的装饰器提案怎么做呢?Preset:babel-preset-stage-1Plugins:babel-plugin-transform-decorators,babe
- CocosCreator异步加载资源方法
雪野Solye
CocosCreatorcocos-creatorcocosasynchronous资源加载
资源加载封装import{Asset,AssetManager,dragonBones,ImageAsset,JsonAsset,resources,_decorator}from"cc";import{LogData}from"../log/LogData";/***资源加载api封装*/const{ccclass,property}=_decorator;exportclassloadRes{
- sap.ui.ControlConfiguration 中的 customControl property
前端sapsapui5
在SAPUI5和OpenUI5中,sap.ui.comp.smartfilterbar.ControlConfiguration是一个非常强大的组件,它允许开发者在SmartFilterBar控件中定制具体的过滤条件。customControl属性是这个组件中非常关键的一个特性,它的作用是让开发者可以插入自定义的UI控件,以满足特定的业务需求,这种灵活性是SAPUI5应用开发中定制性和用户体验优化
- FAQ: funi-min.js报错(seajs)
恬雅过客
mark一下。工作中用到sea.js,改造成funi-min.js。(项目:maweb)Q:经常运行页面报错:UncaughtTypeError:Cannotreadproperty'filter'ofundefined.如下图:qww.pngA:找到对应代码行,作如下修改:if(!e){e=[]}添加如图:aww.png
- 聊聊arthas的spring-boot-starter
hello_ejb3
java
序本文主要研究一下arthas的spring-boot-starterArthasConfigurationarthas-spring-boot-starter/src/main/java/com/alibaba/arthas/spring/ArthasConfiguration.java@ConditionalOnProperty(name="spring.arthas.enabled",mat
- 解决kkFileView4.4.0版本pdf、word不能预览问题
W@#
office文件在线预览kkFileView
这里使用的是http下载流url预览,遇到的问题。官方使用指南:kkFileView-在线文件预览1前端测试代码1.1官方示例代码1.2本人测试代码注意:要给预览文件的url进行编码encodeURIComponent(Base64.encode(previewUrl))。Title在线预览点击在线预览varBase64={//privateproperty_keyStr:"ABCDEFGHIJK
- 转换会报错:com.alibaba.fastjson.jsonexception: syntax error, expect {, actual string, pos 82
深街&酒肆
java开发语言
我的是pos82转化工具类转换是没问题的Objectobj=JSONObject.toJSONString(obj)Demedeme=JSONObject.parseObject(obj,Deme.clazz);返回的实体类@JsonProperty(value="file_url")privateListfiles;publicListgetfiles(){returnfiles;}public
- Go json Marshal & UnMarshal 的一点小 trick
yeshan333
golangjson开发语言
在编写WebService等涉及数据序列化和反序列化的场景,对于JSON类型的数据,在Go中我们经常会使用到encoding/jsonPackage。最近微有所感,小水一篇omitemptyJSON数据的UnMarshal我们经常会配合StructTags使用,让Struct的Filed与JSON数据的指定property绑定。如果要序列化为GoStruct的JSON数据对应的Fields相关的J
- 聊聊arthas的spring-boot-starter
arthas
序本文主要研究一下arthas的spring-boot-starterArthasConfigurationarthas-spring-boot-starter/src/main/java/com/alibaba/arthas/spring/ArthasConfiguration.java@ConditionalOnProperty(name="spring.arthas.enabled",mat
- 一行代码查看硬盘信息
humors221
windows运维开发运维
1.使用方法:打开cmd执行或写入bat文件中执行均可,信息记录在桌面磁盘信息.txt中2.名称含义:model:型号,HealthStatus:状态,serialnumber:序列号,MediaType:类型,size:容量单位字节powershell-command"&{get-physicaldisk|format-list-propertymodel,healthstatus,serial
- WPF 在控件上预留一个占位给到调用方使用
搬砖的诗人Z
C#wpfwpf开发语言
WPF在控件上预留一个占位给到调用方使用,首先创建一个自定义控件,并在其中包含一个可用于承载外部内容的容器。在后台配置一个依赖属性PromptContent用于绑定publicstaticreadonlyDependencyPropertyPromptContentProperty=DependencyProperty.Register("PromptContent",typeof(object)
- 手写一个Vue的简单双向绑定实例!
一浅小屋和你
一.首先说明一下Vue的双向绑定原理是什么!Vue.js采用的是数据劫持结合发布和订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter值,在数据变动时,发布消息给订阅者,出发相对应的监听回调(当然这是在Vue3.0之前了,好像Vue3.0发布之后的版本里,采用的是Proxy来进行双向绑定,这样性能可以更加得到优化,在这里我们还是以Objec
- 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 速度很慢而且效率也不