一直在做写静态html,ajax数据对接之类的工作,有点js基础,jquery也常用,想着以后就走前端这条路了,原来是用for循环拼接html,现在用到模板引擎,想提高一下自己学习一下vue等js引擎,从何下手求大神指一条路,另外能否解释一下vue在项目中有什么具体的用途吗?除了作为模板使用以外还能代替什么工作?
麻烦了各位前辈,在此谢过~~~~~~~!
欢迎选择我的课程,让我们一起见证您的进步~~
什麼是Vue?vue不只是一個模板引擎,它可以建立資料驅動的web介面。 vue實現了雙向資料綁定,可以避免直接操作dom,可能你對此沒有什麼概念,請先簡單地補一下課《MVC,MVP 和MVVM 的圖示》最明顯的區別是,你平時寫頁面多數要透過jquery去操作dom,才能控制某些狀態的變化,但是使用vue,由於是數據驅動的,狀態的改變與頁面的dom直接綁定了,並不需要操作dom。自己感受一下。
vue所適用的場景1、存在複雜表單的應用;2、不需要考慮seo的單頁應用;3、內部系統; 4.不需要支援低版IE瀏覽器的應用;5、其他帶殼的web應用;
純粹的模板引擎vue並不是純粹的模板引擎,它應該歸類於實現了MVVM的前端框架。而模板引擎所做的工作只是渲染頁面,你既可以在前端渲染也可以在後端渲染。如果你在前端頁面引入模板引擎,那麼你就是在前端渲染,如果你在express等後端框架內引入模板引擎,則可以實現後端渲染。常用的模板引擎有handlebars、ejs、jade、swig、nunjunks、artTemplate等等。最簡單的模板引擎個人認為是artTemplate,但要論功能的強大,則是swig/jade。建議先從artTemplate入門。
什麼是node? 官網的解釋是『Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運作環境。 Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量且有效率。 Node.js 的套件管理器 npm,是全球最大的開源程式庫生態系統。 』可能你並不知道這代表了什麼,我也不知道怎麼解釋,你應該自己去玩一下,然後逐漸就會有一點認識。可以看一下這個《node包教不包會》,當你開始想學習一點後台的知識時,你可以看一下N-blog。
如何學習? 啃文檔是最好的出路。一次看不懂,看三次,一定能看得懂。要靜得下心來,而不是到處找什麼教程,文件本身就有教程。 。
個人覺得學JavaScript框架只不過是建立在JavaScript原生語言的基礎上學習,所以,為了更好學習這些js框架,得深入了解js的語言吧,個人推薦先看一遍並理解underscore.js的源碼,這樣你會發現你原來對js的學習都是不全面的,接著對於前端框架來說看文檔是很好的方式,尤其是vue.js已經有中文文檔,看起來快一點,而node的話辛苦點看看官方英文的文檔吧,雖然多而且是英文但我也堅持看完了。然後node做開發你可以去嘗試koa框架,一個輕量級的後台框架,js的回調寫法很舒服具體看你會明白的。
我最近也在學習node,感覺這確實是一難啃的骨頭,看node的時候裡面還多延伸的知識點,然後去補習,然後發現要掌握的東西太多了,現在都不知道從哪下手了。之前問人家會node的牛牛,說學node最好是能懂一門後台語言。 。 。 。
看文件學習,就是學習一些概念
vue不了解node.js我也認為應該學習一種簡單的後台語言以後再學比較好,否則很難明白node.js的優勢在哪。 如果直接學node.js的話,去youtube上找幾個視頻,看出點感覺來,再去github上搜一些短小的project來看看。 沒有後台語言基礎的話,不建議直接看官方文檔,因為看了半天你還是啥也寫不出來。
感覺寫nodejs之前先補補js基礎,把es6的語法看看.一入前端深似海,技能樹點開瞬間爆炸,慢慢來.VueJS 挺好用的,最近剛出了2.0,湊個熱鬧.
我建議你的學習路徑如下:
HTML
CSS
Javascript
上面在學的過程中一定要多動手做幾個項目,比如說寫一個SegmentFault的首頁,最好做兩三個項目,而且佈局什麼的都最好還不要一樣
SegmentFault
上面的任務都做完之後就可以接觸node和webpack了,都不需要太深,因為node太深了,屬於大前端,等你了解了這些個工具知道你就可以接觸前端框架了,例如先了解如下三個流行的框架:
vue
angular
react
然後都做一些小項目,綜合選擇適合自己的框架,最後就愉快地寫代碼把。
nodejs 是能讓前端變全端的變態框架,其實就是在學後端,利用javascript語言。 當然學之前可以先懂點什麼叫伺服器,什麼叫路由,http協議,不一定要深入。 nodejs入門教學 我是敲這裡面的程式碼入的門。 然後再學學標配的MongoDB,好吧,可以隨意開發一個完整的網站了。 接下來就是去什麼阿里雲,網易,什麼的買一個雲端伺服器ecs。 接著買網域名稱網域備案然後就成為站長回過頭,自己走了好久~~
什麼是Vue?
vue不只是一個模板引擎,它可以建立資料驅動的web介面。
vue實現了雙向資料綁定,可以避免直接操作dom,可能你對此沒有什麼概念,請先簡單地補一下課《MVC,MVP 和MVVM 的圖示》
最明顯的區別是,你平時寫頁面多數要透過jquery去操作dom,才能控制某些狀態的變化,但是使用vue,由於是數據驅動的,狀態的改變與頁面的dom直接綁定了,並不需要操作dom。自己感受一下。
vue所適用的場景
1、存在複雜表單的應用;
2、不需要考慮seo的單頁應用;
3、內部系統;
4.不需要支援低版IE瀏覽器的應用;
5、其他帶殼的web應用;
純粹的模板引擎
vue並不是純粹的模板引擎,它應該歸類於實現了MVVM的前端框架。而模板引擎所做的工作只是渲染頁面,你既可以在前端渲染也可以在後端渲染。如果你在前端頁面引入模板引擎,那麼你就是在前端渲染,如果你在express等後端框架內引入模板引擎,則可以實現後端渲染。常用的模板引擎有handlebars、ejs、jade、swig、nunjunks、artTemplate等等。最簡單的模板引擎個人認為是artTemplate,但要論功能的強大,則是swig/jade。建議先從artTemplate入門。
什麼是node?
官網的解釋是『Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運作環境。 Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量且有效率。 Node.js 的套件管理器 npm,是全球最大的開源程式庫生態系統。 』可能你並不知道這代表了什麼,我也不知道怎麼解釋,你應該自己去玩一下,然後逐漸就會有一點認識。可以看一下這個《node包教不包會》,當你開始想學習一點後台的知識時,你可以看一下N-blog。
如何學習?
啃文檔是最好的出路。一次看不懂,看三次,一定能看得懂。要靜得下心來,而不是到處找什麼教程,文件本身就有教程。 。
個人覺得學JavaScript框架只不過是建立在JavaScript原生語言的基礎上學習,所以,為了更好學習這些js框架,得深入了解js的語言吧,個人推薦先看一遍並理解underscore.js的源碼,這樣你會發現你原來對js的學習都是不全面的,接著對於前端框架來說看文檔是很好的方式,尤其是vue.js已經有中文文檔,看起來快一點,而node的話辛苦點看看官方英文的文檔吧,雖然多而且是英文但我也堅持看完了。然後node做開發你可以去嘗試koa框架,一個輕量級的後台框架,js的回調寫法很舒服具體看你會明白的。
我最近也在學習node,感覺這確實是一難啃的骨頭,看node的時候裡面還多延伸的知識點,然後去補習,然後發現要掌握的東西太多了,現在都不知道從哪下手了。之前問人家會node的牛牛,說學node最好是能懂一門後台語言。 。 。 。
看文件學習,就是學習一些概念
vue不了解
node.js我也認為應該學習一種簡單的後台語言以後再學比較好,否則很難明白node.js的優勢在哪。
如果直接學node.js的話,去youtube上找幾個視頻,看出點感覺來,再去github上搜一些短小的project來看看。
沒有後台語言基礎的話,不建議直接看官方文檔,因為看了半天你還是啥也寫不出來。
感覺寫nodejs之前先補補js基礎,把es6的語法看看.
一入前端深似海,技能樹點開瞬間爆炸,慢慢來.
VueJS 挺好用的,最近剛出了2.0,湊個熱鬧.
我建議你的學習路徑如下:
HTML
CSS
Javascript
上面在學的過程中一定要多動手做幾個項目,比如說寫一個
SegmentFault
的首頁,最好做兩三個項目,而且佈局什麼的都最好還不要一樣上面的任務都做完之後就可以接觸node和webpack了,都不需要太深,因為node太深了,屬於大前端,等你了解了這些個工具知道你就可以接觸前端框架了,例如先了解如下三個流行的框架:
vue
angular
react
然後都做一些小項目,綜合選擇適合自己的框架,最後就愉快地寫代碼把。
nodejs 是能讓前端變全端的變態框架,其實就是在學後端,利用javascript語言。
當然學之前可以先懂點什麼叫伺服器,什麼叫路由,http協議,不一定要深入。
nodejs入門教學 我是敲這裡面的程式碼入的門。
然後再學學標配的MongoDB,好吧,可以隨意開發一個完整的網站了。
接下來就是去什麼阿里雲,網易,什麼的買一個雲端伺服器ecs。
接著買網域名稱
網域備案
然後就成為站長
回過頭,自己走了好久~~