合計 10000 件の関連コンテンツが見つかりました
ローカルストレージ 注
記事の紹介:メモのJavaScriptローカルストレージ
このコードは、JavaScript を使用してローカル ストレージを操作し、テキスト コンテンツを保存および表示する方法を示します。
JavaScript コード:
let title = document.getElementById('title');
let text = document.getElementById('body');
let saveBtn = document.getElementById('save');
let display = document.getElementById('disp
2025-01-17
コメント 0
963
HTML5ローカルストレージの再訪
記事の紹介:キーテイクアウト
WebストレージAPIの一部であるHTML5ローカルストレージは、ブラウザ、プロトコル、ポート、およびトップレベルドメインに応じて、2MBから10MBの容量を持つブラウザのデータストレージを可能にします。 Cookieとは異なり、このデータはに送信されません
2025-02-20
コメント 0
771
サブセットとローカルストレージでのフォントパフォーマンスの向上
記事の紹介:キーポイント
フォントサブセット:Webフォントで未使用の文字を削除し、ファイルサイズを大幅に削減し、Webフォントのパフォーマンスを向上させます。 Font SirrelのWebFontジェネレーターなどのツールは、サブセットおよびエンコーディングプロセスを支援します。
ロールバックフォント:実際のフォントダウンロード中にフォールバックシステムフォントを表示して、ウェブサイトのコンテンツに即座にアクセスし、ウェブサイトまたはアプリケーションの知覚されたパフォーマンスを向上させます。
ローカルストレージ:ローカルストレージにWebフォントを保存し、フォントのパフォーマンスが大幅に向上します。ウェブページがロードされるたびに再ダウンロードすることなく、セッションまたはデバイスの再起動後にフォントが持続できます。ただし、この方法は、ユーザーのブラウザがローカルストレージをサポートするかどうかに依存することに注意する必要があります。
最近では多くの注目を集めている手法は、サブセット方法を使用してWebページフォントのサイズを縮小することです。
2025-02-20
コメント 0
608
9ローカルストレージを操作するためのJavaScriptライブラリ
記事の紹介:HTML5ローカルストレージAPI(Webストレージの一部)は、優れたブラウザーサポートを備えており、ますます多くのアプリケーションに適用されています。単純なAPIがありますが、Cookieに似たいくつかの欠点もあります。
私は過去1年ほどでローカルストレージAPIを使用するかなりの数のツールとライブラリに出くわしたので、いくつかのコードの例と機能の議論でこの投稿にそれらを整理しました。
重要なポイント
HTML5ローカルストレージAPIは広くサポートされており、アプリケーションでますます一般的になりつつありますが、Cookieと同様のいくつかの制限もあります。さまざまなJavaScriptライブラリが開発され、機能を改善および拡張しています。
lockr、store.J
2025-02-19
コメント 0
631
LocalStorage VS SessionStorage VS Cookie
記事の紹介:クッキー
ローカルストレージ
セッションストレージ
容量
4kb
5 ~ 10 MB (ブラウザに依存)
5MB
アクセシビリティ
すべてのウィンドウ
すべてのウィンドウ
タブを非公開にする
有効期限
手動で設定
有効期限はありません
タブを閉じると
リクエストに渡されました
はい
いいえ
いいえ
ストレージ
ブラウザとSE
2024-11-13
コメント 0
1129
シンプルなスタイルスイッチャーの作成
記事の紹介:訪問者にフォントのサイズや言語などの側面をパーソナライズできるようにすることで、ウェブサイトのユーザーエクスペリエンスを向上させます。 このチュートリアルは、スタイルスイッチャーを構築し、ローカルストレージを使用して好みを思い出す方法を示しています。
重要な概念:
スタイルスイッチャーはUXを改善します
2025-02-21
コメント 0
384
キャッシュFETCED AJAXリクエストはローカルにリクエストします。フェッチAPIをラップします
記事の紹介:この記事は、招待された著者ピーター・ベンツソンによって書かれています。 SitePointの特別ゲスト投稿は、JavaScriptコミュニティの有名な作家やスピーカーから素晴らしいコンテンツを提供するように設計されています
この記事では、フェッチされたリクエストのローカルキャッシュを実装する方法を示しているため、繰り返し実行された場合、セッションストアから読み取られます。これの利点は、キャッシュするすべてのリソースのカスタムコードを記述する必要がないことです。
次のJavaScriptパーティーを披露し、約束、最先端のAPI、およびローカルストレージを処理するためのさまざまなスキルを披露したい場合は、読み続けてください。
主な利益
Fetch APIを使用すると、開発者は冗長性を減らすことでAjaxリクエストのローカルキャッシュを作成できます
2025-02-17
コメント 0
550
電話トラックを消去して、デジタルフットプリントを保護します
記事の紹介:デジタルフットプリントを保護する:携帯電話のトレースを徹底的に削除する
(この記事は更新され、元々2019年12月5日に公開されました)
グループチャットに参加したり、YouTubeビデオを視聴したり、インターネットを検索したりするために携帯電話を受け取るたびに、アクティビティのデジタルフットプリントを残します。次に友人がデバイスを借りるとき、このトレースはあなたのプライバシーを危険にさらす可能性があります。お使いの携帯電話が違法な人の手に渡ると、あなたの個人情報も危険にさらされます。
このガイドでは、他の人が簡単に見つけることができるデータの記録と保存をデバイスに防ぐ方法を説明します。アプリがクラウドに送信する情報を制限するのではなく、携帯電話のローカルストレージのクリーンアップに焦点を当てます。
不可視モードを有効にします
携帯電話のWebブラウザ(コンピューターのブラウザと同じように)は、データ制限された不可視性または
2025-02-25
コメント 0
145
次のレベルのアプリの構築: Next.js が React の機能をどのように強化するか
記事の紹介:TypeScript を学習しながら、React のスキルもレベルアップしたいと考えていました。 React は、インタラクティブなユーザー インターフェイスを構築するための強固な基盤をすでに私に与えてくれましたが、もっと探究すべきことがあると感じました。そんなとき、インストラクターが Next.js を紹介してくれました。
2025-01-14
コメント 0
572