- C# WPF开发控件之正则验证介绍与实例
雨夜思绪~静谧思考
c#wpfmysql
C#WPF开发控件之正则验证介绍与实例在C#的WPF应用程序开发中,正则表达式验证是一个常见的需求。通过使用正则表达式,我们可以对用户输入的数据进行有效的验证,确保其符合特定的模式或格式。本文将介绍如何在C#WPF应用程序中使用正则表达式进行验证,并提供相应的源代码示例。引入命名空间在开始之前,我们需要在代码文件中引入System.Text.RegularExpressions命名空间,以便使用正
- C# WPF Dev控件之正则验证介绍
DotnetNb
c#wpf开发语言
WPF数据编辑器库附带的大多数文本编辑器(TextEdit子体)允许您在编辑期间使用掩码。掩码提供受限的数据输入和格式化的数据输出。当输入的字符串需要匹配特定格式时,在编辑器中使用掩码非常有用。例如,文本编辑器应该接受24小时格式的日期/时间值或数字值。另一个例子是在编辑器中输入电话号码(最终用户只需输入数字,而在编辑时应自动跳过连字符)。使用屏蔽输入来支持这些和许多其他数据输入格式。注意:最终用
- 前端常见的多种正则验证方法以及js判断语法
前端-文龙刚
JavascriptVue正则表达式vue.jsjavascript
1.邮箱exportconstisEmail=(s)=>{return/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码exportconstisMobile=(s)=>{return/^1[0-9]{10}$/.test(s)}3.电话号码exportconstisPhone=(s)=>
- JS经纬度正则验证
scorpion_V
前端
经纬度的校验(保留5位小数):需求:一个页面多个经纬度需要经验,然后采用此方法就可以一步到位啦~1.在util.js全局写经纬度的范围校验代码如下:constformValidation={//经度validatorLongitude:(rule,value,callback)=>{constreg=/^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,15
- 正则验证手机号是否符合条件
想旅游的程序员
tel=13456898760#用正则匹配定义一个手机号以13*、145/147、15*、166、173/176/177、18*开头的11位整数数字phone_zz=re.compile('^(13\d|14[5|7]|15\d|166|17[3|6|7]|18\d)\d{8}$')ifphone_zz.match(tel):print("手机号可用")else:print("手机号不可用")
- input框不能输入
outstanding木槿
react+antd组件javascript前端react.js
目录1、遮盖层影响:2、类型影响:3、监听键盘事件影响:4、input属性影响:5、form影响:1、遮盖层影响:首先看input框能不能获取光标,如果光标不能获取,可能是有遮盖层,或者设置了input的属性之类的,要检查清楚,如果有遮盖层一般都是定位的原因,要检查z-index2、类型影响:如果能获取光标,只有某种类型的不能输入,要检查代码里是否存在正则验证和type的类型3、监听键盘事件影响:
- 正则验证用户名和跨域postmessage
Faith丶信仰
javascript开发语言ecmascript
正则验证用户名字母数字符号大小写8-14匹配用户名的formpostmessage首先在windows上配置好虚拟主机,这样可以通过域名来访问对两个网站分别进行以下配置2023www.example.comwindow.addEventListener('message',(event)=>{if(event.origin==='http://www.example1.com'){constcoo
- JavaScript----正则验证用户名密码等正确
鞠婧祎yamy
#JavaScriptjavascript前端开发语言
效果图jsfunction$(id){returndocument.getElementById(id);}functioncheckUser(){varuname=$("uname").value;uname=uname.trim();varuserp=$("unameWarn");userp.innerHTML="";varreg=/^[a-zA-Z][a-zA-Z0-9]{5}$/;varr
- 正则验证用户名和跨域postmessage
rubia--
web前端mysql服务器数据库前端
目录正则验证用户名什么是正则表达式?示例用户名正则表达式跨域postMessage发送窗口接收窗口结论正则验证用户名什么是正则表达式?正则表达式是一种强大的字符串匹配工具。它允许我们定义一个模式,用来匹配字符串中的字符。对于用户名验证,我们可以创建一个正则表达式模式,定义用户名应满足的要求。示例用户名正则表达式以下是一个示例的用户名正则表达式,它要求用户名:由字母、数字和下划线组成。长度在3到20
- 简单的JS 正则验证手机号码JavaScript
先------------------
前端javascript前端css
Document验证手机号varinputs=document.getElementById('inputs');varspans=document.getElementById('spans');varbtn=document.getElementsByTagName('button')[0];varpatt=/^[1][3-9][\d]{9}/btn.onclick=function(){if
- 正则验证用户名和跨域postmessage
Memories...DoNotOpen
web前端javascript开发语言ecmascript
正则验证用户名Document跨域postmessage##----------------------------class03----------------------------------------------------#index.html2023www.test1.comwindow.addEventListener('message',(event)=>{if(event.or
- nodejs+express实现用户登录或者注册通过邮箱发送验证码(redis验证)
codernmx
Vuenode.jsrediselementui
❤️砥砺前行,不负余光,永远在路上❤️❤️砥砺前行,不负余光,永远在路上❤️简要目录实现思路一、后端部分(文件目录可以看图2)1.redis部分2.nodemailer部分3.发送邮件的接口4.后端校验验证码是否有效二、前端部分(使用的element-admin)1.正则验证输入的是否是邮箱号2.前端login页面完整代码可以参考(有部分字段需要修改),这个包括60秒倒计时的效果。总结实现思路有帮
- AntDesign - UI -vue 列表表单验证,多条数据验证,正则验证,正则提示
翛翾梓
vuevue.jsui前端
vueantUI-列表表单验证,一般的表单验证,需要提交的数据是是一个对象类似于下面的样子,formData:{name:'',age:'',phone:''}但是我们经常会碰到这样是数据结构,我们去验证下面图片的列表里每一个字段的填写状态时,之前的绑定porp的方式就不灵了,需要处理一下。其实官网上面是有类似的例子的antUI表单提交ui很多人都没找到,我也是那天被产品逼着,弄出来的,一开始去百
- 正则验证封装
@tg
开发语言
正则表达式常用符号说明:.是除换行以外的所有任意符号\s空白符号\S除空白符号以外的任意符号\w字母、数字、下划线\W除字母、数字、下划线以外的其他任意符号\d数字(0----9)\D除数字以外的任意其他符号^字符串开始$字符串结束*匹配0到无数次(匹配的是符号前边的字母或者数字等)+匹配1到无数次(匹配的是符号前边的字母或者数字等)?匹配0次或1次(匹配的是符号前边的字母或者数字等){x}重复x
- 最全面的js正则验证
鬼魅汐
我看网上好多正则表达式的js验证,但是试了好多都没有用。话不多说,以下是我自己整理的一些正则验证用户名验证:(不能以下划线为开头或结尾由数字、大小写字母、汉字、下划线组成3-25位)letusername=/^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]{3,25}$/;密码验证:(数字、大小写字母、符号点组成6-20位)letpassword=/^[a-zA-Z
- JS--输入正则验证
爱吃棉花糖#
【JS】vue.js前端javascript
一、.el-input1.大于0的正整数
- 通过PHP正则验证form表单提交的数据
我不信我学不会
2019-08-03
- 姓名、微信、邮箱、手机的正则验证
3的奇迹
笔记javascript正则表达式
functionsumbitApply(){//姓名正则constreg_name=/^[\u4E00-\u9FA5A-Za-z\s*]+$/g//微信正则constreg_wechat=/^[a-zA-Z0-9]([-_a-zA-Z0-9]{5,19})+$/g;//邮箱正则constreg_email=newRegExp("^[a-z0-9A-Z]+[-|a-z0-9A-Z._]+@([a-z
- JAVA ( EasyExcel 通过模板 导入、导出、下载模板)——亲测有用
七月吃橘子
javajava
本文参考:https://liuyanzhao.com/10060.html先说两个实体类对象。我这里举例Student和StudentExcelStudent就是你数据库表的对象StudentExcel是你导入进来的Excel对应的字段,为啥写他,用来校验数据格式,判空处理,我这里正则验证几乎把常用到的都写到了(身份证、银行卡、性别、手机号等等)如果你用不到把正则的验证的注解删了就可以啦。你要把
- 【PHP】API传参时,判断数字最多两位小数
zzoood
phpphp开发语言
目录方法一:使用sprintf函数方法二:使用正则验证在PHP中,如果你想判断一个数字是否最多只有两位小数,可以使用sprintf函数或者正则匹配来实现。下面提供两种方法:方法一:使用sprintf函数$number=123.456;$number2=sprintf("%.2f",$number);if($number==$number2){echo"数字最多有两位小数";}else{echo"数
- 浅学正则表达式
_大龄
jsmysql数据库
概念:正则表达式在程序中代表一种规则,它是一种符号语言,需要理解每一个符号表示的含义。应用场景:1.表单验证2.网页信息敏感词替换3.字符串中提取我们想要的部分……使用:网址:“https://www.runoob.com/regexp/regexp-tutorial.html"步骤:1.定义正则:let正则变量=/正则要求/,//不可加引号2.通过正则验证内容a.正则变量.test('要被验证的
- elementUI表单验证 v-for遍历表单 自定义正则校验以及对区间范围进行正则校验
看雪看月亮
工作记录正则验证正则验证elementUI
elementUI自定义表单验证一、需求二、具体实现1、数据结构以及效果2、要达到的验证效果3、具体代码实现form表单验证1、首先通过将数组变形为普通form表单验证的对象数据格式2、这里动态设置校验规则3、自定义验证方法总结一、需求对输入框的值进行正则验证,但是这些输入框是通过v-for的值来绑定的并且这是绑定区间范围的值。因此需要自定义验证这里的难点在于多prop的绑定。二、具体实现1、数据
- 【PHP】社会统一信用代码正则验证
zzoood
phpphplinux开发语言
在PHP中,可以使用以下正则表达式来验证社会统一信用代码(18位):$pattern='/^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/i';这个正则表达式的含义是:^:开始符号,表示字符串的开始。[0-9A-HJ-NPQRTUWXY]{2}:匹配两位大写字母或数字,这些字母不包括"I"、"O"、"Z"、"S"、"V"。\d{6}:匹配六
- 【PHP】身份证正则验证、校验位验证
zzoood
phpphp开发语言
目录1.正则简单正则详细正则2.校验位验证1.正则简单正则functionisValidIdCardNumber($idCardNumber){//身份证号长度为15位或18位$pattern='/^(?:\d{15}|\d{17}[\dxX])$/';returnpreg_match($pattern,$idCardNumber);}$idCardNumber='1234567890123456
- JS正则验证总结
llt_admin
JS验证前端验证
//-------------------------------------------删除字符串左空格(包括全角空格)----------------functionf_PubStrLTrim(as_SourceString){returnas_SourceString.replace(/^[/s]*/,"");}//--------------------------------------
- 正则验证身份证号、加权因子验证,身份证是否合法
cdjj_灰少
身份证校验正则验证身份证身份证加权因子身份证是否合法身份证合法验证
$(function(){ $(".cardBtn").click(function(){ varcardNum=$(".cardNum").val(); varresultCard=checkIDCard(cardNum); $(".cardR").html("身份证检测结果:"+resultCar
- Vue 正则验证 邮箱验证为例
Strict Flora
Django+vue分页
我想要做的东西就是,鼠标点击别处然后页面判断一下,看一下数据是否符合格式。前台就这样简单的写写,主要目的就是一个测试嘛邮箱:{{message}}exportdefault{name:"Email",data(){return{email:'',message:''}},methods:{email_blur(){varverify=/^\w[-\w.+]*@([A-Za-z0-9][-A-Za-
- 正则验证用户名和跨域postmessage
强骁
javascript开发语言ecmascript
正则验证用户名Document跨域postmessage#index.html2023www.test1.comwindow.addEventListener('message',(event)=>{if(event.origin==='http://www.class2.cn'){constcookieData=event.data;//处理cookieDataconsole.log('Rece
- 正则验证用户名和跨域postmessage
Techwz-
javascript开发语言ecmascript
1.正则验证用户名form2.跨域postmessage#index.html2023www.test1.comwindow.addEventListener('message',(event)=>{if(event.origin==='http://www.class2.cn'){constcookieData=event.data;//处理cookieDataconsole.log('Rece
- 一些常用的正则验证
陌紫嫣
varwxReg=newRegExp("^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$");//微信号正则校验varqqReg=newRegExp("[1-9][0-9]{4,}");//QQ号正则校验varphReg=/^1[34578]\d{9}$/;//手机号正则校验varnameReg=newRegExp("^[\u4e00-\u9fa5]{2,4}$");//2-4位中
- 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 速度很慢而且效率也不