JavaScriptの学習履歴と経験まとめ_基礎知識-jsチュートリアル-php.cn

1. はじめに
以前は、JavaScript はフォーム検証やフローティング広告などの単純な Web ページ効果を実行するためにのみ使用されていたため、その時点では JavaScript は真剣に受け止められていませんでした。時間。 AJAX が普及して以来、JavaScript を使用するとユーザーエクスペリエンスが向上することがわかり、さらにこの利点を利用して大規模な Web ゲームを開発できるため、この小さな言語は真剣に受け止められるようになりました。現在、多くの企業が専門の JavaScript エンジニアを採用しています。通常、JavaScript は WEB フロントエンド開発に必須のスキルです。 JavaScriptr のメリットを簡単に紹介しても、誰もがそれを習得できるわけではありません。興味があることが、一つのことに集中して取り組むための最良の教師であると私は考えています。良い。。さらに、小さな言語で大きなことができると誰もが信じているはずです。たとえば、JavaScript Greasemonkey を使用してオンライン Web ゲーム用のプラグインを作成できます。私の JavaScript 学習のプロセスと経験について話しましょう。

2. はじめに
1. DIV CSS レイアウトを学ぶ

DIV CSS を使用して標準の Web ページをレイアウトすると、フロントエンドの XHTML コードを削減できます。たとえば、従来のテーブルレイアウトを使用して 3 行 3 列のリストを表示したい場合は、JavaScript を使用して動的に生成する必要があります。このリストでは、ループのネストが必要になります。li 構造を使用して CSS フローティングレイアウトを追加する場合は、1 つのループで十分です。もちろん、WEB の標準化は必ずしもテーブルを使用できないことを意味するわけではありません。つまり、明確な構造を持つ XHTML によって、JavaScript の効果や関数をプロジェクトに組み込みやすくなるということです。

2. いくつかの開発ツールとテストツールをマスターする

開発者として、特に大規模なプロジェクトの場合、問題の発見と解決の効率を向上させるのに役立ちます。これは特にプロジェクトに当てはまります。まず、最も一般的に使用されている 2 つの JavaScript および XHTML 開発およびテストツール、Web Developer と Firebug をお勧めします。

3. JavaScript の各メソッドの機能を理解する

この要件は、C# やJAVA は、これらの言語ライブラリが非常に膨大であるため、完全に覚えられる人はいないと思います。たとえば、JAVA を使用して Web ページを構築したり、さまざまなクラスライブラリに焦点を当てた携帯電話の開発を行う必要はありません。 JavaScript の場合はそうではありません。実際には、JavaScript に慣れていれば、簡単に開発できるようになります。多くの言語に備わっている、行頭と行末のスペースを削除するメソッドですが、JavaScript 組み込み関数ライブラリを理解すると、これらのメソッドを JavaScript で自分で実装する必要があることがわかります。別の例として、別のより強力な言語から JavaScript に切り替える場合、JavaScript には MD5 暗号化メソッドが必要であると考えるかもしれません。もちろん、これは存在しませんが、誰かがそのようなメソッド、つまり JavaScript MD5 を JavaScript に実装しました。結局のところ、JavaScript には組み込みメソッドはほとんどありませんが、多くの才能ある人々が JavaScript 関数を増やすためにいくつかの新しいメソッドを作成しています。たとえば、プロトタイプフレームワークは主に基本的な JavaScript 関数の拡張をプロトタイプ化しています。

4. DOM プログラミングを理解する

DOM プログラミングを理解することは、JavaScript を学習する上でより重要なコースです。JavaScript は、純粋なデータ処理ロジックを記述することに加えて、XHTML の構造とコンテンツを動的に変更することを目的としているためです。インターフェースの動的な更新という目的を達成するためのもので、これらのタスクはすべて DOM プログラミングに依存しています。 jQuery フレームワークはこの側面を非常にうまくカプセル化しており、豊富な DOM 操作メソッドを提供しているため、ページ上の任意の場所で DOM ノード (XHTML タグ) を簡単に見つけて、関連する操作 (追加、削除、変更、確認) を実行できます。他の言語で XML ドキュメントを操作した経験がある人であれば、すぐに使い始めることができると思います。

5. AJAX に連絡して使用します

今日、AJAX を使用せずに JavaScript を学習すると、JavaScript の利点が埋もれてしまいます (AJAX 自体は JavaScript コンテンツとみなされません)。 AJAX は、ユーザーとサーバーの両方にとって有益であり、ユーザーにとって、より良いユーザーエクスペリエンスを提供します。最も一般的なアプリケーションシナリオは、従来、次のような問題に遭遇することがありました。情報を入力してフォームを送信すると、サーバーはユーザーが登録されたことをユーザーに通知し、ユーザーが入力した 10 人のユーザー名のうち半分がユーザー名であるため、大規模なマルチユーザー Web サイトにとってこれは非常に致命的です。が登録されている可能性があります。サーバーの場合は、Web ページのトラフィックを減らします。AJAX の後は、通常、データはオンデマンドで読み込まれ、ローカル更新によりページ全体がリロードされなくなるためです。たとえば、Web ページが高さ 3 画面を占める場合、デフォルトでは最初の画面のコンテンツのみをロードし、ユーザーがスクロールバーを引き下げたときに 2 番目と 3 番目の画面のコンテンツをロードできます。このほか、WEB オンライン地図アプリケーションも AJAX の使用例です。

3. 改善
1. JavaScript のキーワードを深く理解する

JavaScript の機能と方向性は、多くの実際のオブジェクト指向とは大きく異なります開発言語との違いは、常に現在のオブジェクトを指すわけではなく、変更されることです。この問題に注意しないと、エラーが発生したり、正しいと思われるコードが実行されないなどの問題が発生する可能性があります。

2. JavaScript OOP プログラミングを学ぶ

OOP は、プログラマーの思考をより体系化し、コードをより明確に整理するのに役立ちます。 JavaScript も OOP である可能性がありますが、一部の従来の OOP 言語とは大きく異なるため、JavaScript OOP に本当に慣れるにはある程度の努力が必要です。

3. クロージャを理解する

JavaScript クロージャもよく話題になりますが、この機能により、この主題はより柔軟になりました。

4. 標準化された開発を学ぶ

チームが楽しく協力したいのであれば、会社で開発を行うことは当然ながら切り離せないものです。、各メンバーはコーディングが特定の基準に準拠する必要があり、これはすべての企業のプログラマーの基本要件でもあります。通常、仕様とは、変数の命名、ファイル構成、注釈の仕様などを指します。この知識は、他の言語の仕様と似ています。

5. アルゴリズムに関する本を見つけて読んでください。

言語を学び、使用することは難しくないと思います。難しいのは、言語の基本的な文法と文章を使用することです。いくつかの複雑な問題を解決します。一部の複雑な問題を解決するために、中国科学院による中国語単語分割の特定の実装や、ゲームで一般的に使用される自動パス検索 A* アルゴリズムなど、一部のアルゴリズムの実装がチームによって行われる場合があります。。実際、大規模な Web ゲームを開発している場合は、より困難な問題に直面することがあります。アルゴリズムの本を読み、いくつかの一般的な問題の解決策を理解すると、開発プロセス中に自然に力が強化されます。さらに、アルゴリズムに精通していれば、将来他の開発言語に触れるのにも明らかに役立ちます。

4. 習慣
1. 互換性とバグの問題についてメモを取る

CSS と JavaScript ブラウザーの互換性の問題についてメモを取ることをお勧めします。 , 言い換えれば、これらの問題の場合、バグは非常に奇妙であり、特に CSS の互換性の問題では、ブラウザーはどこで間違ったのかを表示しません。これにより、長時間スタックすることになります。開発プロセス中に解決できない問題が発生した場合。以前に同様の問題を解決したことがあっても、記憶を強化するためにメモを取っていなかった場合、将来再び同じような問題に遭遇する可能性があります。これらの互換性の問題は 1 つや 2 つだけではないためです。、そして一時的な記憶効果は明らかではありません。私の経験では、IE6 では多くの問題が発生しています。現在、Microsoft 自身も IE6 の終焉を加速させたいと考えています。これはフロントエンド開発にとってはもちろん朗報です。

2. jQuery などの優れたコードを読む

優れたコードを読むことは、優れたコードの組織仕様を理解するだけでなく、理解することにもつながります。いくつかの機能の実装アイデア。たとえば、jQuery は学ぶ価値のある JavaScript フレームワークです。もちろん、このような専門的な JavaScript フレームワークを読むには、JavaScript のしっかりした基礎が必要です。そうでないと、読む過程であまりにも多くの質問に遭遇し、自信を失うことさえあります。

4. 注
1. JavaScript を開始する前に、開発に JavaScript フレームワークを直接使用しないでください。

JavaScript の基盤がない場合は、開発に JavaScript フレームワークを使用しないでください。たとえば、jQuery を直接使用して点がつながった文を書く場合、これは JavaScript 構文の一種だと思いますか。別の例として、プロトタイプを使用する場合、フレームワーク拡張後の基本クラスのメソッドが JavaScript に組み込まれているとは考えないでください。 JavaScript フレームワークは効率を向上させるために使用されるものであり、JavaScript を始めるときに学ぶべきものでは決してないと思います。

2. オンラインで見つかる例の多くは、ブラウザー間互換性がない可能性があります。

N 年前には、IE が世界だったので、ネチズンによって書かれた JavaScript エフェクトのソースコードが多数あります。フロントエンドが遅すぎるため、スクリプトのブラウザ間の互換性の問題を解決できず、作成されたスクリプトは IE にのみ適用できます。このようなコードを入手した場合は、無駄なことを言ったり、文句を言ったりしないでください。JavaScript のブラウザ間の互換性の問題を理解していれば、コードを少し変更するだけで簡単に使用できると思います。より互換性が高くなります。

5. 関連資料
「JavaScript 開発仕様要件」