上文提到計划開發的一個支持用戶擴展的開放設計器平台,它基於Html5,純JS,考慮到方便用戶進行引用和擴展,定義成一個單獨的js組件的形式,本文重點就如何設計JS組件做一個詳細說明。 設計組件前,我們先要思考組件如何初始化,首先既然是圖形化的,那就必須用到HTML5的Canvas元素,開發人員 ...
當一個軟件為了達到一定的業務擴展性時 產品上線后限定范圍內的用戶需求無需變更代碼,通過簡單的配置可滿足用戶的要求 ,必然要求軟件是可配置的。 筆者過去開發過很多配置型的管理軟件,從可配置的表單設計 Form Designer ,報表設計 Report Designer ,到工作流設計 Workflow Designer ,不管技術如何日新月異,需求總是不變的在那里,不增 不減:一個支持設計時和運行 ...
2018-09-04 16:12 0 1261 推薦指數:
上文提到計划開發的一個支持用戶擴展的開放設計器平台,它基於Html5,純JS,考慮到方便用戶進行引用和擴展,定義成一個單獨的js組件的形式,本文重點就如何設計JS組件做一個詳細說明。 設計組件前,我們先要思考組件如何初始化,首先既然是圖形化的,那就必須用到HTML5的Canvas元素,開發人員 ...
上節講到如何創建組件,清除設計器視圖,以及設計視圖的持久化和恢復,本節將重點講如何實現組件間的連線,前面章節有提到為了方便從持久化文件中恢復,組件和連線是分別存放的:nodes和lines對象,兩個組件實現連線主要也還是通過鼠標拖動事件實現,但前提是有一個連接點的概念,即我們要從組件上、下、左、右 ...
轉載請注明原創地址:http://www.cnblogs.com/softlover/archive/2012/11/25/2787559.html 響應式web設計現在已經不是一個難事了,如果你還不熟悉他,可以參看我的文章《HTML5實踐 -- 流式響應式設計》。如果你是一個 ...
如上圖片: View Code W3CSHOOL: View Code H5 JQUERY: View Code demo如圖 ...
Dynatable 一款有趣的,語義化,交互式的表格插件,使用 jQuery,HTML5 和 JSON 實現。Dynatable 的目的是提供一種簡單的、可擴展的 API,能夠輕松的瀏覽和操作大規模的數據集。Dynatable 提供包括排序,搜索和過濾等常用的數據處理功能。 您可能感 ...
1 背景 用戶本地有一份txt或者csv文件,無論是從業務數據庫導出、還是其他途徑獲取,當需要使用螞蟻的大數據分析工具進行數據加工、挖掘和共創應用的時候,首先要將本地文件上傳至ODPS,普通的小文件通過瀏覽器上傳至服務器,做一層中轉便可以實現,但當這份文件非常大到了10GB級別,我們就需要思考 ...
扯淡的前情提要(趕時間的小伙伴直接ctrl+f“正文”,開始閱讀) 最近公司業務需要上一個在線聊天的功能,老板說“這個應該不難吧,用戶那邊需求挺大,我們15號(一周后)給它上線吧”,我。。。心理雖然 ...