1. ブラウザストレージの開発の歴史
Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database など、多くのローカル ストレージ ソリューションがあります。
現在主流のローカル ストレージ ソリューションを確認するには、インターネットから写真を借りてください:
Cookie: Web で広く使用されていますが、制限が非常に明白で、一部のサイトでは容量が小さすぎます。セキュリティ上の理由から、Cookie を無効にすることを検討してください。Cookie の内容は、ページのリクエストとともにサーバーに送信されます。
Flash SharedObject: Kissy のストア モジュールは、Flash SharedObject を呼び出すために使用されます。 Flash SharedObject の利点は、適度な容量があり、基本的に互換性の問題がないことです。欠点は、ページに特定の swf および js ファイルを導入する必要があるため、追加の負担がかかり、一部のマシンでは処理が面倒なことです。フラッシュ動作環境。
Google Gears: Google のオフライン ソリューションは更新を停止しました。公式には HTML5 localStorage ソリューションの使用が推奨されています。
ユーザーデータ: Microsoft が IE 用にシステム内に特別に開いたストレージ領域であるため、Windows + IE の組み合わせのみをサポートします。実際のテストは 2000 (IE5.5)、XP (IE6、IE7)、 Vista（IE7） 以下は正常に使用できます。 XP では、通常は C:Documents and Settings のユーザー名 UserData にありますが、場合によっては C:Documents and Settings のユーザー名 Application DataMicrosoftInternet ExplorerUserData にあります。 Vista では、C:Users usernameAppDataRoamingMicrosoftInternet ExplorerUserData にあります。単一ファイルのサイズ制限は 128 KB で、1 つのドメイン名に合計 1024 KB のファイルを保存でき、ファイル数に制限はありません。制限されたサイトでは、これら 2 つの値はそれぞれ 64KB と 640KB になるため、さまざまな状況を考慮すると、1 つのファイルが 64KB 未満になるように制御するのが最善です。
localStorage: 上記のローカル ストレージ ソリューションと比較すると、localStorage には独自の利点があります。大容量、使いやすく、強力で、ネイティブ サポートです。欠点は、互換性が低いことです (Chrome、safari、Firefox、IE 9、IE8 はすべて localStorage をサポートしており、主に IE8 より前のバージョンではサポートされておらず、安全性も低くなります (そのため、機密情報を保存するために localStorage を使用しないでください)。
HTML5 における localStorage のブラウザ互換性は次のとおりです:
2. HTML5 の localStorage 操作は
HTML5 では、ローカル ストレージは、localStorage と sessionStorage を含むウィンドウの属性です。名前から、この 2 つの違いは明確に識別できるはずです。前者は常にローカルに存在しますが、後者はセッションに伴ってのみ存在し、ウィンドウを閉じると消えます。どちらの使い方も全く同じです。
以前は、これはすべて Cookie によって行われていました。ただし、Cookie はリクエストごとにサーバーに渡されるため、速度が遅く非効率的になるため、大量のデータを保存するのには適していません。
HTML5 では、サーバーリクエストごとにデータが渡されるわけではなく、データはリクエストされた場合にのみ使用されます。 Web サイトのパフォーマンスに影響を与えることなく、大量のデータを保存できます。
Web サイトごとにデータは異なる領域に保存され、Web サイトは独自のデータのみにアクセスできます。
HTML5 は JavaScript を使用してデータを保存し、データにアクセスします。
localStorage メソッドによって保存されるデータには時間制限がありません。データは翌日、翌日、または翌日以降も利用できます。 localStorage には、ローカル ストレージを設定してアクセスするための 3 つの方法があります。
localStorage.t1="ドライミックスの大きなボウル";
localStorage["t2"]="HTML5";
localStorage.setItem("t3","http://blog.csdn.NET / dawanganban");
localStorage.t1;
localStorage["t2"];
localStorage.getItem("t3");
<!DOCTYPE HTML>
<html>
<head>
<meta charset="urf-8"/>
</head>
<body>
<script type="text/javascript">
//判断浏览器是否支持本地存储
if(window.localStorage){
localStorage.t1="大碗干拌";
document.write(localStorage.t1);
localStorage['t2']="<br/>hello word"
document.write(localStorage.t2);
localStorage.setItem("t3", "<br/>http://blog.csdn.net/dawanganban");
document.write(localStorage.t3);
}else{
alert("你的浏览器不支持");
}
</script>
</body>
</html>上記の3行の割り当てコードをコメントアウトし、データは引き続きブラウザ上で表示できることがわかりました。
localStorage には、上記の代入と取得に加えて、次のような用途もあります。
localStorage.length //取得するキーの数
localStorage.key() //保存されているキーの内容を取得
<!DOCTYPE HTML>
<html>
<head>
<meta charset="urf-8"/>
</head>
<body>
<script type="text/javascript">
//判断浏览器是否支持本地存储
if(window.localStorage){
//先清除一下
localStorage.clear();
localStorage.t1="大碗干拌";
document.write(localStorage.t1);
localStorage['t2']="<br/>hello word"
document.write(localStorage.t2);
localStorage.setItem("t3", "<br/>http://blog.csdn.net/dawanganban");
document.write(localStorage.t3);
//清除t2 全部清除用clear
localStorage.removeItem("t2");
for(var i=0;i<localStorage.length;i++){
document.write("<br/>" + localStorage.key(i) + "___"+localStorage.getItem(localStorage.key(i)));
}
}else{
alert("你的浏览器不支持");
}
</script>
</body>
</html>以上がXiaoqiangのHTML5モバイル開発ロード(19) - HTML5 Local Storage(ローカルストレージ)の内容です、その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。
H5とHTML5の接続：類似性と相違点Apr 24, 2025 am 12:01 AMH5とHTML5は異なる概念です。HTML5は、新しい要素とAPIを含むHTMLのバージョンです。 H5は、HTML5に基づくモバイルアプリケーション開発フレームワークです。 HTML5はブラウザを介してコードを解析およびレンダリングしますが、H5アプリケーションはコンテナを実行し、JavaScriptを介してネイティブコードと対話する必要があります。
H5コードの構成要素：キー要素とその目的Apr 23, 2025 am 12:09 AMHTML5の重要な要素には、最新のWebページの構築に使用される、、,,,,などが含まれます。 1.ヘッドコンテンツを定義します。2。リンクをナビゲートするために使用されます。3。独立した記事のコンテンツを表します。4。ページコンテンツを整理します。5。サイドバーコンテンツを表示します。
HTML5およびH5：一般的な使用法の理解Apr 22, 2025 am 12:01 AMHTML5とHTML5の略語であるHTML5とH5の間に違いはありません。 1.HTML5はHTMLの5番目のバージョンであり、Webページのマルチメディア関数とインタラクティブ機能を強化します。 2.H5は、HTML5ベースのモバイルWebページまたはアプリケーションを参照するためによく使用され、さまざまなモバイルデバイスに適しています。
HTML5：現代のウェブのビルディングブロック（H5）Apr 21, 2025 am 12:05 AMHTML5は、W3Cによって標準化されたHyperText Markup言語の最新バージョンです。 HTML5は、新しいセマンティックタグ、マルチメディアサポート、フォームの強化、Web構造の改善、ユーザーエクスペリエンス、SEO効果を導入します。 HTML5は、Webページ構造をより明確にし、SEO効果をより良くするために、、、、、、などの新しいセマンティックタグを導入します。 HTML5はマルチメディア要素をサポートしており、サードパーティのプラグインは不要で、ユーザーエクスペリエンスと読み込み速度が向上します。 HTML5はフォーム関数を強化し、ユーザーエクスペリエンスを向上させ、フォーム検証効率を向上させるなどの新しい入力タイプを導入します。
H5コード：クリーンで効率的なHTML5の書き込みApr 20, 2025 am 12:06 AMクリーンで効率的なHTML5コードを書き込む方法は？答えは、タグのセマンティック、構造化されたコード、パフォーマンスの最適化、一般的な間違いを回避することにより、一般的な間違いを避けることです。 1.コードの読みやすさとSEO効果を改善するには、セマンティックタグなどを使用します。 2。適切なインデントとコメントを使用して、コードを構造化して読みやすいままにします。 3.不必要なタグを減らし、CDNを使用してコードを圧縮することにより、パフォーマンスを最適化します。 4.タグが閉じていないなどの一般的な間違いを避け、コードの有効性を確認してください。
H5：ウェブ上のユーザーエクスペリエンスをどのように強化するかApr 19, 2025 am 12:08 AMH5は、マルチメディアサポート、オフラインストレージ、パフォーマンスの最適化により、Webユーザーエクスペリエンスを向上させます。 1）マルチメディアサポート：H5と要素は、開発を簡素化し、ユーザーエクスペリエンスを向上させます。 2）オフラインストレージ：WebStorageとIndexEdDBは、エクスペリエンスを改善するためにオフラインで使用できるようにします。 3）パフォーマンスの最適化：ウェブワーカーと要素は、パフォーマンスを最適化して帯域幅の消費を削減します。
H5コードの分解：タグ、要素、属性Apr 18, 2025 am 12:06 AMHTML5コードは、タグ、要素、属性で構成されています。1。タグはコンテンツタイプを定義し、などの角度ブラケットに囲まれています。 2。要素は、startタグ、内容、および内容などのエンドタグで構成されています。 3。属性は、開始タグのキー値のペアを定義し、ような関数を強化します。これらは、Web構造を構築するための基本ユニットです。
H5コードの理解：HTML5の基礎Apr 17, 2025 am 12:08 AMHTML5は、最新のWebページを構築するための重要なテクノロジーであり、多くの新しい要素と機能を提供します。 1。HTML5は、Webページの構造とSEOを強化するなどのセマンティック要素を導入します。 2。プラグインなしのマルチメディア要素と埋め込みメディアをサポートします。 3.フォームは、新しい入力タイプと検証プロパティを強化し、検証プロセスを簡素化します。 4.オフラインおよびローカルストレージ機能を提供して、Webページのパフォーマンスとユーザーエクスペリエンスを向上させます。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
