Heim > Artikel > Web-Frontend > Lokaler HTML5-Speicher: Was passiert, wenn keine Datenbank_HTML5-Tutorialkenntnisse vorhanden sind?
Der Hauptinhalt dieses Kapitels ist Web Storage und die lokale Datenbank ist eine neue Funktion von HTML5. Sie kann zum Erstellen einer Datenbank auf dem Client verwendet werden
Reduzieren Sie die Belastung auf der Serverseite erheblich und beschleunigen Sie den Zugriff auf Daten.Um dieses Kapitel zu studieren, müssen Sie die Grundkonzepte von Web Storage beherrschen und die Verwendung und Unterschiede zwischen sessionStorage und localStorage verstehen
Beherrschen Sie die Verwendung lokaler Datenbanken
Was ist WebStorage? Wie bereits erwähnt, ist Webstorage eine Optimierung von Cookies, um Benutzerdaten auf dem Client zu speichern. Nach längerer Nutzung wurden folgende Probleme festgestellt:
<span style="COLOR: #000000">大小限制在4kbcookie每次随HTTP事务一起发送,浪费带宽正确操作cookie很复杂(这个有待考虑)</span>
localStorage:
Speichert die Daten auf dem Client-Hardwaregerät, egal was es ist, was bedeutet, dass die Daten beim nächsten Einschalten des Computers dort sind.
Der Unterschied zwischen den beiden besteht darin, dass eines für die vorübergehende Speicherung und das andere für die Langzeitspeicherung vorgesehen ist.
Sie werden es spüren, wenn Sie es im Chrome-Browser betrachten.
Einfaches Web-Messageboard
更复杂的运用中,可以将value值用作json字符串,以此达到用作数据表的目的;
本地数据库
在HTML5中内置了一个可通过sql访问的数据库(新浏览器果真强大啊!),所以在HTML4中数据只能存在服务器端,HTML5则改变了这一原则.
这种不需要存储在服务器的专有名词为„SQLLite“(我终于知道他是干什么的了) 光说不练假把式,我们来实际操作一番,使用数据库实现web通讯录(左思右想还是用上了jQuery ): 做的时候居然发现我的FF不支持本地数据库!!! 🎜>
其实HTML5就是HTML4 api接口,目的就是让我们可以用js做更多事情罢了。
使用SQLLite数据库,需要两个必要步骤:
创建数据库访问对象
使用事务处理
<span style="COLOR: #000000">创建对象:<br>openDatabase(dbName, version, dbDesc, size)</span>
<span style="COLOR: #000000">实际访问:<br>db.transaction(function () {<br> tx.excuteSql('create table ......'); <br>});</span>
& lt; pre & gt; & lt; span style = "color: #000000" & gt; 数据查询 : :
excutesql (处理
通讯录
本地数据库实现web通讯录
姓名:
手机: