この記事では、JS ハッシュを使用して単一ページの Web アプリケーションを作成する方法の詳細な説明を主に紹介します。必要な友人に参考にしてください。
この記事は主に、JS ハッシュを使用して単一ページの Web アプリケーションを作成することに関する関連コンテンツを紹介し、みんなの参照と学習のために共有するためのものです。以下では多くを説明しません。詳しい紹介。
1. ハッシュとは
ここで説明するハッシュ (ハッシュとも呼ばれます) は、JS の location オブジェクトのハッシュ属性を指し、URL 内でゼロまたはゼロの後に # を返します。複数の文字。通常、location.hash を通じてハッシュ値を取得または設定できます。もちろん、aタグのhref属性を設定することでハッシュ値を設定することもでき、ユーザーがaタグをクリックした際にページのハッシュ値を変更することができます。
例:/** JS方式 **/
location.hash = 'hash'; //设置hash,该代码执行后URL后面增加“#hash”字符串
console.log(location.hash); //获取hash
/** HTML方式 **/ <a href="#hash" rel="external nofollow" >点击改变hash</a> <!-- 点击后URL后面增加“#hash”字符串 -->
ハッシュをどのように変更しても、ページは更新されないことに注意してください。
2. ハッシュの使い方
1. アンカーリンクを設定する
アンカーリンクを設定する(つまり上記のHTMLメソッド)ことで、ページを指定した位置にスライドさせることができます。ページジャンプも例外ではなく、リンクをクリックした後の要素ID。2. シングルページアプリケーションの制作を実現
ハッシュ値の変化に応じて対応する要素を表示・非表示にすることができ、ページ更新なしのシングルページ切り替えを実現します。3. シングル ページ Web アプリケーションとは何ですか? シングル ページ Web アプリケーション (SPA) は、単一の Web ページをロードし、ユーザーが Web アプリケーションを操作できるようにします。ページを動的に更新します。
上記は百度百科事典によるシングルページアプリケーション(SPA)の説明ですが、ハッシュを使うと「ページ」の切り替えがとても便利になります。 4. ハッシュを使ったSPAの作り方
<article class="container">
<section id="page1" class="page cur">第一页</section>
<section id="page2" class="page">第二页</section>
<section id="page3" class="page">第三页</section>
</article>
<nav id="nav" class="bottom-nav">
<ul>
<li>第一页</li>
<li>第二页</li>
<li>第三页</li>
</ul>
</nav>
ここで、IE は oldURL と newURL の 2 つの属性と互換性がないため、この方法にはいくつかの制限があります。もちろん、より良い方法は、最初にハッシュ値を oldHash として変数に格納することです。その具体的な方法は次のとおりです。ブラウザ以下では、 className 属性を処理することで同じ効果を達成するのが最善です。ここでは詳しく説明しません。
以上がJS ハッシュを使用してシングルページ Web アプリケーションを作成する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

開発環境におけるPythonとJavaScriptの両方の選択が重要です。 1)Pythonの開発環境には、Pycharm、Jupyternotebook、Anacondaが含まれます。これらは、データサイエンスと迅速なプロトタイピングに適しています。 2)JavaScriptの開発環境には、フロントエンドおよびバックエンド開発に適したnode.js、vscode、およびwebpackが含まれます。プロジェクトのニーズに応じて適切なツールを選択すると、開発効率とプロジェクトの成功率が向上する可能性があります。

はい、JavaScriptのエンジンコアはCで記述されています。1)C言語は、JavaScriptエンジンの開発に適した効率的なパフォーマンスと基礎となる制御を提供します。 2)V8エンジンを例にとると、そのコアはCで記述され、Cの効率とオブジェクト指向の特性を組み合わせて書かれています。3)JavaScriptエンジンの作業原理には、解析、コンパイル、実行が含まれ、C言語はこれらのプロセスで重要な役割を果たします。

JavaScriptは、Webページのインタラクティブ性とダイナミズムを向上させるため、現代のWebサイトの中心にあります。 1)ページを更新せずにコンテンツを変更できます。2)Domapiを介してWebページを操作する、3)アニメーションやドラッグアンドドロップなどの複雑なインタラクティブ効果、4)ユーザーエクスペリエンスを改善するためのパフォーマンスとベストプラクティスを最適化します。

CおよびJavaScriptは、WebAssemblyを介して相互運用性を実現します。 1)CコードはWebAssemblyモジュールにコンパイルされ、JavaScript環境に導入され、コンピューティングパワーが強化されます。 2)ゲーム開発では、Cは物理エンジンとグラフィックスレンダリングを処理し、JavaScriptはゲームロジックとユーザーインターフェイスを担当します。

JavaScriptは、Webサイト、モバイルアプリケーション、デスクトップアプリケーション、サーバー側のプログラミングで広く使用されています。 1)Webサイト開発では、JavaScriptはHTMLおよびCSSと一緒にDOMを運用して、JQueryやReactなどのフレームワークをサポートします。 2)ReactNativeおよびIonicを通じて、JavaScriptはクロスプラットフォームモバイルアプリケーションを開発するために使用されます。 3)電子フレームワークにより、JavaScriptはデスクトップアプリケーションを構築できます。 4)node.jsを使用すると、JavaScriptがサーバー側で実行され、高い並行リクエストをサポートします。

Pythonはデータサイエンスと自動化により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、データ処理とモデリングのためにNumpyやPandasなどのライブラリを使用して、データサイエンスと機械学習でうまく機能します。 2。Pythonは、自動化とスクリプトにおいて簡潔で効率的です。 3. JavaScriptはフロントエンド開発に不可欠であり、動的なWebページと単一ページアプリケーションの構築に使用されます。 4. JavaScriptは、node.jsを通じてバックエンド開発において役割を果たし、フルスタック開発をサポートします。

CとCは、主に通訳者とJITコンパイラを実装するために使用されるJavaScriptエンジンで重要な役割を果たします。 1)cは、JavaScriptソースコードを解析し、抽象的な構文ツリーを生成するために使用されます。 2)Cは、Bytecodeの生成と実行を担当します。 3)Cは、JITコンパイラを実装し、実行時にホットスポットコードを最適化およびコンパイルし、JavaScriptの実行効率を大幅に改善します。

現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1)DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2)node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

WebStorm Mac版
便利なJavaScript開発ツール

ドリームウィーバー CS6
ビジュアル Web 開発ツール

ホットトピック









