フロントエンド開発仕様書

フロントエンド開発は、ユーザーに提示する Web ページやアプリなどのフロントエンド インターフェイスを作成するプロセスであり、HTML、CSS、JavaScript、およびさまざまな派生テクノロジ、フレームワーク、ソリューションを使用して、インターネット製品のユーザー インターフェイス インタラクションを実現します。ウェブページ制作から発展したものであり、その名前には明らかに時代の特徴があります。 インターネットの進化において、Web ページ制作は Web 1.0 時代の産物であり、初期の Web サイトの主なコンテンツは画像やテキストを中心とした静的なものであり、Web サイトを使用する際のユーザーの行動は主に閲覧でした。インターネット技術の発展と HTML5 および CSS3 の適用により、最新の Web ページはより美しく、重要なインタラクティブ効果を持ち、より強力になりました。

なぜ Web サイトのフロントエンド開発仕様マニュアルがあるのですか?

なぜなら、人数が増えても権力が増えるとは限らず、混乱が生じる可能性があるからです。したがって、チームの結束を高め、チームのコーディング スタイルを統一し、チームのコラボレーション効率を最適化するには、同じプロジェクト上の異なるプログラマーのコーディング スタイルを制約するための特別な「フロントエンド開発仕様書」を作成する必要があります。

「フロントエンド開発仕様マニュアル」を策定するには、まず Web 標準に準拠し、明確な構造、優れた互換性、高いページパフォーマンス、簡潔で明確なコードなどの要件を考慮した上で、開発ニーズに応じて特定の調整を行います。

ファイル名には常に小文字の英字を使用し、スペースや特殊記号を含めないようにしてください。

チームでの共同作業であるため、名前はメンバー全員が理解しやすく、検索、変更、置換、負荷の計算などが簡単である必要があります。

ファイル仕様

1. html、css、js、画像ファイルはすべて合意されたディレクトリにアーカイブされます;

2. html ファイルの命名: 英語の命名、サフィックス .htmlまたは .htm 同時に、機能を追加するときにバックエンドが対応するページを見つけやすくするために、統合ページ ファイルを同じディレクトリに配置します;

3. css ファイルの命名: 英語の命名、接尾辞 .css。 Common Base.css、Home page Index.css、その他のページは実際のモジュール要件に従って名前が付けられます。;

4. Js ファイルの名前付け: 英語の名前付け、サフィックス .js. Common.js、その他のページは以下に従って名前が付けられます実際のモジュール要件に合わせて調整します。

その他のフロントエンド開発関連の学習参照リソース

このページの右側にある知識の拡張に加えて、次のリソースもすべての人向けに選択されています

• PHP中文网Dugjiujian シリーズのビデオ チュートリアル

• 翡翠少女般若心経シリーズ: フロントエンドの紹介_HTML5
  

• CSS ビデオチュートリアル - 翡翠少女般若心経編
  

• ##2020 大規模フロントエンド インタビュー質問の概要 (コレクション)

• PHP リソース ダウンロード チャネル