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トランザクションが効率に与える影響の分析と概要

推薦する

複数のネットワークカードを備えた Linux システムでのルーティング構成の詳細な説明

Linux でのルーティング設定コマンド1. ホストルーティングを追加する ルートを追加 -host...

MySQL mysqldump の使い方の詳しい説明

1. mysqldump の紹介mysqldump は、MySQL に付属する論理バックアップ ツー...

JavaScript でピンボール ゲームの Web バージョンを実装する

参考までに、JavaScriptのオブジェクトとメソッドを使用して実装されたWebピンボールゲームを...

MySQL 4 データをインポートする方法

1. mysqlコマンドをインポートするmysql コマンドのインポート構文は次のとおりです。 my...

純粋な CSS で中空効果を実現するためのサンプルコード

私は最近、空洞化効果について研究しました。背景クリップ: テキスト背景はテキストの前景色にクリップさ...

MySQL InnoDB のトランザクション特性を確保するにはどうすればよいですか?

序文「データベース トランザクションの特徴は何ですか?」と尋ねられたら、 ACID 特性である原子性...

VueはCanvasを使用してランダムなサイズで重なり合わない円を生成します

目次キャンバス関連文書エフェクト画像表示ケースの完全なコード親コンポーネントコードサブコンポーネント...

vuex での Getter の使用法の詳細な説明

序文Vuex を使用すると、ストア内に「ゲッター」を定義できます (これはストアの計算されたプロパテ...

DockerでMySQLコンテナを作成する簡単な手順

序文すでに Docker をインストールしており、Docker について簡単に理解しています。ここで...

Nginx 仮想ホストを構成する 3 つの方法 (ポートベース) の詳細な説明

Nginx は、IP ベースの仮想ホスト構成、ポート ベースの仮想ホスト構成、ドメイン名ベースの仮想...

Javascript サンプル プロジェクトでの虫眼鏡効果の実装プロセス

目次序文事例: JD.com の虫眼鏡効果の模倣オフセットシリーズクライアントシリーズスクロールシリ...

CSS3のfocus-withinセレクタの使用

擬似要素と擬似クラスところで、まずは疑似クラスセレクターと疑似要素セレクターについておさらいしておき...

Linux で Ceph 分散ソフトウェアをインストールして使用する方法に関するチュートリアル

目次序文1. 基本環境1. サービス配信2. ネットワーク構成(全ノード) 3. SSHパスワードフ...

1つのSQL文でMySQLの重複排除が完了し、1つが保持されます。

数日前、ある要件に取り組んでいたとき、MySQL で重複レコードをクリーンアップする必要がありました...

JavaScript の Set データ構造の詳細な説明

目次1. セットとは何か2. セットコンストラクタ2.1) 配列2.2) 文字列2.3) 議論2.4...