目次
前の言葉
ドキュメント出力
2. すべてのビジネス機能は関連していますか? どこで分割するのですか?
ホームページ ウェブフロントエンド jsチュートリアル フロントエンドアーキテクチャの知識ポイント

フロントエンドアーキテクチャの知識ポイント

Jun 20, 2017 am 09:43 AM
フロントエンド 建築

前の言葉

この記事では、ドキュメント出力、システム分解、コンポーネント抽出、リリース最適化の 4 つの部分を含む、フロントエンド アーキテクチャで欠けている知識ポイントを補足します

ドキュメント出力

1。 -人の協力 いくつかの質問:

a. 文書作成の要件は比較的高く、構造化され、論理的に明確で、素早く書かれなければならず、また、読みやすいように植字にも注意を払う必要があります。その他;

b. システムがより複雑になり、文書の長さが長くなります。 非常に長く、記事全体を読むのに時間がかかりすぎて、詳細が多くなります。

c. 仕様はニーズを満たすことができますが、必ずしも開発ロジックに準拠する必要はありません

d 、ニーズと開発者の読み取りの両方を満たす必要があります。言葉遣いの曖昧さ、個人的な理解の違い、混乱、内容の不完全さ、タイプミスなど。仕様の最終バージョンとその後の修正は継続的に修正する必要がある

修正は後続の担当者に追加のオーバーヘッドをもたらす; b. 要件が変更されると、仕様を再設計する必要があり、システム構造も必要になる。主要な修正と小規模な修正

c. 仕様の再利用可能性は、開発者の設計レベルと密接に関係しています

d. 再利用されたドキュメントには、必然的に、元の設計の欠落部分、欠落した内容、および問題が含まれます。

システムの分解

実際の開発では、システムを分解する際の困難と考慮する必要がある問題は次のとおりです。

1. 分解の主な困難は、次のとおりです。分割するのは合理的ですか?

2. すべてのビジネス機能は関連していますか? どこで分割するのですか?

4. それぞれのモジュールの分解の粒度は適切ですか?細分化はモジュールレベルかクラスレベルに分けるべきでしょうか?

5. 分解すると過剰な分解や早期分解が起こりやすくなり、コストが増加しリスクが生じます

6. 分割されたモジュールは再利用できますか?

7.分解後にうまく統合できますか?

8. インタラクティブなドラフトが 100% 分解されていることを確認し、少しの省略も後の開発に影響を与えます

9. 内部で分解を完了する方法。制限時間内に、全体の進行が遅れます。

コンポーネントの抽出

インタラクションに基づいて共通コンポーネントを抽出するには、次の操作を実行する必要があります

1. インタラクションドラフトを階層に分割し、類似した部分を抽出します。

2. さらに小さなコンポーネントを分割して抽出します。

3. 各コンポーネントが比較的独立しており、他のコンポーネントと重複がないことを確認します。

4. 削除されたコンポーネントは可能な限り単純であり、再利用できます。ボタン、アイコン、ページング、ナビゲーション、メニュー、リスト、カルーセルなど

6. これらのコンポーネントを組み合わせると、インタラクティブなドラフトを復元できます

リリースの最適化

プロジェクトがリリースされると、次の最適化が行われます。必須

1. ファイルのキャッシュ。長期的なローカル キャッシュを構成して帯域幅を節約し、パフォーマンスを向上させます。コンテンツの概要をキャッシュ更新の基礎として使用して、正確なキャッシュ制御を実現し、同時にリソースの非カバレッジ公開を実現してスムーズなアップグレードを保証します

2. 静的リソース CDN の展開と最適化 ネットワーク リクエストの応答

3. リソースのマージと最適化。ファイルのマージ、モジュール化により、画像圧縮やスプライトのマージなどの HTTP リクエストが大幅に増加します

以上がフロントエンドアーキテクチャの知識ポイントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Spring Data JPA のアーキテクチャと動作原理は何ですか? Spring Data JPA のアーキテクチャと動作原理は何ですか? Apr 17, 2024 pm 02:48 PM

SpringDataJPA は JPA アーキテクチャに基づいており、マッピング、ORM、トランザクション管理を通じてデータベースと対話します。そのリポジトリは CRUD 操作を提供し、派生クエリによりデータベース アクセスが簡素化されます。さらに、遅延読み込みを使用して必要な場合にのみデータを取得するため、パフォーマンスが向上します。

1.3ミリ秒には1.3ミリ秒かかります。清華社の最新オープンソース モバイル ニューラル ネットワーク アーキテクチャ RepViT 1.3ミリ秒には1.3ミリ秒かかります。清華社の最新オープンソース モバイル ニューラル ネットワーク アーキテクチャ RepViT Mar 11, 2024 pm 12:07 PM

論文のアドレス: https://arxiv.org/abs/2307.09283 コードのアドレス: https://github.com/THU-MIG/RepViTRepViT は、モバイル ViT アーキテクチャで優れたパフォーマンスを発揮し、大きな利点を示します。次に、この研究の貢献を検討します。記事では、主にモデルがグローバル表現を学習できるようにするマルチヘッド セルフ アテンション モジュール (MSHA) のおかげで、軽量 ViT は一般的に視覚タスクにおいて軽量 CNN よりも優れたパフォーマンスを発揮すると述べられています。ただし、軽量 ViT と軽量 CNN のアーキテクチャの違いは十分に研究されていません。この研究では、著者らは軽量の ViT を効果的なシステムに統合しました。

PHP と Vue: フロントエンド開発ツールの完璧な組み合わせ PHP と Vue: フロントエンド開発ツールの完璧な組み合わせ Mar 16, 2024 pm 12:09 PM

PHP と Vue: フロントエンド開発ツールの完璧な組み合わせ 今日のインターネットの急速な発展の時代において、フロントエンド開発はますます重要になっています。 Web サイトやアプリケーションのエクスペリエンスに対するユーザーの要求がますます高まっているため、フロントエンド開発者は、より効率的で柔軟なツールを使用して、応答性の高いインタラクティブなインターフェイスを作成する必要があります。フロントエンド開発の分野における 2 つの重要なテクノロジーである PHP と Vue.js は、組み合わせることで完璧なツールと見なされます。この記事では、PHP と Vue の組み合わせと、読者がこれら 2 つをよりよく理解し、適用できるようにするための詳細なコード例について説明します。

Golang フレームワーク アーキテクチャの学習曲線はどれくらい急ですか? Golang フレームワーク アーキテクチャの学習曲線はどれくらい急ですか? Jun 05, 2024 pm 06:59 PM

Go フレームワーク アーキテクチャの学習曲線は、Go 言語とバックエンド開発への慣れ、選択したフレームワークの複雑さ、つまり Go 言語の基本の十分な理解によって決まります。バックエンドの開発経験があると役立ちます。フレームワークの複雑さが異なると、学習曲線も異なります。

フロントエンドの面接官からよく聞かれる質問 フロントエンドの面接官からよく聞かれる質問 Mar 19, 2024 pm 02:24 PM

フロントエンド開発のインタビューでは、HTML/CSS の基本、JavaScript の基本、フレームワークとライブラリ、プロジェクトの経験、アルゴリズムとデータ構造、パフォーマンスの最適化、クロスドメイン リクエスト、フロントエンド エンジニアリング、デザインパターン、新しいテクノロジーとトレンド。面接官の質問は、候補者の技術スキル、プロジェクトの経験、業界のトレンドの理解を評価するように設計されています。したがって、候補者はこれらの分野で自分の能力と専門知識を証明するために十分な準備をしておく必要があります。

Django はフロントエンドですか、バックエンドですか?それをチェックしてください! Django はフロントエンドですか、バックエンドですか?それをチェックしてください! Jan 19, 2024 am 08:37 AM

Django は、迅速な開発とクリーンなメソッドを重視した Python で書かれた Web アプリケーション フレームワークです。 Django は Web フレームワークですが、Django がフロントエンドなのかバックエンドなのかという質問に答えるには、フロントエンドとバックエンドの概念を深く理解する必要があります。フロントエンドはユーザーが直接対話するインターフェイスを指し、バックエンドはサーバー側プログラムを指し、HTTP プロトコルを通じてデータと対話します。フロントエンドとバックエンドが分離されている場合、フロントエンドとバックエンドのプログラムをそれぞれ独立して開発して、ビジネス ロジックとインタラクティブ効果、およびデータ交換を実装できます。

C# 開発経験の共有: フロントエンドとバックエンドの共同開発スキル C# 開発経験の共有: フロントエンドとバックエンドの共同開発スキル Nov 23, 2023 am 10:13 AM

C# 開発者としての私たちの開発作業には、通常、フロントエンドとバックエンドの開発が含まれますが、テクノロジーが発展し、プロジェクトが複雑になるにつれて、フロントエンドとバックエンドの共同開発はますます重要かつ複雑になってきています。この記事では、C# 開発者が開発作業をより効率的に完了できるようにする、フロントエンドとバックエンドの共同開発テクニックをいくつか紹介します。インターフェイスの仕様を決定した後、フロントエンドとバックエンドの共同開発は API インターフェイスの相互作用から切り離せません。フロントエンドとバックエンドの共同開発をスムーズに進めるためには、適切なインターフェース仕様を定義することが最も重要です。インターフェイスの仕様にはインターフェイスの名前が含まれます

Llama3 レイヤー 1 を手動でティアリングする: llama3 を最初から実装する Llama3 レイヤー 1 を手動でティアリングする: llama3 を最初から実装する Jun 01, 2024 pm 05:45 PM

1. Llama3 のアーキテクチャ このシリーズの記事では、llama3 を最初から実装します。 Llama3 の全体的なアーキテクチャ: Llama3 のモデル パラメーターをイメージします: Llama3 モデルのこれらのパラメーターの実際の値を見てみましょう。図[1] コンテキストウィンドウ (context-window) LlaMa クラスをインスタンス化する際、変数 max_seq_len によって context-window が定義されます。クラスには他にもパラメータがありますが、このパラメータは変圧器モデルに最も直接関係しています。ここでの max_seq_len は 8K です。図[2] 語彙サイズと注意力L

See all articles