概要HTML+CSS 学習の第 1 段階を完了すると、多くの学生は第 2 段階の JS (JS 構文、JS データ型、JS オブジェクト) に困惑します。JS は HTML に比べて動的であり、プログラミング言語であり、より奥が深いため、常に非常に「複雑」であるという印象を与えます。 js を習得するのは非常に困難ですが、知識のポイントを明確に整理し、真に理解して適用すれば、習得できます。では、どうすれば JS を上手に学べるのでしょうか?ここでは、Js を学習した経験をいくつかまとめます。皆さんのお役に立てれば幸いです。 Js が人々にそのような感覚を与える理由は、主に次の特性によるものです。 まず、クロージャ、組み込みオブジェクト、DOM などの知識自体が非常に抽象的で理解しにくいです。 2つ目:関数ライブラリやオブジェクトライブラリが多数あるなど、コンテンツ自体が充実しています。 3 番目: 複数のプログラミングのアイデアを組み合わせる。手続き型プログラミングの考え方だけでなく、オブジェクト指向プログラミングの考え方も含まれています。同時に、そのオブジェクト指向アプローチは他のプログラミング言語(C++、JAVA、PHP など)とはまったく異なります。それはまるで、かつて学んだオブジェクト指向の知識を疑わせるような、また新しいことのようです... では、js の分野でもっと簡単に学ぶにはどうすればいいのでしょうか?私の個人的な経験と先生の言動に基づいて、いくつかの js 学習体験をまとめました。 1. jsの位置づけを明確に理解する常に忘れないようにしてください。そうしないと、js が何であるかを知らないという間違いを犯しやすくなります。長い間 js を勉強して、js がプログラミング言語であり、コードを書くことに関するものであり、その特徴は乱雑であるということだけを知っておかないでください。そうしないと、js をうまく学ぶことはできません。私たちは常にその位置、より正確には Web 全体におけるその位置を把握する必要があります。それはフロントエンドの中核に属し、主に DOM を操作および再調整するために使用され、DOM 構造を変更することでページ効果を変更するという目的を達成します。この中心的な考え方は、その後のすべての JS 学習を導き、条件反射を形成するために使用する必要があります。 2. 明確な学習パスこれは自分自身で、またはそれを経験した人の指導を受けてのみ理解できます。私の学習パスは次のとおりです。 A: 変数、関数、配列、文字列などの定義、組み込み関数、組み込みオブジェクトなど、js の基本部分。 B: js は、プログラミングのアイデアを処理し、さまざまな機能をカプセル化し、それらを使用して、99 の掛け算表、タブ、カスタムの複数選択ボタン、カスタム プレーヤー、3D フォト アルバム、省と市のリンク、マウスの動的効果などの一般的な小さな機能を実行しようとします。 C:js オブジェクト指向プログラミングの概念では、すべてがオブジェクトであり、独自のオブジェクトの一部をカプセル化して意味のあるインターフェイスを提供するように努めます。 D: 上記の内容を学習した後、よく使用されるライブラリを学習します。ここではjQueryを学習する必要があります。 // これについては後で学習します 3. 自己規律と粘り強さ気まぐれにコードを書かないでください。ほんの数分だけ熱中してはいけません。誰かが js を使用してクールな動的 Web ページを作成しているのを見ると、「私もそれをやりたい」と叫びます。他の人がこの成果を達成するために舞台裏でしっかりとした基盤を築いていることをほとんど知りません。3 日間働いて 2 日間休むと、小さなプロジェクトを書いているときに多くの知識ポイントを忘れていることに気づき、落胆するでしょう。プログラミング言語は一度に習得できるものではありません。時間の積み重ね、継続的な練習、そして弱点の継続的な改善の結果です。したがって、自己規律と粘り強さが非常に重要です。 ! ! 4. 練習してもっと書くJS を学ぶということは、張宇先生のあとについて行って、先生がコードを入力するのを見たり、先生がコードの知識について話しているのを見たり、注意すべきことをたくさん言うことではありません。そのときは理解できるかもしれませんが、しばらくしてこのコードを書くと、頭の中で「書ける!」と思うようになります。 手:? ? ? ? ? ?その時ははっきりと理解していたのに、なぜ...深い記憶が形成されていないので、とても恥ずかしいです。 jsを学ぶ最良の方法は、もっと練習してもっとコードを書き、興味のある小さなプロジェクトをいくつか実行し、必要な機能を実装することです。 わからない場合は、情報を調べ、もっと練習してもっと書いてください。 同時に、先生がどのようにコードを書くかも見るべきです。 考えることも非常に重要です。 5. 複数の視点から学び、理解する学んだことを最大限に活用し、特定の機能に複数の角度からアプローチし、思考を鍛え、コードを可能な限り最適化し、冗長性を避けます。たとえば、以前はプロセス指向の観点から行っていた場合は、オブジェクト指向の観点に変更するか、プロパティ、メソッドなどを提供して直接使用できるプラグインを作成し続けます。開発した機能を実際のプロジェクトで徐々に使えるようにしていきます。これの利点は、学んだことを包括的に応用でき、実用的な意義も持つことができるため、両方の長所を享受できることです。 6. 自信を育むことに注意を払う現時点では、非常に複雑で派手な Web ページ効果のソース コードを見るのは適切ではありません。基礎知識なしで直接これらを学ぶと、自信が著しく損なわれます。したがって、細部に気を取られて全体像を見失わないように注意してください。急いでコードを書こうとするのではなく、一歩一歩コードを書くことに注意を払ってください。現時点では、あなたは弱いということを覚えておいてください。必要なのは自信をつけることであり、その逆ではありません。そうでなければ、結果は「3 日間釣りをして、2 日間網を干す」ことになり、勉強で成功するには程遠いものになるでしょう。 7. 学習の要約をもっと書くこの概要には、ソース コードや表示効果のスクリーンショットだけでなく、よくある間違いとそれに対応する解決策、最後に 1 つまたは 2 つの簡潔な結論文も含める必要があります。要約をただ書くだけでは十分ではありません。要約をもっと頻繁に見直し、もっと改善し、もっと簡潔にする必要があります。プロジェクトに取り組んでいるときは、長い記事を読むのではなく、1、2 文を読むだけで、そのプロジェクトの内容が理解できるはずです。 8. 独自の知識マップを構築するこれにより、より明確に学習できるようになります。深い印象が残るものであれば、どのような形式でも構いません。 注: ナレッジ マップは、より合理的かつ明確なものにするために、頻繁に変更および改訂する必要があります。 まとめられたjs知識マップ、じっくり読んで頂ければJavaScriptの復習や上達にもなり、基礎力の良いテストにもなります。 諺にもあるように、30%は運命で決まり、70%は努力次第です。努力した者だけが勝利できるのです。さあ、挑戦しましょう! 上記は、JS を段階的に学習する方法について簡単に説明したものです。JS の詳細については、123WORDPRESS.COM の他の関連記事をご覧ください。 以下もご興味があるかもしれません:
|
<<: MySQL にテーブルデータを挿入するときに中国語の文字化けが発生する問題を解決する方法
>>: フィールドの文字セットの違いによる MySQL のインデックス失敗の解決策
Fabric.js は非常に便利なキャンバス操作プラグインです。ここでは、日常のプロジェクトで使用さ...
プロジェクトをプロジェクトサイトのテスト環境にデプロイするJDK1.8トムキャット8.5 Maven...
序文プロジェクトを .net core に移行した後、 System.Drawing.Commonコ...
設定ファイルを書いてMyBatisを簡単に使う方法マイバティス3.xここでは MyBatis につい...
下の図は、当社のウェブサイト統計システムの訪問者詳細におけるブラウザ閲覧率を示しており、IE6 が ...
この記事の例では、検索ボックスでファジークエリを実装するためのNodeの具体的なコードを参考までに共...
1. Object.create() メソッドを使用して新しいオブジェクトを作成し、既存のオブジェク...
目次安定スロットリング要約する安定自動ドアは人を感知してドアを開け、5 秒間のカウントダウンを開始し...
目次JSBridgeの起源JSBridgeの双方向通信原理JSはネイティブを呼び出すネイティブコール...
パブリッシュ/サブスクライブとは何ですか?例を挙げてみましょう。あなたは服を買うために店に行きます。...
Go は、シンプルで信頼性が高く、効率的なソフトウェアを簡単に構築できるオープンソース プログラミン...
過去に別れを告げるvscode にリモート SSH が導入される前は、Linux サーバー開発者の多...
ピップとは何かpip は、Python パッケージの検索、ダウンロード、インストール、アンインストー...
目次序文: 1. イベント ループとタスク キューの理由: 2. イベントループメカニズム: 3. ...
QQtabBar の BEMまず、BEMとはどういう意味でしょうか? BEM は、ブロック、要素、修...