精錬の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のオープンソースプロジェクト