Integrated by BirdLee 偉小鵬, licensed under CC BY-NC 4.0 (創(chuàng)意共享 4.0)
前言：本資料是宅印項目所用到或相關(guān)的部分前端知識，在此和大家共享，并作為進行項目開發(fā)的預(yù)備知識。若發(fā)現(xiàn)錯誤之處，歡迎指正。
Node.js 環(huán)境
-
簡介
NodeJs 是基于 Chromium V8 引擎的本地 JS 運行環(huán)境，其程序包生態(tài)系統(tǒng) npm 是當(dāng)今世界最大的開源庫, 時下非?；馃帷?/p>
-
學(xué)習(xí)資源
React 框架
-
簡介
React 是一個構(gòu)建用戶界面的前端框架，本項目使用React框架搭建，以下是一些入門資料：
* React官網(wǎng)
* 阮一峰：React 入門實例教程
-
資源
- react-components網(wǎng)站 可以看到各種熱門react組件
- Flux 推薦與React配套使用的前端架構(gòu)方式（本項目暫不使用）
-
配合工具
-
react-tools 主要把它當(dāng)作JSX預(yù)處理器，使用方法簡單 (本項目使用該編譯器已足夠)
-
npm
$ npm install -g react-tools - 常用使用語法
$ jsx -w [watch dir] [build dir]
-
npm
- babel 可裝插件的JS預(yù)處理器（可以嘗試使用）
-
react-tools 主要把它當(dāng)作JSX預(yù)處理器，使用方法簡單 (本項目使用該編譯器已足夠)
-
推薦配合庫
- react-router React常用路由組件（本項目使用）
- react-bootstrap UI組件，Bootstrap 的 React 版，支持CommonJS規(guī)范和AMD規(guī)范等（本項目使用）
- amazuei-react UI組件，中國本土的 AmazeUI 的 React版，支持CommonJS規(guī)范和AMD規(guī)范等（宅印網(wǎng)頁端使用）
- material-ui UI組件，實現(xiàn)Google的Material設(shè)計規(guī)范，非常美觀，但只支持CommonJS規(guī)范
Git 版本控制系統(tǒng)
-
簡介
當(dāng)今最熱門的免費開源的分布式版本控制系統(tǒng)。官網(wǎng):http://git-scm.com/
- 本項目使用Git進行代碼版本管理并進行團隊協(xié)作
-
學(xué)習(xí)資料
-
常用命令小結(jié)
-
add
- 添加指定文件到暫存區(qū)：
$ git add [file]- 添加所有文件到暫存區(qū)（被忽略的文件除外）：
$ git add * -
commit
- 提交已暫存的更改：
$ commit -m [comment]- 暫存并提交更改：
$ commit -a -m [comment] -
checkout
- 切換分支：
$ git checkout [des branch]- 創(chuàng)建并切換到新分支<跟蹤的上游分支>：
$ git checkout -b [new branch] <[remote:branch]> -
fetch
- 從遠程獲取特定分支的引用數(shù)據(jù)到本地遠程引用：
$ git fetch [remote] [remote branch]:[local brance]- 從遠程獲取所有引用數(shù)據(jù)到本地遠程引用：
$ git fetch --all -
pull
- 拉取當(dāng)前分支已注冊注冊跟蹤的遠程分支，并整合到當(dāng)前分支：
$ git pull- 拉取并整合指定遠程庫的特定分支到本定特定分支：
$ git pull [origin] [remote branch]:[local brance] -
push
- 推送本地分支到遠程分支：
$ git push [origin] [loacl branch]:[remote branch] -
merge
- 整合其他分支到當(dāng)前分支：
$ git merge [other branch] -
rebase
- 對當(dāng)前分支實行變基：
$ git rebase [new base] -
branch
- 查看分支詳情：
$ git branch -vv- 刪除某個分支：
$ git branch -d [branch]- 設(shè)置上游跟蹤分支:
$ git branch --set-upstream-to=[remote]/[upstream branch] <[work branch]> -
status
- 查看當(dāng)前工作目錄狀態(tài)：
$ git status -
remote
- 查看與某個遠程倉庫的同步信息：
$ git remote show [remote] -
config
- 用戶名：
user.name - 用戶郵箱：
user.email - 編輯器：
core.editor - 比較工具：
merge.tool
- 用戶名：
-
Node-Webkit 框架
-
簡介
Node.js 和 Webkit的結(jié)合，現(xiàn)稱nw.js, 使我們可以使用Web技術(shù)構(gòu)建本地應(yīng)用程序。nw.js官網(wǎng)
- 本項目就是基于nw.js開發(fā)的
-
學(xué)習(xí)資源
Socket 協(xié)議
-
簡介
網(wǎng)絡(luò)上的兩個程序通過一個雙向的通信連接實現(xiàn)數(shù)據(jù)的交換，這個連接的一端稱為一個socket。
- 在本項目中，Node-Webkit 與 本地.Net 后臺 通過傳統(tǒng) Socket 實現(xiàn)通信**
-
學(xué)習(xí)資料
WebSocket 協(xié)議
-
簡介
WebSocket協(xié)議是HTML5一種新的協(xié)議。它實現(xiàn)了瀏覽器與服務(wù)器全雙工通信(full-duplex)。
-
Socket.io
Socket.io是一個流行強大的兼容HTTP輪詢和WebSocket的JS實時通信庫。官網(wǎng)
- 在本項目中，將使用Socket.io與云端推送服務(wù)器通信，實現(xiàn)訂單消息的實時推送
SASS 格式
-
簡介
SASS是強大的CSS與處理器，可以用它編寫結(jié)構(gòu)化的，高可重用度的樣式。官網(wǎng)- 本項目使用SASS書寫樣式表。
-
學(xué)習(xí)資料
Markdown 格式
-
簡介
Markdown是一種可以使用普通文本編輯器編寫的標記語言，通過簡單的標記語法，它可以使普通文本內(nèi)容具有一定的格式，
GitHub 使用Markdown撰寫項目文檔。- 本項目使用Markdown撰寫部分文檔（本文檔就是用Markdown撰寫的）
-
學(xué)習(xí)資料
YAML 格式
-
簡介
YAML是“Yet Another Markup Language”(另一種標記語言)的縮寫，但為了強調(diào)這種語言以數(shù)據(jù)做為中心，而不是以置標語言為重點，而用返璞詞重新命名。它是一種直觀的能夠被電腦識別的數(shù)據(jù)序列化格式，是一個可讀性高并且容易被人類閱讀，容易和腳本語言交互，用來表達資料序列的數(shù)據(jù)描述語言。-
本項目使用YAML書寫大部分API
語法格式簡介參見K.K：《初探Y(jié)AML》
-
本項目使用YAML書寫大部分API
CommonJS 規(guī)范
-
簡介
CommonJS Modules/1.0 是目前JavaScript模塊化的實現(xiàn)標準。NodeJS就是個標準的一個實現(xiàn)。在前端編程中，可以使用 browserify或webpack實現(xiàn)CommonJS規(guī)范。
規(guī)范中文簡介參見 魏志鋒:《CommonJS Modules/1.0 規(guī)范》
AMD 規(guī)范
-
簡介
AMD是"Asynchronous Module Definition"的縮寫，意思就是"異步模塊定義"。它采用異步方式加載模塊，模塊的加載不影響它后面語句的運行。所有依賴這個模塊的語句，都定義在一個回調(diào)函數(shù)中，等到加載完成之后，這個回調(diào)函數(shù)才會運行。
進一步介紹和例子參見阮一峰：《Javascript模塊化編程（二）：AMD規(guī)范》 ,Snandy：《AMD：瀏覽器中的模塊規(guī)范》- 本項目前端采用AMD規(guī)范
- 參考資料：各個庫的官方網(wǎng)站，百度百科
- 2015/11/22 Integrated By BirdLee 偉小鵬(674107287@qq.com)
- Licensed under CC BY-NC 4.0 (創(chuàng)意共享 4.0)
