node.js - 我是一个做前端的，求教如何学习vue，node等js引擎？

Question

一直在做写静态html，ajax数据对接之类的工作，有点js基础，jquery也常用，想着以后就走前端这条路了，原来是用for循环拼接html，现在用到模板引擎，想提高一下自己学习一下vue等js引擎，从何下手求大神指一条路，另外能否解释一下vue在项目中有什么具体的用途吗？除了作为模板使用以外还能代替什么工作？

麻烦了各位前辈，在此谢过~~~~~~~！

Answer 1

Vue とは何ですか?
Vue は単なるテンプレート エンジンではなく、データ駆動型の Web インターフェイスを構築できます。
Vue は双方向のデータ バインディングを実装しているため、DOM の直接操作を避けることができます。おそらくこれについては、レッスン「MVC、MVP、MVVM の図」を簡単に説明してください。
最も明らかな違いは、 です。通常ページを作成する場合、ほとんどの場合、jquery を使用して dom を操作し、特定の状態の変更を制御する必要があります。しかし、vue ではデータ駆動型であるため、状態の変更はページの dom に直接バインドされます。 、domを操作する必要はありません。自分自身で感じてください。

vue が適用されるシナリオ
1. SEO を考慮する必要のない単一ページのアプリケーション。
4. IE ブラウザーの下位バージョンをサポートする必要のないアプリケーション
5. シェルを使用するその他の Web アプリケーション。

純粋なテンプレート エンジン

vue は純粋なテンプレート エンジンではなく、MVVM を実装するフロントエンド フレームワークとして分類される必要があります。テンプレート エンジンはページをレンダリングするだけです。フロントエンドでもバックエンドでもレンダリングできます。テンプレート エンジンをフロントエンド ページに導入すると、フロントエンドでレンダリングされます。Express などのバックエンド フレームワークにテンプレート エンジンを導入すると、バックエンド レンダリングを実現できます。一般的に使用されるテンプレート エンジンには、ハンドルバー、ejs、jade、swig、nunjunks、artTemplate などが含まれます。個人的には最もシンプルなテンプレートエンジンは artTemplate だと思いますが、強力な機能という点では swig/jade です。 artTemplate から始めることをお勧めします。
ノードとは何ですか?

公式サイトの説明は『Node.js は Chrome V8 エンジンをベースにした JavaScript 実行環境です。 Node.js はイベント駆動型のノンブロッキング I/O モデルを使用するため、軽量で効率的です。 Node.js パッケージ マネージャーである npm は、世界最大のオープンソース ライブラリ エコシステムです。 』 これが何を意味するのか分からないかもしれないし、どう説明したら良いのか分からないかもしれない。自分でプレイしてみると、徐々に理解できるようになるだろう。この「ノードのティーチングは保証されていません」を参照してください。予備知識を学びたい場合は、N-blog を参照してください。
どうやって勉強しますか?

ドキュメントをよく読むことが最善の方法です。一度ではわからなくても、三回読めば必ず理解できるようになります。落ち着いてチュートリアルを探す必要はありません。ドキュメント自体にチュートリアルがあります。 。

Answer 2

個人的には、JavaScript フレームワークを学ぶことは、ネイティブ JavaScript 言語に基づいて学ぶことに他ならないと感じています。そのため、これらの JS フレームワークをよりよく学ぶには、JS 言語を深く理解する必要があります。まずはunderscore.jsのソースコードを理解してください。このようにすると、元々の js の学習が包括的ではないことがわかります。フロントエンド フレームワークの場合は、ドキュメントを読むのが良い方法です。特に vue.js にはすでに中国語のドキュメントがあり、その方が早いようですが、node の方が難しいです。英語の公式ドキュメントを見てください。たくさんありますし、英語ですが、私はそれを読むことにしました。次に、ノードの開発については、軽量のバックグラウンド フレームワークである koa フレームワークを試すことができます。js コールバックの記述方法は非常に快適で、詳しく見てみると理解できます。

Answer 3

私も最近ノードを勉強していますが、ノードを読むと、そこには多くの拡張知識が含まれていて、理解するのが非常に難しいと感じました。その後、個別指導を受けに行きました。マスターすべきことが多すぎて、どこから始めればよいのかさえわかりません。以前、node に詳しい Niu Niu さんに聞いたところ、node を学ぶ最善の方法は背景言語を理解することだと言われました。 。 。 。

Answer 4

ドキュメントを読んで学ぶということは、いくつかの概念を学ぶことを意味します

Answer 5

Vue は
node.js を理解できません。また、後で簡単なバックエンド言語を学習する方がよいと思います。そうしないと、node.js の利点を理解するのが難しくなります。
node.js を直接学習したい場合は、YouTube にアクセスしていくつかのビデオを見つけて雰囲気をつかんでから、github にアクセスして短いプロジェクトを検索して見てください。
背景言語の知識がない場合、公式ドキュメントを直接読むことはお勧めできません。長時間読んでも何も書けないからです。

Answer 6

nodejs を書く前に、js の基礎を理解し、es6 の構文を確認する必要があると感じています。
フロントエンドに入るとすぐに、それは海のように深いですをクリックすると、スキル ツリーがすぐに爆発します。ゆっくり時間をかけてください。
VueJS 2.0 は最近リリースされたばかりなので、ぜひ参加してみましょう。

Answer 7

学習パスは次のとおりであることをお勧めします:

1. HTML

2. CSS

3. JavaScript

上記の学習の過程では、より多くのプロジェクトを実行する必要があります。たとえば、SegmentFault ホームページを作成する場合、2 つまたは 3 つのプロジェクトを実行するのが最善であり、レイアウトは同じであってはなりません。

上記のタスクを完了したら、ノードと Webpack にアクセスできるようになります。これらのツールを理解したら、ノードは非常に深く、大きなフロントエンドに属するため、深くする必要はありません。フロントエンド フレームワークについて知るには、まず次の 3 つの一般的なフレームワークを理解します。

1. ビュー

2. 角度

3. 反応

その後、いくつかの小さなプロジェクトを実行し、自分に合ったフレームワークを総合的に選択し、最終的には楽しくコードを書きます。

Answer 8

Nodejs は、フロントエンドをフルスタックに変えることができる倒錯したフレームワークで、実際にはバックエンドを学習し、JavaScript 言語を使用しています。
もちろん、学習する前に、サーバーとは何か、ルーティングとは何か、そして http プロトコルについて理解することができます。詳しく理解する必要はありません。
Nodejs 入門チュートリアル ここのコードを見て始めました。
次に、標準的な MongoDB を学習します。完全な Web サイトを自由に開発できます。
次のステップは、Alibaba Cloud、NetEase などにアクセスして、クラウド サーバー ecs を購入することです。
それからドメイン名を購入してください
ドメイン名登録
そしてウェブマスターになってください
振り返ると、長い間歩いていました~~