初心者はどうやってJsを学べばいいのでしょうか？

初心者にJsは常に「乱雑で乱雑」という印象を与えますが、多くの初心者はJsを簡単に学ぶ方法を探していると思います。ここでは、これから学習する人にとって「簡単な JS の学習方法」を見つけられることを願って、JS を学習したいくつかの経験をまとめたいと思います。

Js が人々にそのような感覚を与える理由は、主に次の特性によるものです:

A: 知識自体は、クロージャー、組み込みオブジェクト、DOM など、非常に抽象的で曖昧です。

B: 関数ライブラリやオブジェクトライブラリなど、多くのコンテンツがあります。

C: さまざまなプログラミングのアイデアを組み合わせます。プロセス指向のプログラミングの考え方だけでなく、オブジェクト指向の考え方も他のプログラミング言語 (C++、JAVA、PHP など) とは異なります。まるで新しくなったような、かつて学んだオブジェクト指向の知識を疑ってしまうような...

D: 一生懸命勉強したのに、実際の応用には及ばないようです。通常、長い間 JS の基礎を勉強していれば、変数、関数、オブジェクトについては多少は理解できますが、企業の開発プロジェクトとなると、すぐに始めるのは困難です。企業は通常、実際のプロジェクトを開発する際に、jquery、angular、boostrap、amaze、layui、ueditor などの派生ライブラリを直接使用します。これらのライブラリは多数あり、それぞれに問題があります。どれを学べばいいのか分からず、jsを学んでいるのかさえ疑問です。jsには複数のバージョンがあり、学び終えることができないようです...

では、どうすればよいでしょうか。 JS 分野の学習は簡単ですか?いくつかの実践的な JS 学習体験をまとめました:

まず第一に、そのステータスをしっかりと把握しなければなりません

、それを決して忘れないでください。そうしないと、「一枚の葉を見て山を見る」という間違いを犯しやすくなります。 。 JS はプログラミング言語、つまりコードを記述することを意味し、その特徴は煩雑であることに気づくまで、長い間 JS を学習しないでください。そうすると、JS をうまく学習できなくなります。私たちはその位置、正確には Web 全体における位置を常に把握する必要があります。フロントエンドの中核に属し、主に DOM の操作や再調整、目的を達成するために DOM 構造の変更に使用されます。ページ効果を変更します。この中心的な考え方は、その後のすべての JS 学習を導き、条件反射を形成するために使用する必要があります。

2. 明確な学習ルートがあること

これは、経験した人だけが参考にすることができます。私の学習ルートは次のとおりです。

A: 変数、関数、配列、文​​字列などの定義、処理、組み込み関数、組み込みオブジェクトなどの js の基本部分

B : js はプロセス指向プログラミングのアイデアであり、各関数をカプセル化しています。タブ、カスタム複数選択ボタン、カスタム プレーヤー、3D スライドなどの一般的な小さな関数を実行するためにこれらを使用してみてください。

C: js オブジェクト指向プログラミング;アイデアを考えて、独自のオブジェクトをいくつかカプセル化してみてください。意味のあるインターフェイスが提供されます。

D: 上記の内容を学習してから、一般的に使用されるライブラリを学習します。ここでは jquery を学習する必要があります。

E: jquery に基づく一般的なプラグインを学習します。として: ブートストラップ、レイヤー、リッチ テキスト エディターなど。

F: 実際のプロジェクト用のテンプレートを作成し、さらにいくつかのセットを作成するための、上記の複数のライブラリの包括的なアプリケーション。

3. 複数の角度から学び、理解する

学んだことを総動員して、特定の機能を複数の角度から実行します。たとえば、以前はプロセス指向の観点からそれを行っていましたが、今はそれを変更します。オブジェクト指向の観点からそれを行うこともできますし、属性やメソッドなどを提供して直接使用できるプラグインを作成し続けることもできます。作成した機能は徐々に実際のプロジェクトで使用できるように努めてください。この利点は、学んだ内容を包括的に適用するだけでなく、実践的な意義があることです。

4. 自信を育むことに注意してください

現時点では、あなたは非常に複雑で素晴らしい Web ページ効果のソース コードを見るのには適していませんし、jquery、angular、vue などを学ぶのにも適していません。ブートストラップ。これらの内容には深い知識が多く含まれており、何の根拠もなくこれらを直接学習すると、あなたの自信は大きく損なわれます。現時点では、あなたは弱いので、必要なのは自信を育むことであり、その逆ではありません。そうでないと、結果はおそらく「死ぬ」ことになり、学校での成功は遠くなります。

5. さらに要約を作成します

この種の要約には、表示効果のソース コードとスクリーンショットだけでなく、犯しやすい間違いとそれに対応する解決策、および最後の 1 つまたは 2 つも含まれます。簡潔な結論の文章。作成した要約は、完成したら完了ではありません。さらに見直し、さらに改善し、さらに効率化する必要があります。プロジェクトに取り組むときは、長いスピーチを読むのではなく、その中の 1 ～ 2 つの文を読んで、そのプロジェクトが何についてであるかを知る必要があります。

6. 知識マップを作成する

これは、学習するにつれてより明確になります。印象に残る限り、好きな形式で行うことができます。

注: ナレッジマップは、より合理的かつ明確にするために、頻繁に改訂および改訂される必要があります。

フロントエンドを学習している場合、または JavaScript を学習する過程で多くの困難に遭遇した場合は、自分の欠点を補うために学び、みんなとコミュニケーションをとってください。

以下は、JavaScript の知識マップをまとめたもので、よく読むと JavaScript の復習と改善ができ、基礎の良いテストになります。

JavaScript変数

JavaScript演算子

JavaScript配列

JavaScriptプロセスステートメント

JavaScript文字列関数

JavaScript関数の基本

JavaScriptの基本的なDOM操作

DOM オブジェクト

BOM ブラウザ オブジェクト モデル

JavaScript 正規表現

はい、高度な知識や高度なスキルは必要ありません。

ただ、高い建物が地面からそびえ立っているだけで、千マイルの旅は一歩から始まり、千マイルの旅はアリの巣で終わるだけです。

単純なことを上手にできるかどうかは、あなたがどれだけ頭が良いかではなく、どれだけ勤勉で、どれだけ一緒に働くかによって決まります。