wulin.comの記事紹介（www.vevb.com）：フロントエンドページの水はどのくらい深いですか？
インターネットで働く人は誰でも、基本的にHTMLの数行を書いています。言葉を使用した人は、DreamWeaverと一緒に通常のページを作ることができるため、ほとんどの人は自然にページの開発にはあまり技術的なコンテンツがなく、非常に簡単だと考えるでしょう。この共通の理解だけでなく、実践者には多くの疑問もあります。フロントエンドページを実装することに問題はありません。互換性、小規模。画像統合、そしてそれは常に使用されてきました...他にどんな問題が見つかりますか？ボトルネック、天井、変換、および方法は、開業医の間で広く議論されています。本当に問題はありませんか？ NetEase Emailのフロントエンドテクノロジーセンターは数年間確立されており、議論すべき無限のトピックがあるようで、多くの場合、みんなを元気づける新しいアイデアがあります。それでは、ページ開発の要件と他に何をすべきか、ここに水がどれほど深くなっているかは、それをすくい上げましょう。ページのフロントエンドの認識は、さまざまな時期に変化しているようです。インターネットの初期には、小型車は家よりも高価であり、ゴマのケーキとバーミチェリは食べるだけで使用され、菊はお茶を作るためだけに使用されていました。当時、ページのデザインスタイルは比較的単一であり、対応するページ要件は比較的単純でした。当時のブラウザは基本的にIE6の世界でした。 JavaScriptは、Webページの特殊効果と同義語でした。 HTMLページ自体はあまり注目を集めませんでした。 Divまたはテーブルを使用して画像の補助位置にCSSを追加できる限り、ページコンテンツを予約することは問題ないように思われ、この概念は長い間存在していました。ページコンテンツの濃縮、デザインスタイルの開発、インタラクションの複雑さの増加、AJAXの適用、ブラウザの更新により、誰もが最も基本的なページ自体に注意を払っています。それから、熱く議論されているのは、ブラウザの互換性です。問題に遭遇したとき、最も情熱的なことは、インターネット上でハッキングを検索してから、IE6と7をoldったことです...これらすべてを行った後、私は再びボトルネックに遭遇し、道を見つけ始めたようです。この段階から始めましょう。
レンダリングの実装は最も基本的な仕事です
ビジュアルドラフトは、2つの基本的な要求を含むページコードで表されます。1。視覚ドラフトを本当に反映できます。 2。ブラウザを介して互換性があります。これら2つの要求を達成するには、詳細な態度とある程度のページスキルを追求する必要があります。これらの2つのコンテンツを完成させることができれば、ページのフロントエンドにある実務家のランクを入力できますが、これはページ開発の能力があることを意味しますか？いいえ、始めたばかりです！
デザイナーとのコミュニケーションとプロジェクトへの参加
コミュニケーションは重要です。最初にいくつかの質問をしましょう。いくつかの効果がローエンドブラウザーのレンダリング効率に大きな影響を与えるとデザイナーと話し合いましたか？ CSS3で実装できる効果について議論して、構造をより簡潔で明確にすることができたことがありますか？コードとビジョンのバランスを追求したことがありますか？ページのフロントエンドの開発は基本ユーザー向けであり、記述されたコードもブラウザに直接適用されます。ページの安定性とレンダリング効率について責任を負う義務があります。また、全体の進行状況圧力の下でプロジェクトの設計に遭遇することがよくあり、デザインはページのフロントエンド開発と同時に実行されます。現時点では、できるだけ多くのプロジェクト情報を取得し、必要なことを理解することがより必要です。これらは、再利用とフレームワークの拡張を完全に検討するのに役立ちます。
良いページ構造
ページ構造の執筆は、建物の基礎を建設するようなものです。 CSSコードの品質、JS開発、バックグラウンド開発、将来のページの拡張、反復、ページの調整。ビジュアルドラフトを取得したら、忙しくして、もっと観察し、もっと考えてください。まず、レイアウトを分析し、フレームワークを分割し、構造を計画し、コードを作成します。特に大規模なプロジェクトでは、モジュール開発の合理的な使用は、全体的なメンテナンスで実行されるか拡張されたかにかかわらず、かなりの利点があります。
ハックについて
多くの学生は、ページを開発する際にハッキングを最もオンラインで検索します。ページの互換性を実現するためにハッキングに完全に依存しているかどうかにかかわらず、答えはノーです。人々はしばしばIE6を私たちに嘘をついたと言っていると言っていますが、この嘘を満たすためにさらに100人の嘘を伝えなければなりません。 IE6が私たちの口の中で血を吐くことが多いことを否定することはありませんが、それを補うためにより多くの嘘を使うことで安心感を感じることができるという意味ではありません。ほとんどの場合、アイデアを変更することでHTML構造を調整したり、原因不明ですが、ハッキングを殺すのが比較的安全なCSSを使用したりできます。ハックを使用すると、私たちが大きな打撃に陥ると誰も予測できません。たとえば、レイアウトまたは位置のトリガー：相対的なIE6の問題を解決するのに役立ちます。
美しいコード
今日、多くのWebプロジェクトには複雑な機能があり、そのコードスケールは巨大になります。共同開発とメンテナンスを改善する方法は、私たちが直面する問題です。統一された計画の改善を検討する必要があり、さまざまな状況に直面するときに安心するためには、優れたコード開発習慣を開発する必要があります。ページコードを調べる、合理的なラベルの使用法、優れた注釈、クリアコード構造、正確なCSSを見ることは、芸術作品を評価するだけでなく、下流の開発と共同開発のコミュニケーションコストを削減することも削減します。これを行う必要はない理由は何ですか？否定的な例を示すために：Div乱用は現在典型的な問題です。使用するタグの数を確認しますか？異なるセマンティクスは、対応するタグコードを使用する必要があります。特にHTML5はより豊富なセマンティックタグを提供します。彼らは皆、戦場でのチャージを待っています。それらを解放しましょう！
アクセス可能なページ開発
アクセシビリティと使いやすさは、非常に主観的でユーザーフレンドリーなものです。普通の人が完全に提示されたように見えるページは、必ずしも特別なグループの間でそれほど思いやりがあるとは限りません。盲人がスクリーンリーディングソフトウェアを使用してページの特定の領域内のループに入ると、罪悪感を覚える必要があります。現在、国内のウェブサイトはこれにはるかに注意を払わないと言えます。これにより、より多くの人々が私たちの熱意を感じるために協力する必要があります。 >
効率を確保します
プロジェクト開発の比較的フロンティアの部分として、プロジェクトの時間を稼ぐためにページ開発をできるだけ早く完了する必要がある場合があります。これにより、可能な限り効率を改善する必要があります。あなたがそれをうまくやりたいなら、あなたは最初にあなたのツールを磨く必要があります。効率の向上に役立つ実務経験とコード習慣の形成に加えて、自分の開発の進捗を制御する能力を向上させたい場合は、ページの開発に役立つ多くの補助ツールがあります。たとえば、より少ないまたはSASSを使用すると、CSSの拡大と整理が役立ち、CSSのライティング効率を大幅に改善し、保守性を向上させます。たとえば、Zen Codingの自動完了とカスタムコードブロックを使用して、飛行しているかのように剣を向けることができます。カスタム入力メソッドを通じて開発速度を改善するコードブロックキーワードを見ました。もっと探求すれば、自分に最適なツールを間違いなく見つけることができます。
サーバーの最適化
ページ開発には、サーバーの最適化を理解し、サーバーの負担を最小限に抑える必要があります。たとえば、CSS Spriteは、サーバーリクエストの数を減らす典型的な例です。 Neteaseメールページのフロントエンド開発では、ファイルサイズとサーバーリクエスト番号のバランスを常に求めているなど、常にさまざまな最適化を行っています。キャッシュの使用率を可能な限り改善するために、パッチのアップグレードが採用されました。クラス名を難読化および圧縮して、過度に長い命名を避けました。 Base64は、リクエストの数やその他の測定値を減らすために使用されました。これらは包括的なトレードオフの結果であり、全体的な最適化をすべての面で考慮する必要があります。ページ訪問の数が一定の桁に達すると、最小限の最適化でさえかなりの結果が得られ、最小の問題でさえ大きな災害を起こす可能性があるためです。
HTML5を採用します
これは機会に満ちた時代です。 HTML5時代の出現は、モバイルインターネットの台頭により大きな機会を生み出し、学び、発見する価値のあるものがたくさんあります。 HTML5は、豊富なJS APIインターフェイスを提供します。これを勉強する必要があります。 CSS3の素晴らしさは十分な注目を集めており、それを勉強する必要があります。モバイルデバイスでより適応性のあるページを開発する方法には、勉強する必要があります...
渇望する愚か者であれ
水をすくい取るほど、底がまだ深く、底が底が出ていないことがわかりました。上記のコンテンツを研究すればするほど、より多くの山や川を登る必要があることがわかりました。空腹のままで、目を使って発見して発見し、常にスキルを豊かにしてポジションを見つけ、ボトルネックを突破します。ことわざにあるように、高レベルの家を建てることによってのみ、あなたは自然な結果を得ることができます。この記事は、以前に同僚とボトルネックの問題について議論したために形成されました。ページのフロントエンドで自分のアイデアを整理するために、自分自身と生徒がポジショニングを見つけたかったのです。 StanfordでのApple CEOのスピーチから刑を宣告し、空腹のままで愚かなままで、誰とでも共有してください。