Note :隨著學習的深入,技術框架的具體細節和概念介紹會后續補充。
整體架構
前后端分離 (API架構)任務通知 項目溝通 協作文檔傳輸
- 文檔編寫語言 MarkDown
Markdown 語法說明 (體中文版)
http://www.appinn.com/markdown/
前端
jQuery
@Introduction
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
@Feature
- 易用 語法簡單,API易用
- 瀏覽器兼容DOM元素操作等
@Reference
- jQuery | Home
https://jquery.com/
ReactJS
React是一個新東西,它的理念是可重復使用的WEB組件。這個庫是由Facebook開發的,因為是虛擬DOM,它的性能非常突出,它還能很容易的集成到其它項目中。
后臺
React中文網
http://react-china.org/
React 入門實例教程-廖雪峰
http://www.ruanyifeng.com/blog/2015/03/react.html
2 后臺
2.1 NodeJS 6.6.0 - JS運行環境
Introduction
Node.js? is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world.
Feature
生態和工具鏈
模塊豐富 npm現在已經時開源世界中最大的包管理工具,模塊豐富(300,000+),可以極大方便開發。
社區活躍 除了Node基金會在其公告中提到的Node.js“超過350萬用戶和100%的年增長速度”,npmjs公布了一些NPM統計數據:211000NPM注冊用戶中73000用戶至少發布了一個包,每月有超過300萬唯一的IPs訪問NPM注冊表,大約有400萬用戶,三月份有超過8千萬的NPM會話,每星期有超過10億的包下載量。這些數字顯示出JavaScript,Node.js和NPM構建的生態系統正在蓬勃發展。前后端統一
前后段都采用JS語法,可以開發量(例如數據驗證)異步
事件驅動(event-driven)
非阻塞I/O(non-blocking I/O)
異步與同步相比,更節省內存消耗,提高并發處理的速度足夠多的選擇和架構平衡
-
為何要用NodeJS 6.6.0 ?
啟動更快 Node6.X 采用V8.5.0內核,模塊加載比Node.js 4.x快了近四倍。這意味著應用程序的啟動會非常快。
高級ES特性支持 支持 93% 的ES2015語法。包括解構(destructuring)、剩余參數(rest parameters)、類(class)以及super關鍵字。不支持的有直接或相互遞歸、迭代器關閉等其它一些語法。其中一些已經準備好了,但需要harmony flag才能使用。
安全性
新的Buffer API使用新的構造器創建Buffer實例,并引入了zero-fill-buffers命令行標志,這樣會減少錯誤的風險并且避免漏洞泄露到應用程序中。使用新的命令行標志,開發人員可以繼續安全地使用舊的模塊,即使這些模塊沒有更新,沒有使用新的構造器API。另外,V8改進了Math.random()的實現,使之更安全——這個特性也添加到了 Node.js v6。
易用性
Buffer 和 File System API 的易用性得到提高
更全面的測試覆蓋率
更完善的文檔
@Reference
NodeJS | Home
https://nodejs.org/en/modern-nodejs - 狼叔
https://i5ting.github.io/modern-nodejs/#101
Nodejs的新的特性[CNode-i5ting]Node.js最新Web技術棧(2016年4月)
https://cnodejs.org/topic/56fdf66ec5f5b4a959e91771
NodeJS的技術棧主要參考狼叔的這個方案,除了模板引擎外。從零開始nodejs系列文章 - 張丹
http://blog.fens.me/series-nodejs/
張丹老師 比較詳細的整理了NodeJS的學習教程
(部分內容可能已過時)IT博客匯-Node
http://wrox.cn/tag/node/
比較高質量的前端博客匯總,就是從這里知道了神器的狼叔。Node.js 6.0 Supports 93% of ES2015
https://www.infoq.com/news/2016/04/nodejs-6
總結了Nodejs 6 的一些新的特性,選擇Node6的分析,主要參考此文章Java項目如何與Node.js共存?
https://github.com/i5ting/nodejs-arch-for-java
在架構方面,Nodejs比較擅長I/O操作,弱項可以與其他語言互補。該文章綜合對比了Node與Java Web的架構,與目前的幾種共存方案。
2.2 Koajs2 - Node.js Web框架
Introduction
Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs. Through leveraging generators Koa allows you to ditch callbacks and greatly increase error-handling. Koa does not bundle any middleware within core, and provides an elegant suite of methods that make writing servers fast and enjoyable.
Feature
-
輕量級 [ 更小,更健壯,更有表現力]
KoaJS是對Nodejs的http模塊的進一步抽象,不在內核方法中綁定任何中間件,功能單一。
-
新特性支持
Koa2采用的ES2015新的特性(arrow function, promise, let const, template string, class )。
-
流程控制
在 1.0 時候 koa 需要依賴 co 結合 generator 實現 stack like 式的 middleware 功能, 2.0 移除了對 co 的依賴, 改而使用 Promise 實現該功能.
其中的async/await的新特性(來自ES2016)需要babel@6.x配合使用。
避免繁瑣函數回調,提高錯誤處理效率
@Reference
Koa HomePage
http://koa.rednode.cn/[Github - i5ting]StuQ分享專題《深入淺出js(Node.js)異步流程控制》完整版
https://github.com/i5ting/asynchronous-flow-control/blob/master/31.mdNode.js Async Tutorial
http://justinklemm.com/node-js-async-tutorial/
2.3 Mongoose - MongoDB 的NodeJS驅動(可異步執行)
@Introduction
[1]mongoose elegant mongodb object modeling for node.js
Mongoose provides a straight-forward, schema-based solution to model your application data.
[2]Mongoose is a Node.js library that provides MongoDB object mapping similar to ORM with a familiar interface within Node.js.
Mongoose 是一個提供MongoDB對象映射的Nodjs庫.提供在MongoDB存儲的數據與Javascript的對象之間的映射。
ODM Object Data Mapping .類似于NodeJS提供的ORM(Object Relational Mapping)接口.
@Feature
[TODO]
- built-in type casting
- validation 數據檢驗
- query building 查詢構建
- business logic hooks
@Reference
Mongoose | Home
http://mongoosejs.com/getting-started-with-mongoose
http://blog.modulus.io/getting-started-with-mongoose
2.4 Nunjucks - 視圖模板
@Introduction
@Feature
@Reference
2.5 Bluebird - Promise/A+實現
Q:何為Promise?
Promise是異步代碼實現控制流的一種方式。這一方式可以讓你的代碼干凈、可讀并且健壯。
Introduction
Feature
[TODO] 細化
- Synchronous inspection
- Concurrency coordination
- Promisification on steroids
- Debuggability and error handling
- Resource management
- Cancellation and timeouts
- Scoped prototypes
- Promise monitoring
- Async/Await
Reference
- Features | Bluebird
http://bluebirdjs.com/docs/features.html
2.6 AVA - 面向未來的測試運行器
Introduction
AVA時Mocha的替代品
雖然 JavaScript 是單線程,但在 Node.js 里由于其異步的特性使得 IO 可以并行。AVA 利用這個優點讓你的測試可以并發執行,這對于 IO 繁重的測試特別有用。另外,測試文件可以在不同的進程里并行運行,讓每一個測試文件可以獲得更好的性能和獨立的環境。在 Pageres 項目中從 Mocha切換 到 AVA 讓測試時間從 31 秒下降到 11 秒。測試并發執行強制你寫原子測試,意味著測試不需要依賴全局狀態或者其他測試的狀態,這是一件非常好的事情。
Feature
- 輕量和高效
- 簡單的測試語法
- 并發運行測試
- 強制編寫原子測試
- 沒有隱藏的全局變量
- 為每個測試文件隔離環境
-
新語法支持
用 ES2015 編寫測試,支持 Promise,Generator,Async,Observable - 強化斷言信息
- 可選的 TAP 輸出顯示
- 簡明的堆棧跟蹤
@Reference
[Github-AVA] AVA | Home
https://github.com/avajs/ava[CNode-i5ting]AVA實踐:面向未來的測試運行器
https://cnodejs.org/topic/57464cd8da0dea851e308101
我選擇AVA的測試框架,主要時因為它支持Koa2的 async/wait的流程控制。這文檔是狼叔對上面的英文版文檔的翻譯。
2.7 VSCode - Debug工具
@Introduction
Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, Mac and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP) and runtimes. Begin your journey with VS Code with these introductory videos.
輕量級的代碼編輯器,跨平臺的桌面軟件。具有豐富的插件支持和開發生態,支持多種語言和運行環境。
@Feature
- 跨平臺 vsc是一個比較潮比較新的編輯器(跨平臺Mac OS X、Windows和 Linux )
-
功能豐富
vsc功能和textmate、sublime、notepad++,ultraedit等比較,毫不遜色 -
Nodejs 調試方便
vsc尤其是在nodejs(調試)和typescript、go上支持尤其好
vsc提供了自定義 Debugger Adapter 和 VSCode Debug Protocol 從而實現自己的調試器
@Reference
VSCode Document For Linux
https://code.visualstudio.com/docs/?dv=linux64_deb[Github-i5ting]Visual Studio Code Guide[Simple Chinese][簡體中文]
http://i5ting.github.io/vsc/
狼叔寫的VSCode的教程,膜拜
構建工具
[TODO]
數據庫
MongoDB - NoSQL文檔型數據庫
<應用場景 分析 MySQL 與 MongoDB>為啥采用MongoDB
文檔管理
Redis 內存數據庫 - Redis
用途:用于Session管理
版本管理
工具 Git
代碼倉庫 Github
- 《Git工作流-流程規范》[TODO]
運行環境
開發IDE - [TODO NodeJS和前端所適合的開發工具]
OS - Ubuntu [TODO 版本 目前穩定運行的Ubuntu版本]
<Template>
Name
@Introduction
@Feature
@Reference