既然選擇了遠方，便只顧風雨兼程 __ HANS許
系列：零基礎搭建前后端分離項目
前端
-
Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。
Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型，使其輕量又高效。 -
npm 是 JavaScript 世界的包管理工具,並且是 Node.js 平台的默認包管理工具。通過 npm 可以安裝、共享、分發代碼,管理項目依賴關系。
cnpm 這是一個完整 npmjs.org 鏡像,你可以用此代替官方版本(只讀),同步頻率目前為 10分鍾 一次以保證盡量與官方服務同步。NPM是隨同NodeJS一起安裝的包管理工具(類似nuget)，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：
- 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
- 允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
- 允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
-
yarn跟npm類似，但各有優缺點，大家可以看下這篇文章了解下：https://www.jianshu.com/p/254794d5e741
Yarn 對你的代碼來說是一個包管理器， 你可以通過它使用全世界開發者的代碼， 或者分享自己的代碼。Yarn 做這些快捷、安全、可靠，所以你不用擔心什么。 -
Webpack 是一個前端資源加載/打包工具。它將根據模塊的依賴關系進行靜態分析，然后將這些模塊按照指定的規則生成對應的靜態資源
webpack描述- 忽略不用的靜態資源。這對刪減不必要的CSS尤其有用。Webpack只會將你的應用真正需要使用的資源放到dist目錄中
- 便捷的代碼分裂。例如，你知道你的文件Homepage.js只需要require幾個特定的CSS樣式，Webpack會根據你的需要創建一個homepage.css文件來減少文件體積。
- 你來控制靜態資源被執行的方式。如果一個圖片大小低於某個特定的值，你可以用base64來將它轉碼直接引入到你的JavaScript文件中，從而減少HTTP請求次數。如果一個JSON文件太大，那么你可以通過一個URL來加載它。你可以通過require(‘./style.less’)來將less文件自動轉為純CSS
- 穩定的生產環境。你不會將不用的圖片或舊的CSS部署到服務器上。
- 當你熟練掌握了之后用起來會非常快。你可以熱更新頁面，管理正確地CSS，自動更新CDN緩存。Webpack可以自動更新文件名及相關內容。
-
Sass 是一個 CSS 的擴展，它在 CSS 語法的基礎上，允許您使用變量 (variables), 嵌套規則 (nested rules), 混合 (mixins), 導入 (inline imports) 等功能，令 CSS 更加強大與優雅。使用 Sass 以及 Compass 樣式庫 有助於更好地組織管理樣式文件，以及更高效地開發項目。
-
Less 是一門 CSS 預處理語言，它擴展了 CSS 語言，增加了變量、Mixin、函數等特性，使 CSS 更易維護和擴展。
Less 可以運行在 Node 或瀏覽器端。 -
TypeScript是JavaScript類型的超集,它可以編譯成純JavaScript。 TypeScript可以在任何瀏覽器、任何計算機和任何操作系統上運行，並且是開源的。
-
Vue.js（讀音 /vjuː/, 類似於 view）是一個構建數據驅動的 web 界面的漸進式框架。
Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。它不僅易於上手，還便於與第三方庫或既有項目整合。
另一方面，當與單文件組件和 Vue 生態系統支持的庫結合使用時，Vue 也完全能夠為復雜的單頁應用程序提供驅動。
服務端（后端）
- ASP.NET WebApi
ASP. NET Web API支持能夠輕松地創建功能強大的 Web API，可以從范圍廣泛的客戶端 （包括使用 JavaScript從瀏覽器中，到任何移動/客戶端平台上的本機應用程序）訪問。
系列文章規划
- VsCode+Node的前端環境搭建及其理解並創建一個前端目錄
- Less與TypeScript的簡單理解與應用，並使用WebPack打包靜態頁面
- 簡簡單單的Vue
- 深入使用NodeJs與npm等打包工具的命令
- 深入使用Less|Sass跟TypeScript
- 深入使用Vue與博客園API進行簡單開發的移動端網站
- 深入使用Vue與知乎日報API進行簡單開發的移動端網站
- 深入使用Vue與網易新聞API進行簡單開發的移動端網站