發表文章

目前顯示的是 9月, 2017的文章

[2017/09]閱讀清單

JS 概念篇: How to set variable to undefined in javascript?  (英) callback 說明與用法  (中) 了解 function  (中) 其他: How to promisify native XMLHttpRequest?  (英) undoRedo for simple app  (英) 該選 backbone.js 還是 CanJS?  (英)

Form Builder 拖拉功能篇

圖片
根據前一篇的參考資料 Drag & Drop with pure JavaScript 完成拖拉功能!! 新增功能: 移動時,元件原本的位置顯示標記 移動途中可使用 Esc 取消操作 若在不可放置的位置放開滑鼠左鍵,視為取消操作 移動後須調整 ViewModel 資料,重新包裝原始程式碼 (程式碼待補)

Form Builder架構篇

圖片
最近在做類似線上 Form Builder 的專案,在此整理相關資料。 架構 Server Side:  NodeJS Client Side ( MVC / MVVM):  EJS : 優點 - 語法簡單易學 缺點 - 無法雙向binding   CanJS : 優點 - 可使用EJS語法設計樣板,語法簡單易學、引入 Observe 架構支援雙向Binding 缺點 - 因最終產生 Angular2 專案,需同時維護 EJS/Angualr2 兩架構之樣板 Angular2 : 優點 - 支援雙向Binding 缺點 - 功能豐富且複雜,Render 功能使用此架構略嫌複雜 architecture diagram ( 參考來源 ) [閱讀清單] CanJS API Developing a MEAN app with Angular 2.0 MEAN App with Angular 2 and the Angular CLI Drag & Drop with pure JavaScript Angular vs React 如何選擇?