2015/10/13
» » » » JS javascript 框架 memo

on
No Comment
● -- ● JS javascript 框架 memo ;;; 《ECMAScript 6入门》線上電子書 ;;;
.■■■ - Google Angular JS 【api 官網】，相當多的開發者正在使用能穩定運作的 1.x 版本，但是 Angular 2.x 的版本卻面臨了相當大的改版，而且並沒有支援 1.x 的部分。 Angular 最大亮點在雙向資料綁定，簡潔的資料綁定和監控配上快節奏的開發技巧時，產生令人驚豔的開發速度。
.■- 如何用 Visual Studio Code 開發 AngularJS 應用程式
.■-  AngularJS 初學者相關學習資源 - Docs.com : 收集了許多「中文」的 AngularJS 學習資源
.■- 男丁格爾大大的AngularJS入門教學 : 有三十多篇，Binding部分介紹得蠻完整

.■■■ - React 主打 Single Source of True 和 Flux 的單項資料流，重新以元件的思維角度去設計 WebApp，最後又採用相同思維可以進行開發 iOS, Android native 程式框架 - React Native 讓大家眼睛為之一亮。
.■■■ - WinJS 在 Windows 8.0 時就已經存在。目前已發展到4.0.1版．在Visual Studio 2015 RC裡選擇 JavaScript / Windows Universal 專案就可以建立以JavaScript開發UWP的應用程式。
.■-   WinJs庫是最近微軟公佈的一個開源項目。它與開源社區的協作共同完成。為了輕易創建HTML/JS/CSS應用程序開發的解決方案。WinJS是一個Javascripts的工具箱讓開發人員使用HTML/JS/CSS：

  •     為開發人員提供出色的UI基礎組件，支持觸摸，鼠標，鍵盤和可以訪問性。
  •     為開發人員提供一組具有粘性的組件與工具來構建應用程序的基礎設施。

.■-  WinJS內包含了Angular、Knockout和JQuery等框架的內置轉接器，兼容Angular、Knockout和JQuery等JS框架。WinJS還包含了微軟提供的所有JavaScript庫，開發者能夠快速的編寫複雜的代碼。
.■■■ - 以下這幾款算是近期比較熱門的框架：
.■■■ - backbone.js 當中，實現的並不是 Model-View-Controller 這樣的模式，而是Model-Collection-View 這三類物件，以及利用event進行串連的方式，除此，javascript語言本身就扮演了某種程度的controller角色，因此您也可以輕易的將jQuery與backbone.js 搭在一起使用，兩者可以很完美的融合運作，
MVC『Model-View-Controller』，該模式將一個系統分成背後的『模型』(Model)、『顯示』(View)與連接的『控制』(Controller)等三大部份，將模型與顯示兩者分開，然後再用controller將兩者結合在一起。
.■■■ - React.js 是 facebook 公司所創建的一個開源專案，扮演的角色主要是 MVC 架構中的 View 角色
.■ - React 的特別之處是在 javascript 裡面放入了 HTML/XML 的內容，react搭配 JSXTransformer 去將 HTML/XML 語法轉換成 javascript ，這樣就可以將　HTML/XML 完全的 javascript 化了。
.■■■ - Angular.js
.■■■ -
.■■■ -2015-8-13 The Will Will Web | 前端工程師必須學會的現代化前端開發工具
.■ ES6 (javascript 6) , 2015 年的六月則正式推出 ECMAScript 2015 (ECMAScript 6) (ES6) (ES2015) (ES Harmony)， 這個版本可以算是 JavaScript 的大躍進，多出了一大堆功能，可以大陸知名技術人阮一峰所寫的 《ECMAScript 6入门》線上電子書，有針對 ES6 非常完整的解說。
.■ 市面上 轉譯器 (transpiler)
(是 transfer (轉換) + compiler (編譯) 的合體字，中文可以翻譯成「轉譯器」)
有蠻多的 (ECMAScript 6 Tools)，有些還會自己創造新的語法，讓你用更簡潔的語法來撰寫程式，並在最後產生 ES3 或 ES5 相容的 JavaScript 程式碼。常見的轉譯器有：

  • TypeScript
    • 由微軟推出的一套全新語言與工具，這套語言本身為 JavaScript 的超集合 (superset)，最終可將 TypeScript 編譯為 JavaScript 語法。
  • Babel
    • 可輸入 ES6, ES7 的 JS 程式碼，並自動編譯為 ES3, ES5, ES6 的語法。是一個 JS to JS 轉譯器。
  • JSX (React)
    • 由 Facebook 所研發出來的一種 XML 語法，用以擴充 ECMAScript 的規格，讓 XML/HTML 可以融合在 JavaScript 程式碼之中，一般用於 React 框架之中。
  • CoffeeScript
    • 自訂一套極簡的 JS 撰寫風格，最終可將 CoffeeScript 編譯為 JavaScript 語法。 
.■ JS 品質管理工具有：
  • JSHint, a JavaScript Code Quality Tool
  • ESLint - Pluggable JavaScript linter
  • JSLint:The JavaScript Code Quality Tool
  • JSCS: JavaScript Code Style checker 
.■ 目前來說，撰寫模組化的 JavaScript 有以下三種選擇：
  • AMD (Asynchronous module definition - Wikipedia, the free encyclopedia)
    AMD 是一套非同步模組化定義的規格，請注意，這是一份 API 規格，並非實
    AMD 顧名思義，他是採用「非同步」的方式載入相依模組。
    RequireJS 則是一套實作 AMD API 的函式庫，可用於瀏覽器環境。
  • CommonJS ( CommonJS - Wikipedia, the free encyclopedia ) ( CommonJS 规范 )
    CommonJS 是一套用於瀏覽器之外的模組化載入規格，已實作於 Node.js 執行環境中。
    CommonJS 採用「同步」的方式載入相依模組
    有套模組載入工具 Browserify 就是採用 CommonJS 格式，讓你可以在模組載入後自動產生一個合併後的 JS 檔，由於問世的時間較早，目前使用者也非常多。
  • ECMAScript 2015 (ECMAScript 6) (ES6) (ES2015) (ES Harmony)
    新版 ES6 內建了 模組 ( Module ) 功能，進一步將模組化能力加入到 JavaScript 語言特性中。
    未來新版的瀏覽器將內建 ES6 模組化能力，不過要等 ES6 Module 可以跑在所有瀏覽器中，可能還有一段時間要等。

.■■■ - 比較常見前端工程師們會用的文字編輯器有：



.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -
.■■■ -

-
-
張貼者： 於 10/13/2015 09:00:00 下午
Share:

0 意見:

張貼留言

訂閱： 張貼留言 (Atom)