CSSフレームワークレイアウトを使用するデメリットとメリットのまとめ_体験交流

現在、多くの Web サイトは Web ページ構造のレイアウトに PCCSS を使用しています。利点は高速であることですが、次のようなマイナスの影響があります。以下の分析を見てみましょう。
フロントエンド時間中, 「CSSフレームワークを使ってデザインを効率化するWebサイト開発」という記事を書きましたが、多くの友人から関連する質問を受けました。 5key は社内で CSS フレームワーク アーキテクチャに非常に早い段階から取り組んでおり、多くの友人にも CSS フレームワークに関する提案を行ってきました。効果は非常に明らかです。もちろん、CSS フレームワークにはメリットとデメリットがあり、最近関連記事をいくつか読みました。あなたと共有したいいくつかの考え。

CSS フレームワークの利点:
1. 開発効率の向上。
あなたが企業 Web サイトを構築しているフロントエンド開発者であれば、ほとんどの場合、同様のサイトのコードに取り組んでいることになると思います。明確に定義されたフレームワークにより、作業効率が大幅に向上し、よくある間違いを回避できます。あなたの仕事が出来高制であれば、間違いなく他の人よりも多くの報酬を得ることができます。

2. コードの命名を標準化します。
複数のサイトで同じ CLASS または ID の一部を使用できます。完全な CSS フレームワークがある場合は、すぐに各サイトのコードを読み取れるようになります。コードを読んで時間を無駄にする必要はありません。

3. チームワークの向上
企業によっては、大規模サイトのフロントエンド コードをいくつかのサブプロジェクトに分割することがあります。このような経験をした友人は、この開発方法に大きな不満を抱いているはずで、共通の CSS とそれらの間のコードの調整に注意を払う必要があります。時間が経つにつれて、ますます古いコードが増え、相互に読み取ることがますます困難になります。適切な CSS フレームワークを確立すると、多くの不要なエラーが削減され、製品の品質と作業効率が向上します。

4. ブラウザの互換性問題を解決する
現在、ほとんどのプロジェクトでは IE6、7、および FF との互換性が必要です。各サイトでは、互換性の問題の対処に時間がかかる場合があります。この問題はフレームワークレベルで対処する必要があります。これにより、後の互換性の問題にかかる時間を大幅に節約できます。

5. 明確な構造を備えた完全な構造コードのセット。
CSS フレームワークは、プロジェクトにクリーンで厳密なインフラストラクチャを提供します。これにより、サイトの基本的な HTML コード フレームワークをすばやく構築できます。最初はすべてが難しいですが、今後の基本的な作業は完了しました。その後の開発スピードが大幅に向上します。

CSS フレームワークの欠点:
1. フレームワーク全体を完全に理解する必要があります
プロジェクトに参加する全員が一定の金額を費やす必要がありますフレームワークとコーディング標準全体を完全に理解するための時間;

2. 一部のフレームワークのバグを継続することになる
開発したフレームワークが完璧でバグがないことを保証できる人は誰もいません。フレームワーク内のバグをクリーンアップするのに時間がかかる場合があります。

3. 開発アイデアを制限する
フレームワークは基本的なアーキテクチャと開発アイデアを提供するため、製品開発の新しいアイデアが制限される可能性があります。

4. ソース コードの肥大化
フレームワーク内にコードの大部分が含まれる可能性があります。頻繁には使用されず、実行効率も低下します。

5. フレームワークのセマンティクス
私たちは HTML コードのセマンティクスに注目しました。しかし、フレームワークに基づく各サイトは独立して独自であるため、CSS フレームワークのセマンティクスを保証することは困難です。

上記は、CSS フレームワークのレイアウトを使用するデメリットとメリットをまとめたものです_体験交流の内容です。さらに関連するコンテンツについては、PHP 中国語 Web サイト (m.sbmmt.com) に注目してください。