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

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

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

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

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

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

ファイル仕様

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

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

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

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

その他のフロントエンド開発関連の學(xué)習(xí)參照リソース

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

• PHP中文網(wǎng)Dugjiujian シリーズのビデオ チュートリアル

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

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

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

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