JavaScript - フロントエンドの視覚化には何が含まれますか?また、フロントエンドの構成可能な視覚化の概念は何ですか?
漂亮男人
漂亮男人 2017-06-12 09:31:52
0
2
796

卒業生の先輩、卒業後、インターン先の会社で働いていましたが、部長から課題を与えられ、構成可能な Visual React コンポーネントを書くように言われましたが、この構成可能なコンポーネントの意味がよくわかりません現在、Three.js をコアとして echarts のような構成型の反応コンポーネントを作成する予定ですが、まだ混乱しています。ここ数日、コードを書いたり削除したりしていましたが、まだできていません。構成可能性について理解していません。非常に明確です。

漂亮男人
漂亮男人

全員に返信(2)
三叔

簡単に言うと、視覚化の最も一般的な媒体は、canvas (echart など)、svg (d3 など)、または WebGL (Three.js など) に基づいているかに関係なく、グラフィック チャートを作成するのが主な仕事です。チャートは適切なデータとパラメータを渡すことを目的としています。

React に関して言えば、当然のことながら、使用するにはさまざまなチャート タイプをコンポーネントにカプセル化する必要があり、コンポーネントはすべて状態駆動型です。つまり、渡された状態の変更によってコンポーネントが再レンダリングされ、ビジュアルパフォーマンスはいわゆる「リアルタイム更新」です。

つまり、「構成可能」とは、コンポーネント内でデータとパラメーターをハードコーディングできないが、パラメーターの受け渡しを通じてこれらのチャート コンポーネントをレンダリングするようにコンポーネントを合理的に設計できることを意味します。望ましい効果は、コンポーネントの内部実装 (チャートのアセンブリとレンダリング プロセス) が非表示になり、コンポーネントの特定のプレゼンテーションを決定するデータをパラメーターを通じて渡すことができるため、より高いスケーラビリティ、保守性、可読性、再利用性が実現されることです。 、など。

この考え方に従えば問題ありませんが、途中で多くの詳細を扱うことになり、あなたの設計能力も試されます (つまり、コードとインターフェイスの設計)。最も単純なことから始めましょう。最も基本的な棒/縦棒グラフ。系列データ、X/Y 軸、ラベル、単位、スケール、凡例などの基本属性をパラメータを通じて渡すことができ、コンポーネントは自動的に更新されます。パラメータが変化します。

いいねを押す +0
阿神

必要なのは監督からの一言だけですか?他に書類はありませんか?

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート