現在、多くの 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 サイト (www.php.cn) に注目してください。

先日、この質問がありました。私の最初の考えは、奇妙な質問です!特異性はセレクターに関するものであり、アットレールはセレクターではないので、...無関係ですか?

はい、あなたはできます、そしてそれは本当にどの順序で重要ではありません。 CSSプリプロセッサは必要ありません。通常のCSSで動作します。

CSSやJavaScript(および画像とフォントなど)などのアセットにファーアウトキャッシュヘッダーを確実に設定する必要があります。それはブラウザを伝えます

多くの開発者は、CSSコードベースを維持する方法について書いていますが、そのコードベースの品質をどのように測定するかについて多くの人が書いていません。確かに、私たちは持っています

短い任意のテキストを受け入れるために必要なフォームを持っていたことがありますか?名前などのように。それはまさにそのためのものです。たくさんあります

私は、フロント会議のためにスイスのチューリッヒに向かうことにとても興奮しています(その名前とURLが大好きです!)。私はこれまでスイスに行ったことがないので、興奮しています

ソフトウェア開発における私のお気に入りの開発の1つは、サーバーレスの出現です。詳細に行き詰まる傾向がある開発者として

この投稿では、私が構築して展開して展開してネットライフを使用して、着信データの動的ルートを作成する方法を示すeコマースストアのデモを使用します。それはかなりです


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい
