Vue3+Vite+TS は、要素プラスビジネスコンポーネントの二次カプセル化を実装します sfasga

Vue3+Vite+TS は、要素プラスビジネスコンポーネントの二次カプセル化を実装します sfasga

1. 構造文字列

多くの場合、文字列を印刷する必要があります。変数が多数ある場合は、次のことは避けてください。

名前 = "レイモンド"
年齢 = 22
born_in = "オークランド、カリフォルニア州"
string = "こんにちは、私の名前は " + name + "で、 " + str(age) + "歳です。私は " + born_in + "年に生まれました。"
print(文字列)


これはどれくらい乱雑に見えますか? .format の代わりに、便利でシンプルな方法を使うこともできます。

次のように:

名前 = "レイモンド"
年齢 = 22
born_in = "オークランド、カリフォルニア州"
string = "こんにちは、私の名前は {0} で、年齢は {1} です。生まれたのは {2} 年です。".format(name, age, born_in)
print(文字列)


2. タプルを返す

Python関数から複数の要素を返すことができるため、作業がはるかに簡単になります。しかし、タプルを解凍するときに、次のようなよくある間違いを犯します。

def binary(): 0, 1 を返す
結果 = バイナリ()
ゼロ = 結果[0]
1 = 結果[1]


これは必要ありません。次のようにするだけで済みます:

def binary(): 0, 1 を返す
0、1 = バイナリ()


すべての要素を返す必要がある場合は、アンダースコアを使用します_

ゼロ、_ = バイナリ()


とても効率的ですね!

3. Dict辞書にアクセスする

また、 dictskeyvalueを記述することもよくあります。

dictに存在しないkeyにアクセスしようとすると、 KeyError回避するために次のようにしたくなるかもしれません。

国 = {}
バッグ = [2, 3, 1, 2, 5, 6, 7, 9, 2, 7]
バッグの中のiの場合:
私が国にいる場合:
countr[i] += 1 それ以外の場合:
国[i] = 1
iが範囲(10)内にある場合:
私が国にいる場合:
print("{} の数: {}".format(i, countr[i]))
それ以外:
print("{} の数: {}".format(i, 0))


ただし、 get()を使用する方がより良い方法です。

国 = {}
バッグ = [2, 3, 1, 2, 5, 6, 7, 9, 2, 7]
バッグの中のiの場合:
countr[i] = countr.get(i, 0) + 1
iが範囲(10)内にある場合:
print("{} の数: {}".format(i, countr.get(i, 0)))


もちろん、代わりにsetdefaultを使用することもできます。

もっとシンプルですが、より高価な方法もあります。

バッグ = [2, 3, 1, 2, 5, 6, 7, 9, 2, 7]


{2: 3、3: 1、1: 1、5: 1、6: 1、7: 2、9: 1}:

countr = dict([(num, bag.count(num)) バッグ内のnumについて])
iが範囲(10)内にある場合:
print("{} の数: {}".format(i, countr.get(i, 0)))


dict内包表記も使用できます。

countr = {num: bag.count(num) バッグ内のnumについて}


これらのメソッドは両方とも、 countが呼び出されるたびにリストを走査するため、コストがかかります。

4. 図書館を利用する

既存のライブラリをインポートして、必要な操作を正確に実行できます。

前の例に戻って、リスト内で数字が出現する回数をカウントする関数を作成しましょう。まあ、以前はこれを実行できるライブラリがありました。

コレクションからカウンターをインポート
バッグ = [2, 3, 1, 2, 5, 6, 7, 9, 2, 7]
countr = Counter(bag)for i in range(10):
print("{} の数: {}".format(i, countr[i]))


ライブラリを使用する理由はいくつかあります。

  • コードは正しく、テスト済みです。
  • アルゴリズムが最適化されているため、実行速度が速くなる可能性があります。
  • 概要:明確で、十分に文書化されているため、まだ実行されていない作業に集中できます。

結局のところ、すべては以前から存在していたので、車輪を再発明する必要はありません。

5. リストのスライス/ステップ実行

list[start:stop:step]のように、 start点とstop点を指定できます。リストの最初の 5 つの要素を取得します。

バッグ = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
bag[:5]内の要素の場合:
print(要素)


これはスライスです。 stopポイントを 5 に指定すると、停止する前にリストから 5 つの要素が取得されます。

最後の 5 つの要素はどうなりますか?

バッグ = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
bag[-5:]内の要素の場合:
print(要素)


分からないんですか? -5 はリストの末尾から 5 つの要素を取得することを意味します。

リスト内の要素に対して距離演算を実行する場合は、次のようにします。

バッグ = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
enumerate(bag)内のインデックス、要素の場合:
インデックス % 2 == 0 の場合:
print(要素)


ただし、次のようにする必要があります。

バッグ = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
bag[::2]内の要素の場合:
print(要素)

6. 範囲を使用する

バッグ = リスト(範囲(0,10,2))
プリント(バッグ)


これはリスト内のステップです。 list[::2] 、リストを走査して2つのステップで要素を取り出すことを意味します。

list[::-1]を使用すると、リストに対してクールな逆操作を実行できます。

これで、 Vue3+Vite+TSによるelement-plusビジネスコンポーネントsfasgaの二次カプセル化の実装に関するこの記事は終了です。要素プラスビジネスコンポーネント sfasga の二次カプセル化に関するその他の関連記事については、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Vue プロジェクトで TS (TypeScript) を使用するための入門チュートリアル
  • Vue が ts にアクセスする基本的な方法

<<:  シャドウソックスを使用してLAN透過ゲートウェイを構築する

>>:  MySQLトランザクションが効率に与える影響の分析と概要

推薦する

JavaScript を使用して文字列内の最も繰り返しの多い文字を取得する方法

目次トピック分析する使用目的解決:コードは次のように実装されます。分析:配列とポインタ解決:コードは...

大量のデータを含むエレメントのシャトルボックスで「すべて選択」をクリックするとスタックする問題の解決方法

目次解決策1: EUIの転送コンポーネントをコピーして変更し、プロジェクトディレクトリに導入する解決...

TypeScript のユニオン型、交差型、型ガード

目次1. ユニオンタイプ2. クロスオーバータイプ3. 型保護3.1 カスタム型保護3.2 保護の種...

Mac で Docker を使用して Oracle をデプロイする方法

Mac で Docker を使用して Oracle をデプロイする方法まずdockerをインストール...

jQueryはクッキーを操作する

コードをコピーコードは次のとおりです。 jQuery.cookie = 関数(名前、値、オプション)...

VPS はオフライン ダウンロード サーバーを構築します (ネットワーク ディスクの時代以降)

モチベーション学習の必要性から、海外のサーバーメーカー(どこのメーカーかは言いません)のVPSサービ...

TypeScript 2.0 マーク付き共用体型の詳細な説明

目次タグ付きユニオン型を使用した支払い方法の構築タグ付きユニオン型を使用した Redux アクション...

Vueは遅延読み込みによりページの応答速度を向上

目次概要遅延読み込みとは何ですか?最適化を開始するビジネスモジュールを分割する遅延読み込みルート構成...

MySQL でデータ テーブルを作成し、主キーと外部キーの関係を確立する方法の詳細な説明

序文MySQL テーブルの主キーと外部キーを作成するときは、次の点に注意する必要があります。主キーと...

Linux でのログ サーバーの設定に関するグラフィック チュートリアル

序文この記事では、Linux 構成ログ サーバーに関する関連コンテンツを主に紹介し、参考と学習のため...

ウェブサイトに天気予報を挿入する方法

天気予報をウェブサイトに挿入すると、次のような効果が得られます。次のコードを挿入する必要があります:...

MySQLの一般的なバックアップコマンドとシェルバックアップスクリプトの共有

複数のデータベースをバックアップするには、次のコマンドを使用できます。 mysqldump -uro...

検証コードケースのjs実装

この記事の例では、検証コードを実装するためのjsの具体的なコードを参考までに共有しています。具体的な...

Mysql でサーバーの UUID を変更する方法

問題の原因:スレーブサーバーがクローンマスターサーバーである場合、server-uuidの値は同じで...

Reactでプロキシを有効にする2つの実用的な方法

プロキシを有効にする2つの方法React には、直接使用できるカプセル化された Ajax リクエスト...