- BFC块级格式化上下文
湘兰沅芷
怎样触发BFC?1.浮动元素:float:除none以外的值2.绝对定位元素:position(absolute,fixed)3.display为inline-blocktable-cellsflex4.overflow除visible以外的值(hidden,auto,scroll)遇到哪些问题需要用到BFCDIV左右外边距并没有重叠但是上外边距和父级重叠在了一起,这时候就要触发BFC来解决这个问
- 使用Flex 4、Django、Python和PyAMF进行开发
王肇朋
Django
使用Flex4、Django、Python和PyAMF进行开发合作伙伴:Adobe目录安装Django安装PyAMF创建Django项目开发Flex4应用程序配置PyAMF项目使用NetworkMonitor运行应用程序未来步骤要求预备知识熟悉Flex、FlashBuilder和ActionScript3.0,对UNIX命令行命令和开源数据库有基本的了解用户水平中级需要的产品FlashBuilde
- php字符串拷贝,PHP字符串还原
原宗有
php字符串拷贝
flex4日期类型字符串转日期类型(string转Date)(转)mysql数据库中存储的日期类型通过PHP返回到flex端为字符串类型,这样在flex中进行处理时就必须要将字符串转化为Date类型。如果仅仅是"年/月/日"的组合,而没有涉及到”时/分/秒“那么直接使用DateField的静态方法stringToDate()就可以实现,方法如下:...文章杰克.陈2013-09-25803浏览量P
- 三栏布局实现方式
mini韦
vuecss教程html前端
1、浮动+margin2、浮动+bfc3、flex4、table5、定位6圣杯布局7、双飞翼布局截图来自最简单最全面的三栏布局_哔哩哔哩_bilibili
- 北风课堂:超过300 门免费IT 课程
ambition_forever
语言基础
全部免费!!!!(请复制地址浏览器打开)大家抓紧上去看看吧:http://edu.ibeifeng.com/实战:Flex4.X实战在线书店项目初步构建http://edu.ibeifeng.com/view-index-id-134.html深入学习ExtJs4.1的布局及常用控件http://edu.ibeifeng.com/view-index-id-129.html专题-深入JavaOOP
- CSS多栏布局-两栏布局和三栏布局
富朝阳
CSScss前端面试html
目录一、两栏布局左列定宽,右列自适应1.利用浮动,margin实现2.浮动+BFC3.定位4.flex5.table布局二、三栏布局左右两列定宽,中间自适应1.浮动+margin2.浮动+BFC3.flex4.table布局5.定位相信大家在面试的时候也会经常碰到两栏、三栏布局,一下列出来几种方式以供大家参考,废话不多说,直接上干货,如有不足之处,请大家补充。一、两栏布局左列定宽,右列自适应1.利
- SuperMap iServer常见问题解答集锦 (二)
supermapsupport
云GISsupermapiServerGIS常见问题
作者:朝阳问:什么原因造成使用Flex4.5SDK开发Flex工程中文名称的地图出不来?答:目前不建议使用SDK4.5,建议换为SDK4.0,如果要使用SDK4.5的话,建议将地图名修改为英文。问:初始化地图时如何放大到某一比例尺下答:可以在map控件的load()方法中调用map对象的zoomToLevel()或zoomToScale()方法。问:初始化地图时如何自定义地图的范围?答:自定义地图
- CSS FLEX 弹性布局详解
Fetters04
csscss3html
文章目录一、基本概念二、flex布局属性1)容器属性1.flex-direction2.flex-wrap3.flex-flow4.justify-content5.align-items6.align-content2)项目属性1.order2.align-self3.flex4.flex-grow5.flex-shrink6.flex-basis一、基本概念 Flex是FlexibleBox
- 1. 实现左中右三栏布局,左右固定宽度,中间自适应(五种方式)(清除浮动)
C.&H.
前端面试题目
五种方法:1.浮动float2.定位position3.弹性盒子布局flex4.表格布局table5.网格布局grid方法1:浮动--float(1)浮动原理:当一个元素浮动之后,就会移出正常的文档流(内联元素与p标签会识别float为正常文档流。),向左或向右平移,直到碰到了所处容器的边缘,或者碰到另外一个浮动的元素。一旦让div浮动起来,其父元素立刻会像inline一样产生包裹性(包裹性就是父
- CSS多栏布局-两栏布局和三栏布局
七里香777
笔记csscss3前端
目录前言------两栏布局一、左列定宽,右列自适应1.浮动+margin2.浮动+BFC3.定位4.flex5.浮动+负外边距6.table布局二、左列不定宽,右列自适应1.flex2.浮动+BFC------三栏布局左右两列定宽,中间自适应1.浮动+margin2.浮动+BFC3.flex4.table5.定位6.圣杯布局7.双飞翼布局写在后面前言在牛客上看面经时,发现有很多关于CSS布局的问
- 一文看完,PowerFlex 4.0更新都在这里
原创资讯
网络运维服务器
软件定义基础架构数据中心整合和现代化DellPowerFlex再进化!DellPowerFlex是一个无界限的软件定义基础架构,可最大限度提高IT生态系统的灵活性,并加速客户IT基础架构现代化和整合计划,确保工作负载的出色执行并提供广泛的自动化提高业务敏捷性。我们很高兴为您介绍DellPowerFlex4.0带来的最新更新。这个2022年8月的软件版本扩展了PowerFlex的整合用例,其功能包括
- FLEX4 设置全局样式 的方法
MayMatrix
FlexFLEX4设置全局样式
参考:①UsingtheFlex4StyleManager:GettingStyleDeclarationsDecember6Asyoumayknow,inFlex4younolongercalltheStyleManagerclassasasingleton(StyleManager.getStyleManager()).Instead,StyleManagerimplementsIStyleM
- BFC
天骄卓别
块级格式化上下文(BlockFromattingContext)一个HTML元素要创建BFC,则满足下列的任意一个或多个条件即可:1、float的值不是none。2、position的值不是static或者relative。3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex4、overflow的值不是visible
- Flex布局
qq_41916882
毕业设计flex
Flex布局Flex布局是什么基本概念容器属性3.1flex-direction属性3.2flex-wrap属性3.3flex-flow3.4justify-content属性3.5align-items3.6align-content项目的属性4.1order4.2flex-grow4.3flex-shrink4.4flex-basis4.5flex4.6align-selfFlex布局是什么F
- 前端面试知识点(五)--- BFC的创建和作用
养只狗
前端面试题汇总csscss3前端
如何创建BFC1、float的值不是none。2、position的值不是static或者relative。3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex4、overflow的值不是visibleBFC的作用利用BFC避免margin重叠。一起来看一个例子:*{margin:0;padding:0;}p{col
- Flex头部中的fx、mx和s命名空间
fatofa
Flex
Flex4带给我们的,是全新的命名空间。了解这些命名空间必定是一件好事情。Flex4有三个非常重要的命名空间,分别是:•xmlns:fx=”http://ns.adobe.com/mxml/2009″•xmlns:mx=”library://ns.adobe.com/flex/halo”•xmlns:s=”library://ns.adobe.com/flex/spark”1、xmlns:fx=”
- 去掉Flex4生成的SWF加载时的进度条
lu_cy
方法1:xmlns:s="library://ns.adobe.com/flex/spark"xmlns:mx="library://ns.adobe.com/flex/mx"usePreloader="false">方法二:重写Preload的进度条类packagecom.haso.flex4SH.component{importflash.display.Sprite;importflash.
- Resizable TitleWindow in Flex 4
snail8384
FlexFlex
ResizableTitleWindowinFlex4package{importflash.display.DisplayObject;importflash.events.Event;importflash.events.MouseEvent;importflash.geom.Point;importmx.core.UIComponent;importmx.events.SandboxMous
- Flex SDK bin命令解析–mxmlc参数列表
xuexi888
收藏FlexAIRLinuxWindowsUnix
以最新的开发包flex4_sdk为例吧mxmlc[linux,Mac,Unix],mxmlc.exe[Windows]//flex最主要的命令,用于编译主项目和组件类amxmlc[Mac,Linux,Unix],amxmlc.bat[Windows]//acompc调用compc来编译Air库和组件类fdb[linux,Mac],fdb.exe[Windows]//Flash或Air运行时调试工具
- flex4 RemoteObject 的用法详解
NM_IT
flex
访问远程Java对象为了实现对远程Java对象的访问,在服务器端,需要完成如下几个步骤:1.创建LiveCycleDataServiceWeb应用;2.实现POJOJava类;3.在LiveCycleDataServiceWeb应用中部署POJOJava类;4.配置remote-config.xml文件,声明desination节点,指向POJOJava类。在客户端应用中,需要实现:1.实例化Re
- flex4.6开发移动stage3d应用(一):环境搭建
sshong
两年没有写过博文了,这几日突然有写博客的冲动。可惜自己的网站域名都失效了,在个人网站恢复开通之前,先在csdn安家,写些技术博客吧。随着air3.2的发布,已经可以在手机端(android、ios)上利用air开发stage3d相关的应用了。这里写一下开发环境搭建方法:1、安装flex4.6,这个不用说了2、由于4.6自动的airsdk还是3.1,需要到adobe官网下air的最新sdk(3.2)
- Flex4 主程序调用模块方法报TypeError: Error #1009:无法访问空对象引用的属性或方法
布丰
问题汇总(Questions)
flex做导航菜单,页面用模块,由于在主应用需要调用某个模块下的方法:(moduleLoader.childas模块名).方法();当在这个模块下没有组件的时候,没问题,可以调用成功,并且加这个flex3的这个组件也没问题但是试了下随便加几个别的组件就报错:TypeError:Error#1009:无法访问空对象引用的属性或方法。atmx.core::UIComponent/getStyle()[
- Flex之旅--项呈示器ItemRenderer
sjepy
新的征程Flex开发
本文只讨论DataGrid的项呈示器,其他的没有细看,应该是类似的,可能只是实现的接口不同而已,以后用到这部分内容的话再补充进来。每次前面都说这么些废话,只是为了说明文章内容的适应范围,否则可能会引起误解。Flex4.0API里面有这么一句话:列表组件的项呈示器和项目编辑器必须实现IListItemRenderer接口。至于IListItemRenderer接口定义了哪些内容对于我们应用的人来说并
- Flex序列号
paladin1988
Flex
flex3序列号:1377-4167-5844-4698-0048-5821flex4.5序列号:1424-4938-3077-5736-3940-56401424-4827-8874-7387-0243-7331
- Flex4 AIR程序去除窗口边框, 最大化
-氺_涙-
Flex
去除系统边框:更改(主程序-app.xml)文件找到和改为nonetrue并在(主程序.mxml)文件中对标签添加属性showStatusBar="false"另:如需要对窗口进行全屏设置,在初始化代码中添加systemManager.stage.displayState=StageDisplayState.FULL_SCREEN_INTERACTIVE;设置窗口最大化:NativeApplica
- flex4.5移动设备开发-注意指导
cjd007
Flex
DevelopingAIRapplicationsformobiledevices;官方的指导文件[url]http://help.adobe.com/en_US/air/build/WSfffb011ac560372f-5d0f4f25128cc9cd0cb-8000.html[/url]包括:SettingupyourdevelopmentenvironmentMobileapplicatio
- Flex的安装与启动
zfl092005
Flexflexeclipsewindowssystemjavac
1、安装与注册安装flex4.5后,打开C:\WINDOWS\system32\drivers\etc目录下的hosts文件,在文件最后加入:127.0.0.1activate.adobe.com127.0.0.1practivate.adobe.com127.0.0.1ereg.adobe.com127.0.0.1activate.wip3.adobe.com127.0.0.1wip3.adob
- [转]Stage3D 翻译系列之六:一个真正的纯Stage3D应用(一)
hili2006
as3webgame3d引擎
前提必备知识熟悉Stage3DAPI,对其结构基本了解。对顶点和片段着色器,着色器语言基本了解。在阅读本文之前,强烈建议将本系列的前三篇教程完成(1、Stage3D如何工作2、顶点和片段着色器3、何为AGAL)所需额外产品Flex4.5SDKDownloadFlayerPlayer11中的playerglobal.swc文件DownloadFlashPlayer11Download用户级别中级所需
- 找不到{playerglobalHome}/11.8/playerglobal.swc
水中影子
flex4.x问题
今天试验下Flex4.10,新建项目时,报错找不到xx盘/frameworks/{playerglobalHome}/11.8/playerglobal.swc这个变量是在frameworks/flex-config.xml中出现的。我比较了ApacheFlex4.10.0和AdobeFlex4.6.0的flex-config.xml文件,发现有源码中有两个地方将原来的libs/player替换成
- Flex4.6 上使用 Air3.3 SDK
东名夜雨
Flash
windows版本1:Adobe\AdobeFlashBuilder4.6\sdks\4.6.0文件夹拷贝一份,命名为Flex4.6_Air3.3(名字随便起)2:到http://www.adobe.com/support/flashplayer/downloads.html下载最新的playerglobal11_3.swc覆盖Flex4.6_AIR3.3\frameworks\libs\play
- 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 速度很慢而且效率也不