亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

目次
url
の逆の操作です。オブジェクトを url 文字列に変換します。
URL を解決するために使用されます。 #。 %%PRE_BLOCK_4%%
url クエリ パラメータの解析にも使用されます。ここでは、その 2 つのメソッド parse
デコード。 %%PRE_BLOCK_5%%
ホームページ ウェブフロントエンド jsチュートリアル Node の URL モジュールとクエリ文字列モジュールについて話しましょう

Node の URL モジュールとクエリ文字列モジュールについて話しましょう

Feb 23, 2023 pm 07:39 PM
フロントエンド node.js インタビュー

Node の URL モジュールとクエリ文字列モジュールについて話しましょう

url モジュールと querystring モジュールは、2 つの非常に重要な URL 処理モジュールです。 node サーバー開発を行うときによく使用されます。

url

url モジュールを?qū)毪工肭挨?、まず寫真を撮りましょう。この寫真を理解すると?code>url に役立ちます。 このモジュールでは基本的に問題はありません。

Node の URL モジュールとクエリ文字列モジュールについて話しましょう

それぞれの意味を説明しましょう

  • protocol: プロトコル. : が含まれていることに注意してください。小文字。 [関連チュートリアルの推奨事項(xiàng): nodejs ビデオ チュートリアル 、プログラミング教育 ]
  • スラッシュ: : の後に 2 つの // # が続く場合##、それは本當(dāng)です。
  • auth: 認(rèn)証情報(bào)。パスワードがある場合は
  • usrname:passwd、パスワードがない場合は usrname となります。大文字と小文字が區(qū)別されることに注意してください。
  • host: ホスト名。
  • ke.qq.com:8080 のようにポートが小文字で含まれていることに注意してください。
  • hostname: ホスト名。ポートは含まれず、小文字です。
  • ポート: ポート番號。
  • path: 検索部分を含むパス部分。
  • pathname: パス部分。検索部分は含まれません。
  • search: クエリ文字列。
  • ? が含まれていることに注意してください。また、値はデコードされていません。
  • クエリ: 文字列またはオブジェクト。文字列の場合は
  • search から ? を除いたもので他は同じですが、オブジェクトの場合はデコードされます。
  • hash: ハッシュ部分には
  • # が含まれることに注意してください。
  • href: 元のアドレス。ただし、
  • protocolhost は小文字に変換されることに注意してください。
その 3 つの一般的なメソッドを説明しましょう

parse(urlString, parseQueryString,lashesDenoteHost)

このメソッドは

url 文字列は object に解析されるため、開発者にとっては操作が便利です。

const url = require("url");

const str = "http://user:password@randy.com:8080/index.html?nick=%E4%B8%AD%E6%96%87#part=1";

const obj = url.parse(str);
console.log(obj);

Output

Node の URL モジュールとクエリ文字列モジュールについて話しましょう##このメソッドは、他の 2 つのパラメータ

parseQueryString

slashesDenoteHos# の受け渡しもサポートしています。 ##parseQueryString

: (デフォルトは false)

false の場合、urlObject.querynick= Chinese # などの解析されていない文字列です。 ##、対応する値は decode ではありません; parseQueryString が true の場合、urlObject.queryobject になります (例: #) ##{ ニックネーム: '中國語' }、値は `デコードされます;

const url = require("url");

const str = "http://user:password@randy.com:8080/index.html?nick=%E4%B8%AD%E6%96%87#part=1";

const obj2 = url.parse(str, true);
console.log(obj2);

slashesDenoteHos

: (デフォルトは false) Node の URL モジュールとクエリ文字列モジュールについて話しましょうtrue

の場合、

//randy/nickrandyhostname とみなされます。 false# の場合、 ## の場合、randypathname の一部とみなされます。 この文の意味が分からないと思われるかもしれませんが、以下に例を挙げて説明しますので、理解してもらえると思います。 <pre class='brush:php;toolbar:false;'>const str2 = &quot;//randy/nick&quot;; const obj3 = url.parse(str2, true, false); console.log(obj3); const obj4 = url.parse(str2, true, true); console.log(obj4);</pre>

format(urlObject)

Node の URL モジュールとクエリ文字列モジュールについて話しましょうこのメソッドは、

parse

の逆の操作です。オブジェクトを url 文字列に変換します。

const pathObj = {
  protocol: "http:",
  slashes: true,
  auth: "user:password",
  host: "randy.com:8080",
  port: "8080",
  hostname: "randy.com",
  hash: "#part=1",
  search: "?nick=%E4%B8%AD%E6%96%87",
  query: "nick=%E4%B8%AD%E6%96%87",
  pathname: "/index.html",
  path: "/index.html?nick=%E4%B8%AD%E6%96%87",
  href: "http://user:password@randy.com:8080/index.html?nick=%E4%B8%AD%E6%96%87#part=1",
};

console.log(url.format(pathObj)); // http://user:password@randy.com:8080/index.html?nick=%E4%B8%AD%E6%96%87#part=1

resolve(from, to)このメソッドは、ベース

URL## を基準(zhǔn)にしてターゲット

URL を解決するために使用されます。 #。
console.log(url.resolve("/one/two/three", "four")); // /one/two/four
console.log(url.resolve("http://example.com/", "/one")); // http://example.com/one
console.log(url.resolve("http://example.com/one", "/two")); // http://example.com/two
console.log(url.resolve("http://example.com/one/ddd/ddd/ddd", "./two")); // http://example.com/one/ddd/ddd/two
console.log(url.resolve("http://example.com/one/ddd/ddd/ddd", "../two")); // http://example.com/one/ddd/two
console.log(url.resolve("http://example.com/one/ddd/ddd/ddd", ".../two")); // http://example.com/one/ddd/ddd/.../two

クエリ文字列クエリ文字列

このモジュールは、

url クエリ パラメータの解析にも使用されます。ここでは、その 2 つのメソッド parse

stringify の分析に焦點(diǎn)を當(dāng)てます。 parse(str, sep, eq, options)parse

は、クエリ文字列をオブジェクト型に変換することと、

デコード。
const querystring = require("querystring");

const str = "nick=randy&age=24&nick2=%E4%B8%AD%E6%96%87";
const obj = querystring.parse(str);
console.log(obj); // { nick: &#39;randy&#39;, age: &#39;24&#39;, nick2: &#39;中文&#39; }

2 番目と 3 番目のパラメータを見てみましょう。実際、これは

& と = を外字に置き換えることに相當(dāng)します。以下に著者が例を挙げますので、すぐに理解できると思います。

const str1 = "name-randy|country-cn";
const obj1 = querystring.parse(str1);
console.log(obj1); // { &#39;name-randy|country-cn&#39;: &#39;&#39; }
const obj2 = querystring.parse(str1, "|", "-");
console.log(obj2); // { name: &#39;randy&#39;, country: &#39;cn&#39; }
は、&

| に置き換え、=

- に置き換えることと同じです。著者は、このような狀況はまれであるはずだと感じています。 stringify(obj, sep, eq, options)このメソッドは、上記の parse

の逆の操作です。直接例に進(jìn)みましょう

const obj3 = {
  nick: "randy",
  age: "24",
};
const str4 = querystring.stringify(obj3);
console.log(str4); // nick=randy&age=24
このメソッドはカスタム區(qū)切り文字もサポートしています。
const obj5 = {
  name: "randy",
  country: "cn",
};
const str6 = querystring.stringify(obj5, "|", "-");
console.log(str6); // name-randy|country-c

更多node相關(guān)知識(shí),請?jiān)L問:nodejs 教程!

以上がNode の URL モジュールとクエリ文字列モジュールについて話しましょうの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。

このウェブサイトの聲明
この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡(luò)ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

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

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中國語版

SublimeText3 中國語版

中國語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強(qiáng)力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PHP と Vue: フロントエンド開発ツールの完璧な組み合わせ PHP と Vue: フロントエンド開発ツールの完璧な組み合わせ Mar 16, 2024 pm 12:09 PM

PHP と Vue: フロントエンド開発ツールの完璧な組み合わせ 今日のインターネットの急速な発展の時(shí)代において、フロントエンド開発はますます重要になっています。 Web サイトやアプリケーションのエクスペリエンスに対するユーザーの要求がますます高まっているため、フロントエンド開発者は、より効率的で柔軟なツールを使用して、応答性の高いインタラクティブなインターフェイスを作成する必要があります。フロントエンド開発の分野における 2 つの重要なテクノロジーである PHP と Vue.js は、組み合わせることで完璧なツールと見なされます。この記事では、PHP と Vue の組み合わせと、読者がこれら 2 つをよりよく理解し、適用できるようにするための詳細(xì)なコード例について説明します。

Go 言語のフロントエンド テクノロジーの探求: フロントエンド開発の新しいビジョン Go 言語のフロントエンド テクノロジーの探求: フロントエンド開発の新しいビジョン Mar 28, 2024 pm 01:06 PM

Go 言語は、高速で効率的なプログラミング言語として、バックエンド開発の分野で広く普及しています。ただし、Go 言語をフロントエンド開発と結(jié)びつける人はほとんどいません。実際、フロントエンド開発に Go 言語を使用すると、効率が向上するだけでなく、開発者に新たな視野をもたらすことができます。この記事では、フロントエンド開発に Go 言語を使用する可能性を探り、読者がこの分野をよりよく理解できるように具體的なコード例を示します。従來のフロントエンド開発では、ユーザー インターフェイスの構(gòu)築に JavaScript、HTML、CSS がよく使用されます。

Django はフロントエンドですか、バックエンドですか?それをチェックしてください! Django はフロントエンドですか、バックエンドですか?それをチェックしてください! Jan 19, 2024 am 08:37 AM

Django は、迅速な開発とクリーンなメソッドを重視した Python で書かれた Web アプリケーション フレームワークです。 Django は Web フレームワークですが、Django がフロントエンドなのかバックエンドなのかという質(zhì)問に答えるには、フロントエンドとバックエンドの概念を深く理解する必要があります。フロントエンドはユーザーが直接対話するインターフェイスを指し、バックエンドはサーバー側(cè)プログラムを指し、HTTP プロトコルを通じてデータと対話します。フロントエンドとバックエンドが分離されている場合、フロントエンドとバックエンドのプログラムをそれぞれ獨(dú)立して開発して、ビジネス ロジックとインタラクティブ効果、およびデータ交換を?qū)g裝できます。

C# 開発経験の共有: フロントエンドとバックエンドの共同開発スキル C# 開発経験の共有: フロントエンドとバックエンドの共同開発スキル Nov 23, 2023 am 10:13 AM

C# 開発者としての私たちの開発作業(yè)には、通常、フロントエンドとバックエンドの開発が含まれますが、テクノロジーが発展し、プロジェクトが複雑になるにつれて、フロントエンドとバックエンドの共同開発はますます重要かつ複雑になってきています。この記事では、C# 開発者が開発作業(yè)をより効率的に完了できるようにする、フロントエンドとバックエンドの共同開発テクニックをいくつか紹介します。インターフェイスの仕様を決定した後、フロントエンドとバックエンドの共同開発は API インターフェイスの相互作用から切り離せません。フロントエンドとバックエンドの共同開発をスムーズに進(jìn)めるためには、適切なインターフェース仕様を定義することが最も重要です。インターフェイスの仕様にはインターフェイスの名前が含まれます

フロントエンドの面接官からよく聞かれる質(zhì)問 フロントエンドの面接官からよく聞かれる質(zhì)問 Mar 19, 2024 pm 02:24 PM

フロントエンド開発のインタビューでは、HTML/CSS の基本、JavaScript の基本、フレームワークとライブラリ、プロジェクトの経験、アルゴリズムとデータ構(gòu)造、パフォーマンスの最適化、クロスドメイン リクエスト、フロントエンド エンジニアリング、デザインパターン、新しいテクノロジーとトレンド。面接官の質(zhì)問は、候補(bǔ)者の技術(shù)スキル、プロジェクトの経験、業(yè)界のトレンドの理解を評価するように設(shè)計(jì)されています。したがって、候補(bǔ)者はこれらの分野で自分の能力と専門知識(shí)を証明するために十分な準(zhǔn)備をしておく必要があります。

Django: フロントエンド開発とバックエンド開発の両方を処理できる魔法のフレームワークです。 Django: フロントエンド開発とバックエンド開発の両方を処理できる魔法のフレームワークです。 Jan 19, 2024 am 08:52 AM

Django: フロントエンド開発とバックエンド開発の両方を処理できる魔法のフレームワークです。 Django は、効率的でスケーラブルな Web アプリケーション フレームワークです。 MVCやMTVなど複數(shù)のWeb開発モデルをサポートし、高品質(zhì)なWebアプリケーションを簡単に開発できます。 Django はバックエンド開発をサポートするだけでなく、フロントエンド インターフェイスを迅速に構(gòu)築し、テンプレート言語を通じて柔軟なビュー表示を?qū)g現(xiàn)します。 Django はフロントエンド開発とバックエンド開発をシームレスに統(tǒng)合するため、開発者は學(xué)習(xí)に特化する必要がありません。

Golang とフロントエンド テクノロジーの組み合わせ: Golang がフロントエンド分野でどのような役割を果たすかを探る Golang とフロントエンド テクノロジーの組み合わせ: Golang がフロントエンド分野でどのような役割を果たすかを探る Mar 19, 2024 pm 06:15 PM

Golang とフロントエンド テクノロジーの組み合わせ: Golang がフロントエンド分野でどのような役割を果たしているかを調(diào)べるには、具體的なコード例が必要です。インターネットとモバイル アプリケーションの急速な発展に伴い、フロントエンド テクノロジーの重要性がますます高まっています。この分野では、強(qiáng)力なバックエンド プログラミング言語としての Golang も重要な役割を果たします。この記事では、Golang がどのようにフロントエンド テクノロジーと組み合わされるかを検討し、具體的なコード例を通じてフロントエンド分野での可能性を?qū)g証します。フロントエンド分野における Golang の役割は、効率的で簡潔かつ學(xué)びやすいものとしてです。

Golang フレームワークの面接質(zhì)問集 Golang フレームワークの面接質(zhì)問集 Jun 02, 2024 pm 09:37 PM

Go フレームワークは、Go の組み込みライブラリを拡張するコンポーネントのセットで、事前に構(gòu)築された機(jī)能 (Web 開発やデータベース操作など) を提供します。人気のある Go フレームワークには、Gin (Web 開発)、GORM (データベース操作)、RESTful (API 管理) などがあります。ミドルウェアは、HTTP リクエスト処理チェーンのインターセプター パターンであり、ハンドラーを変更せずに認(rèn)証やリクエストのログ記録などの機(jī)能を追加するために使用されます。セッション管理は、ユーザー データを保存することでセッションの狀態(tài)を維持します。ゴリラ/セッションを使用してセッションを管理できます。

See all articles