Vue實戰(zhàn)(一)Falcon計劃

本文是Vue實戰(zhàn)系列的開篇。
Falcon項目地址:https://github.com/thierryxing/Falcon

前言

當(dāng)今前端的世界,知識體系非常繁雜,各種框架多如牛毛,而其中能稱之為優(yōu)秀的卻是鳳毛菱角。因為在我看來:

優(yōu)秀的框架不應(yīng)該給開發(fā)者帶來使用難度,而是提高效率,并恰到好處地提供幫助。

Vue正是這樣的框架,無論你是前端的初學(xué)者還是老手,Vue都非常容易上手,我想這也是其如此流行的原因之一吧。

Vue目前在Github上有超過5萬的star和7千的fork,目前已經(jīng)推出2.3版本。

實戰(zhàn)之前

從16年初開始到現(xiàn)在,我們的前端團隊將Vue作為主框架已經(jīng)有一年多的時間了,而作為前端工程師出身的我,知識體系還停留在遠(yuǎn)古的Prototype和jQuery上,說起來也是一件十分慚愧的事情。

于是我下定決心花一段時間由淺入深地學(xué)習(xí)一下這個目前非常流行的框架,同時惡補一下ES6的知識。

本人一直贊同并踐行一個觀點:

學(xué)習(xí)一項新技術(shù)的最佳途徑就是動手寫一個完整的項目。

因為在這個項目中你將遇到幾乎所有的問題,那么解決這些問題的過程就是你不斷提高,融會貫通的過程。

學(xué)習(xí)Vue也不例外,恰好最近正在計劃為內(nèi)部的自動化平臺Jaguar提供iOS和Android的版本,以方便大家在移動端進(jìn)行使用,那么用Native去寫顯然有些浪費資源,而做一個Hybrid的跨平臺App應(yīng)該是最經(jīng)濟的方式了,所以最終的計劃是將Jaguar進(jìn)行前后端分離,然后在前端使用Vue框架,并使其同時能夠支持瀏覽器,iOS和Android平臺。

為了和Jaguar(美洲豹)相對應(yīng),最終決定給項目取名叫Falcon,即:獵鷹,和Jaguar一樣都是速度飛快的動物。

經(jīng)過一段時間的規(guī)劃和整理,可以預(yù)計出最終的版本大約包含40個左右的頁面,30個左右的組件,這么算來也可以稱之為一個不大不小的項目了。

最終的界面大概如下:


Dashboard.png
Project.png

本文集Vue實戰(zhàn)將事無巨細(xì)的記錄我在完成整個項目過程中對Vue的從淺到深理解,遇到的點點滴滴問題,希望可以幫助正在入門或打算嘗試Vue框架的同學(xué)們。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容