フロントエンド時代に「CSS フレームワークを使用した効率的なサイト開発」という記事を書きましたが、多くの友人から関連する質問を受けました。 5key は社内で CSS フレームワーク アーキテクチャに非常に早い段階から取り組んでおり、多くの友人にも CSS フレームワークに関する提案を行ってきました。効果は非常に明らかです。もちろん、CSS フレームワークにはメリットとデメリットがあり、最近関連記事をいくつか読みました。あなたと共有したいいくつかの考え。
CSS フレームワークの利点:
1. 開発効率の向上。
あなたが企業 Web サイトを構築しているフロントエンド開発者であれば、ほとんどの場合、同様のサイトのコードに取り組んでいることになると思います。明確に定義されたフレームワークにより、作業効率が大幅に向上し、よくある間違いを回避できます。あなたの仕事が出来高制であれば、間違いなく他の人よりも多くの報酬を得ることができます。
2. コードの命名を標準化します。
複数のサイトで同じ CLASS または ID の一部を使用できます。完全な CSS フレームワークがある場合は、すぐに各サイトのコードを読み取れるようになります。コードを読んで時間を無駄にする必要はありません。
3. チームワークの向上
企業によっては、大規模なサイトのフロントエンド コードをいくつかのサブプロジェクトに分割する場合があります。このような経験をした友人は、この開発方法に大きな不満を抱いているはずです。共通の CSS とそれらの間のコードの調整に注意を払う必要があります。時間が経つにつれて、ますます古いコードが増え、相互に読み取ることがますます困難になります。適切な CSS フレームワークを確立すると、多くの不要なエラーが削減され、製品の品質と作業効率が向上します。
4. ブラウザの互換性の問題を解決する
現在、ほとんどのプロジェクトでは IE6、7、および FF との互換性が必要です。各サイトでは、互換性の問題の対処に時間がかかる場合があります。この問題はフレームワークレベルで対処する必要があります。これにより、後の互換性の問題にかかる時間を大幅に節約できます。
5. 明確な構造を備えた完全な構造コードのセット。
CSS フレームワークは、プロジェクトにクリーンで厳密なインフラストラクチャを提供します。これにより、サイトの基本的な HTML コード フレームワークをすばやく構築できます。最初はすべてが難しいですが、今後の基本的な作業は完了しました。その後の開発スピードが大幅に向上します。
CSS フレームワークは、プロジェクトにクリーンで厳密なインフラストラクチャを提供します。これにより、サイトの基本的な HTML コード フレームワークをすばやく構築できます。最初はすべてが難しいですが、今後の基本的な作業は完了しました。その後の開発スピードが大幅に向上します。
CSS フレームワークの欠点:
1. フレームワーク全体を完全に理解する必要がある
プロジェクトに参加する人は全員、フレームワークとコーディング標準全体を完全に理解するために一定の時間を費やす必要があります。
2. 一部のフレームワークではバグが永続化することになる
開発したフレームワークが完璧でバグがないことを保証する人は誰もいません。フレームワーク内のバグをクリーンアップするのに時間がかかる場合があります。
3. 開発アイデアを制限する
このフレームワークは基本的なアーキテクチャと開発のアイデアを提供しますが、それによって製品開発の新しいアイデアが制限される可能性があります。
4. ソースコードの肥大化
フレームワーク内のコードの大部分は頻繁には使用されず、実行効率も低下する可能性があります。
5. フレームワークの意味化
HTML コードのセマンティクスについてはすでに気づいています。しかし、フレームワークに基づく各サイトは独立して独自であるため、CSS フレームワークのセマンティクスを保証することは困難です。