1. 程式人生 > >走向全棧之坑

走向全棧之坑

常見 c教程 自動構建 outer 狀態 免費 調用 是把 vuejs

走向全棧之坑

最近我接手我人生中第一個項目,有點小激動,所用到的技術分別是Vue生態+ASP.Net core webapi+Ubuntu+MySql,基本上算是一個小全棧了,我本人也是希望向全棧發展的,雖然可能不太現實,廢話說到這,先介紹下這套技術吧。這篇文章主要介紹一下相關技術,不會有相關實際操作,詳細操作會後續更新的…(寫完發現我用的好像都是開源免費的……是窮激發了我的潛力[捂臉])

  預備知識:

    前端框架:在我的理解中,前端框架就是把HTML、CSS、JavaScript封裝起來,然後提供一個接口文檔,告訴你什麽代碼能實現什麽功能,優點就是簡潔方便,只關註所需要的功能就好,缺點就是缺少對被封裝的代碼理解,所以個人建議在學習完一個框架後最好把框架下的原生代碼在理解一遍。


  Vue生態(官網傳送門):即當下比較流行的一個前端框架,與react、angular形成了三足鼎立之勢,之所以叫做Vue生態,是因為如果僅僅只用Vue的話,功能比較少,所以其周圍有一大堆的插件,其中比較常用的有管理路由的vue-router、與後臺進行數據交互的vue-axios(可能會有同學聽到過vue-resource,我之前也是用vue-resource練手的,不過官方不再維護了,而是推薦axios)、vuex(我也沒用過…據說是用來管理數據狀態的)、工程自動構建的vue-cli(即自動創建網站前端所需要的所有文件),有這四個插件在加上vue本身,能實現的功能就已經很多了。


技術分享圖片

  ASP.Net core(官網傳送門):微軟一款跨平臺的通用開發平臺,這裏我就不詳細多說了,其實我也是剛接觸,學習的話,建議先看一遍asp.net MVC教程或視頻,理解MVC三個層的互相調用關系,之後就是使用其中的webapi,這個的作用就是充當一個中間件的角色,即在服務器上把數據庫的數據經過邏輯處理發送到前端(如axios就可以接受數據)。

技術分享圖片

  Ubuntu(官網傳送門):Linux的一種版本,充當服務器的角色,沒什麽好說的。

技術分享圖片

  MySQL(官網傳送門):一種開源的數據庫,優點就是免費的數據庫,用於存儲數據。

技術分享圖片

後面會用到nodeJs、npm(cnpm)、git、ES6、webpack、Babel,這些了解一下就好,可以以後再深入

nodejs(官網傳送門):這裏會用到的原因是其安裝後自帶了npm,但是本身也是極其強大的,其中一點就是讓JavaScript成為了後端服務器語言,我也會在項目後學習的。

技術分享圖片

npm(官網傳送門):用來安裝各種第三方包和插件的,比如axios就是通過npm安裝的,不過國內推薦淘寶鏡像(cnpm),速度快

技術分享圖片

git(官網傳送門):官網說是一個版本控制系統,但是我怎麽覺得它的功能比較強,我創建vue項目就是在這裏創建的…

技術分享圖片

github(官網傳送門):一個與git有著緊密聯系的地方

技術分享圖片

ES6(w3c介紹):ECMAScript 6的簡寫,俗稱JavaScript,其實就是一種標準,用來規範JavaScript的實現。(沒找到什麽圖…)

webpack(官網傳送門):專業打包工具,即把所有HTML、CSS、JavaScript的框架還原成HTML、CSS、JavaScript。

技術分享圖片

Babel(官網傳送門):這個可能不會經常用,但會經常見到。因為ES6是最新出來的標準,很多瀏覽器並不支持(谷歌不就支持,小聲地說…),所以就需要Babel把ES6的相關語法轉換成大部分瀏覽器能夠識別的ES5語法。


技術分享圖片

最後我個人建議,也是我會走的一條路,拼命學JavaScript或者是ECMAScript,因為我預感JavaScript真的會跨三端(前端、後端(nodejs已經實現了)、數據庫)。

走向全棧之坑