一般的なアセンブリ言語の仕様、宣言コンポーネントライブラリに基づいて、テンセント正式にオープンWeComponents

精錬のBサイド開発の考え方と実践、共通アセンブリ言語仕様(CLS、共通コンポーネント言語仕様)の作成における運用上のニーズのすべての種類、マイクロ文字のチームの試合の顔 、 言語のないすべてのコンポーネントの統一された抽象化し、依存せず、端末指導、依存、標準フレームレス成分現像方式に依存。そして、開発効率を向上させ、Vue.js宣言型コンポーネントライブラリのセット、完全なページの開発にページJSON、JSON仕上げの標準化について、フロントエンドの作業を簡単にするためにを達成するために、この仕様に基づきます。

該当シーン

B-側システムは、最も一般的な要件は、フォーム、リスト、チャートが含まれています。ユーザデータ、現在のデータに使用されるリスト、可視化のためのグラフィックスデータを収集するためのフォーム。需要のほとんどを解決するために、これらの3つのシナリオを解決します。

:一般的な要件を見て、結果リスト、リスト表示、アイコン、説明、およびいくつかの他の分野、サポートページへの必要性を表示し、検索ボタンをクリックし、検索ボックスを提供する必要があります。

どのような経験を、コードを書くように言及プロダクトマネージャーのニーズような?

まず、あなたは、クエリボタンをクリックした後、検索クエリボックスとボタンを含むフォーム、およびトリガイベントを必要としています。

次に、サポートされているデータのリストの必要性もフォーマット変換に必要なエコー、個々のフィールド、およびサポートページがあるんです。、アイコンのアイコン表示の最初の列をフォーマットする; 第2カラム名が出力され、第3列は、図形のサイズを右に整列され、テープユニットGバイトに関し、最後の列は、相互作用することをユーザに可能にします。

最後に、データへのクエリは、開発を完了するには、リストの値に設定します。

最終結果ページを見てみましょう。

これは、キャリア、統一ステートメント構造、ページ記述を構成する成分の粒径とWeComponentsページ開発プロセス、JSONを使用して、ライブラリコンポーネントです。外国人は、ビジネス・ロジック自体を開発する場合、コードはシンプルで理解しやすい集中する部品サイズのティッシュページ、プロダクトマネージャーと同じによると、フロントエンドの標準コンポーネント製品の仕様、インタラクティブな仕様、設計仕様、中にブロックされました。

機能

WeComponentsは、使用中に次のような特徴があります。

1.宣言型

WeComponents命令型プログラミングはそれを行う方法をコンピュータに指示するステップバイステップが必要ですが、結果は最終的には、内部コンポーネントとメカニズムのコンポーネントにカプセル化の実行、どのようなものであったかを説明する必要がありますとは違って、宣言型プログラミングの練習です。JSONは、それが宣言型プログラミングであるというのが方法です。

2.データドライバ

MVVMデザインパターン、そのプログラマは、より多くのインタフェースショーの制御を弱め、データ自体を変更心配することができますので。そのようなWeComponentsがより徹底モデル、抽象化、統一データ構造のすべての成分の分析を達成するため、コンポーネントを操作する一般的な方法で、記述するように構成されたコンポーネントに共通する属性。

部品設計データ構造は、より多くのデータに影響を懸念しているコンポーネントではなく、コンポーネントのパフォーマンスを記述する。同じ構造において、アセンブリは、高速スイッチングタイプ、属性、レイアウトを達成するために、アセンブリを変更することによって、示すことができます。

3.開発者に優しいです

WeComponentsは、すべてのコンポーネントの抽象団結で表現されているため、全体のコンポーネントライブラリを理解するためのコンポーネントモデルを理解して、コンポーネントの開発者は、ドキュメントのさまざまなコンポーネントへの頻繁なアクセスを排除し、別のコンポーネント記述を生成し、独自の品質差に依存しないでください。また、簡単に対応する視覚ページビルダーを開発するために、メンテナンスJSONは、ページを構成しています。

一般的なアセンブリ言語の仕様

一般的なアセンブリ言語仕様のすべてのコンポーネントは、説明した実施形態のように使用JSONによる抽象標準記述方法統一モデルは、自然クロス端は、ニーズに応じて、特定の動作環境として、特定の言語、特定のフレームコンポーネントライブラリが実装されていることです。

抽象コンポーネントのコンポーネントの共通言語仕様は、プロパティおよびメソッドを具現化。プロパティはコンポーネントの宣言的記述であり、それは基本的な情報、物理的特性、拡張属性を含み、外部部品の動作の方法であって、異なるレベルの属性GET / SET操作を含みます。

詳細はで見つけることができます:

https://tencent.github.io/WeComponents/#/doc/principle/cls

私たちは、寄付をお待ちしております

共通コンポーネント言語仕様CLSでは、マイクロチャネルゲームチームはVue.js部品ライブラリWeComponentsを実現し、開発効率を向上させるために、開発のしきい値を減少させ、このコンポーネントライブラリを使用しています。他のフレームワークでは、そのようにはまだ達成に反応、他の良いコンポーネントライブラリのために、ドッキングされていません。敬具共通言語仕様のコンポーネントを簡単に開発を行うために使用されるコンポーネントを簡素化の統一アイデアを使用して、異なるフレームワーク、さまざまなコンポーネントライブラリでサポートできることを願っています。

WeComponentsの ドキュメント:https://tencent.github.io/WeComponents/

正式にオープンWeComponents

Githubのオープンソースアドレス:

https://github.com/Tencent/WeComponents

(最後の直接のアクセスで、元のテキストを読むためにクリックしてください)

WeComponentsスターを教えてください!

私たちはあなたの問題やPRを歓迎します!

国内のミラーアドレスをWeComponents:

https://git.code.tencent.com/Tencent_Open_Source/WeComponents

(アクセス公共事業へのログイン)

完全なオープンソース開発者を提供するために、テンセント働きバチのソースシステム、最新の国内の画像のTencentのオープンソースプロジェクト

公開された43元の記事 ウォン称賛17 ビュー50000 +

おすすめ

転載: blog.csdn.net/tencent__open/article/details/103296292