ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS フレームワークの長所と短所

CSS フレームワークの長所と短所

黄舟
リリース: 2016-12-14 15:38:39
オリジナル
975 人が閲覧しました

フロントエンド時代に「CSS フレームワークを使用した効率的なサイト開発」という記事を書きましたが、多くの友人から関連する質問を受けました。 5key は社内で CSS フレームワーク アーキテクチャに非常に早い段階から取り組んでおり、多くの友人にも CSS フレームワークに関する提案を行ってきました。効果は非常に明らかです。もちろん、CSS フレームワークには長所と短所があり、最近関連記事をいくつか読みました。あなたと共有したいいくつかの考え。

CSSフレームワークのメリット:

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

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

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

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

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

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

CSS フレームワークの欠点:

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

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

3. 開発アイデアを制限する
フレームワークは、製品開発の新しいアイデアを制限する可能性があります。フレームワークには頻繁に使用されないコードの大部分が含まれる可能性があり、実行効率も低下します


5. フレームワークのセマンティクス

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


その他の関連記事については、PHP 中国語 Web サイト (www.php.cn) に注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート