ホームページ  >  記事  >  ウェブフロントエンド  >  DIV CSS仕様の命名概要

DIV CSS仕様の命名概要

零下一度
零下一度オリジナル
2017-06-07 11:39:511497ブラウズ

関数と変数に正しく鮮やかな名前を付けると、プログラムの読みやすさが向上するだけでなく、プログラマーのプログラミング スタイルも反映されます。命名習慣を改善すると、プログラムの保守性が効果的に向上します。以下に名前の統一方法を紹介しますので、興味のある方はぜひご覧ください。

DIV CSS仕様の命名概要

1. DIV+CSS 標準命名セット

CSS+p Web ページ (Xhtml) を開発するとき、特に名前の付け方がわからない初心者にとって、最も混乱して複雑になるのは CSS の命名です。そしてネーミングがいかに最良の方法であるか。

命名規則の説明:

1) すべての名前に小文字を使用することをお勧めします

2) 属性の値は二重引用符 ("") で囲む必要があり、class= のような値を持つ必要があります。 "pcss5", id="pcss5"

2. JS 命名規則: ハンガリー語命名規則またはキャメルケース命名規則

命名規則はコードの可読性を高めるために非常に必要であり、一目で意味を理解できます。仕様とは、ルールに準拠し、後のメンテナンスに役立つコードにし、開発効率を大幅に向上させることを意味します。通常のWebサイトにはJSコードが多く、一定のルールを守らないと後から何を書いたのか分からなくなってしまいますので、必ず書いておきましょう。練習中に、良いコーディング習慣を身につけてください。

3. CSSの名前と書き方の標準化

共通クラスの名前は、できるだけ一般的な英単語に基づいてわかりやすくし、適切な場所に注釈を付ける必要があります。二次クラス/ID の命名には、複合書き込みモードが採用され、最後の単語の最初の文字は大文字にする必要があります。たとえば、「検索ボックス」は「searchInput」、「検索アイコン」は「searchIcon」、 「検索ボタン」 「searchBtn」と名付けました...

4. 標準の命名css

css3がリリースされ、多くのWEBフロントエンドエンジニアがこの技術を使おうと試み始めています。 CSS を書く能力をどのように評価しますか? 私たちはそれを「良い」、「平均的」、「ひどい」などの言葉で表現することはありません。 CSS で最も難しいことは何ですか? それはコードの単純さと効率ですか? フロントエンド エンジニアの Wu Zhi はかつてこう言いました: CSS は難しい技術ではなく、標準化する方法にあります。ネーミング。プロジェクトは個人によって完了され、エンジニアは自分の習慣に従って CSS に名前を付けることができます。チームワークにおいて、不規則な名前付けは衝突を引き起こし、プロジェクト全体の進行に影響を与える可能性があります。以下では、嶺南ネットワークが標準化された方法で css に名前を付ける方法を段階的に説明します。

5. 標準化された方法で CSS スタイルを記述する方法を教えます

DIV CSS仕様の命名概要

私は長い間 CSS を書いてきましたが、ほとんどのフロントエンド担当者は適切な CSS 記述基準に従って CSS コードを記述していません。コードの読み込みに影響しますので、参考までにCSSの記述仕様とCSSの記述順序をまとめました

フロントエンドユーザーにとっては学ぶ価値があると思います。 CSSを書く人。

6. 非常に詳細なフロントエンド JavaScript 仕様

フロントエンド サードパーティ JavaScript パッケージ管理ツール bower (bower install jQuery)、bower はサードパーティ ライブラリの依存関係分析、ダウンロード、アップグレード管理などを実装できます。 。エンタープライズ レベルの Bower プライベート サーバーを確立することをお勧めします。

フロントエンド構築ツールは grunt または gulp ツールを使用でき、html、css、js 圧縮、検証、テスト、ファイルのマージ、監視、ライブロードなどのすべてのフロントエンド タスクを実現できます。エンタープライズレベルのnodejs npmプライベートサーバーを使用することをお勧めします。

フロントエンド開発 IDE: WebStorm (アイデア) と Sublime が最高です。プロジェクト チームは IDE を統合します。 IDE の統一された構成は非常に重要です。

関連する質問と回答:

1. javascript - 名前を付けるときに多くのプロジェクトが ret と res を使用するのはなぜですか?

2. ディレクティブの名前付けルール?

以上がDIV CSS仕様の命名概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。