<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>深蓝的blog &#187; HTML5</title>
	<atom:link href="http://www.lanxinbase.com/?feed=rss2&#038;tag=html5" rel="self" type="application/rss+xml" />
	<link>http://www.lanxinbase.com</link>
	<description>记录日常生活</description>
	<lastBuildDate>Sat, 18 Apr 2026 07:10:07 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.2.3</generator>
	<item>
		<title>H5设计一个简单的在线编辑器</title>
		<link>http://www.lanxinbase.com/?p=1648</link>
		<comments>http://www.lanxinbase.com/?p=1648#comments</comments>
		<pubDate>Fri, 21 Apr 2017 02:45:12 +0000</pubDate>
		<dc:creator><![CDATA[Alan]]></dc:creator>
				<category><![CDATA[6.前端开发]]></category>
		<category><![CDATA[H5编辑器]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[简单的编辑器]]></category>
		<category><![CDATA[编辑器]]></category>

		<guid isPermaLink="false">http://www.lanxinbase.com/?p=1648</guid>
		<description><![CDATA[上面的代码，就是编辑器的代码，把对象直接绑定到window对象中，方便调用；

接下来，就是实现了，首先我们需要一个DOM对象来绑定编辑器：

\<\div class=\"contentEditable\"\>\<\/div\>
自己新建了一个div，这里最好使用ID，本人是测试，所以懒；

然后调用编辑器对象的init方法，初始化编辑器；

editorUtils.init(document.getElementsByClassName(\"contentEditable\")[0]);
init的方法，主要是设置编辑器的高度宽度，已经class样式，继承绑定对象的属性，我只写了一个class绑定，之后就把绑定对象隐藏起来；

然后大功告成了，现在可以编辑内容了，我们来看一下截图：]]></description>
		<wfw:commentRss>http://www.lanxinbase.com/?feed=rss2&#038;p=1648</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTMl5的sessionStorage和localStorage</title>
		<link>http://www.lanxinbase.com/?p=841</link>
		<comments>http://www.lanxinbase.com/?p=841#comments</comments>
		<pubDate>Thu, 19 Nov 2015 01:10:13 +0000</pubDate>
		<dc:creator><![CDATA[Alan]]></dc:creator>
				<category><![CDATA[4.PHP后端开发]]></category>
		<category><![CDATA[5.互联网应用开发]]></category>
		<category><![CDATA[6.前端开发]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[LocalStorage]]></category>
		<category><![CDATA[sessionStorage]]></category>

		<guid isPermaLink="false">http://www.lanxinbase.com/?p=841</guid>
		<description><![CDATA[html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。

而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。]]></description>
		<wfw:commentRss>http://www.lanxinbase.com/?feed=rss2&#038;p=841</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 LocalStorage 本地存储</title>
		<link>http://www.lanxinbase.com/?p=833</link>
		<comments>http://www.lanxinbase.com/?p=833#comments</comments>
		<pubDate>Thu, 19 Nov 2015 01:05:00 +0000</pubDate>
		<dc:creator><![CDATA[Alan]]></dc:creator>
				<category><![CDATA[4.PHP后端开发]]></category>
		<category><![CDATA[5.互联网应用开发]]></category>
		<category><![CDATA[6.前端开发]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[LocalStorage]]></category>

		<guid isPermaLink="false">http://www.lanxinbase.com/?p=833</guid>
		<description><![CDATA[最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了，就好像以前禁用javascript的用户不存在了一样。

userData是IE的东西，垃圾。现在用的最多的是Flash吧，空间是Cookie的25倍，基本够用。再之后Google推出了Gears，虽然没有限制，但不爽的地方就是要装额外的插件（没具体研究过）。到了HTML5把这些都统一了，官方建议是每个网站5MB，非常大了，就存些字符串，足够了。比较诡异的是居然所有支持的浏览器目前都采用的5MB，尽管有一些浏览器可以让用户设置，但对于网页制作者来说，目前的形势就5MB来考虑是比较妥当的。]]></description>
		<wfw:commentRss>http://www.lanxinbase.com/?feed=rss2&#038;p=833</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>手机端上传图片HTML5之FileReader</title>
		<link>http://www.lanxinbase.com/?p=829</link>
		<comments>http://www.lanxinbase.com/?p=829#comments</comments>
		<pubDate>Sat, 14 Nov 2015 03:30:55 +0000</pubDate>
		<dc:creator><![CDATA[Alan]]></dc:creator>
				<category><![CDATA[5.互联网应用开发]]></category>
		<category><![CDATA[FileReader]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.lanxinbase.com/?p=829</guid>
		<description><![CDATA[HTML5定义了FileReader作为文件API的重要成员用于读取文件，根据W3C的定义，FileReader接口提供了读取文件的方法和包含读取结果的事件模型。

FileReader的使用方式非常简单，可以按照如下步骤创建FileReader对象并调用其方法：]]></description>
		<wfw:commentRss>http://www.lanxinbase.com/?feed=rss2&#038;p=829</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
