初步了解vue.js

一、開發工具:VSCode, WebStorm, Sublime
二、開發環境:Node.js, Npm, Cnpm, Webpack, ES6
三、框架: Vue.js, Element UI
四、文檔:

http://doc.vue-js.com/v2/guide/index.html

五、資源:

開源項目:http://www.cnblogs.com/opendigg/p/6513510.html
VSCode插件:http://www.open-open.com/lib/view/1487752358536

六、基礎概念:

1、Node.js:

Node.js是一個Javascript運行環境(runtime)。實際上它是對Google V8引擎進行了封裝。V8引 擎執行Javascript的速度非常快,性能非常好。Node.js對一些特殊用例進行了優化,提供了替代的API,使得V8在非瀏覽器環境下運行得更好。
Node.js是一個基于Chrome JavaScript運行時建立的平臺, 用于方便地搭建響應速度快、易于擴展的網絡應用。Node.js 使用事件驅動, 非阻塞I/O 模型而得以輕量和高效,非常適合在分布式設備上運行數據密集型的實時應用。

Node.js的優點:

  • nodejs作為一個新興的后臺語言,有很多吸引人的地方:
  • RESTful API
  • 單線程
  • Node.js可以在不新增額外線程的情況下,依然可以對任務進行并發處理 —— Node.js是單線程的。它通過事件輪詢(event loop)來實現并發操作,對此,我們應該要充分利用這一點 —— 盡可能的避免阻塞操作,取而代之,多使用非阻塞操作。
  • 非阻塞IO
  • V8虛擬機
  • 事件驅動
    ** 官網:**https://nodejs.org/en/

2、Npm:

NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種:

  • 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
  • 允許用戶從NPM服務器下載并安裝別人編寫的命令行程序到本地使用。
  • 允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

npm is the package manager for JavaScript and the world’s largest software registry. Discover packages of reusable code — and assemble them in powerful new ways.
官網:https://www.npmjs.com/

3、CNPM:
CNPM是淘寶的NPM鏡像,由于在國內網絡環境訪問NPM不便,所以用CNPM代替NPM
官網:http://npm.taobao.org/

4、Webpack:

Webpack 是當下最熱門的前端資源模塊化管理和打包工具。它可以將許多松散的模塊按照依賴和規則打包成符合生產環境部署的前端資源。還可以將按需加載的模塊進行代碼分隔,等到實際需要的時候再異步加載。通過 loader 的轉換,任何形式的資源都可以視作模塊,比如 CommonJs 模塊、 AMD 模塊、 ES6 模塊、CSS、圖片、 JSON、Coffeescript、 LESS 等。
官網:http://webpack.github.io/

5、ES6:

CMAScript 6(以下簡稱ES6)是JavaScript語言的下一代標準。因為當前版本的ES6是在2015年發布的,所以又稱ECMAScript 2015。
ES6特性:

  • Default Parameters(默認參數) in ES6
  • Template Literals (模板文本)in ES6
  • Multi-line Strings (多行字符串)in ES6
  • Destructuring Assignment (解構賦值)in ES6
  • Enhanced Object Literals (增強的對象文本)in ES6
  • Arrow Functions (箭頭函數)in ES6
  • Promises in ES6z
  • Block-Scoped Constructs Let and Const(塊作用域構造Let and Const)
  • Classes(類) in ES6
  • Modules(模塊) in ES6

6、Vue.js

vue.js(讀音 /vju?/, 類似于 view) 是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是,Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層,并且非常容易學習,非常容易與其它庫或已有項目整合。另一方面,Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。
Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
官網:http://doc.vue-js.com/v2/guide/index.html

7、Element UI:

由餓了嗎開源,一套為開發者、設計師和產品經理準備的基于 Vue 2.0 的組件庫,提供了配套設計資源,幫助你的網站快速成型。
官網:http://element.eleme.io/

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

推薦閱讀更多精彩內容

  • 一,Tatoo看知乎上看到了有意思的紋身/做法,就是去登珠峰之前把自己的名字/身份證號紋在了腋下靠下一點的部位,覺...
    oo上海閱讀 248評論 2 1
  • 被強奸很爽,請不要反抗。 ———題記 壓死駱駝的稻草是一根根...
    長弓1991閱讀 1,153評論 1 0
  • 20171021 【幸福三朵玫瑰】 昨日 3朵玫瑰 1.早起? 2.參加神經科年會? 3.閱讀? 今日3朵玫瑰 1...
    葉青丁當媽閱讀 274評論 0 0
  • “當別人在雨里撐傘時,我卻在深夜的辦公室里撐起我的未來”。我在地鐵上看到這則廣告時,我想起“美麗新世界里”...
    蜉游塵世閱讀 180評論 0 0
  • “非淡泊無以明志,非寧靜無以致遠。” 這句我們耳熟能詳的話,出自諸葛亮54歲時寫給他8歲兒子諸葛瞻的《誡子書》。 ...
    梅芳的行影記閱讀 269評論 2 2