文章標籤查詢: HTML5,knockoutjs,jQuery

HTML5上傳作業進度條-SignalR進階版

【前情提要】利用File API與XHR2 onprogress事件，我們成功做出檔案上傳進度條。但我在工作上常遇到另一種情境 -- 內部系統的上傳轉檔作業。營運資料檔案一般不大，加上在Intranet裡傳輸，上傳只在彈指間，Server端解析資料、塞入資料庫才是重頭戲，常得耗上幾十秒到幾分鐘。這種狀況下，用XHR2做進度條的意義不大，咻! 一秒不到就從0%到100%，但上傳資料何時能處理完只有天知道? 使用者終究又陷入無法得知系統還在跑或者已經當掉的焦慮。我想起了"SignalR"...

Posted 10 March 2014 08:53 PM 由 Jeffrey | 3 comment(s)

16,812

Filed under: jQuery, ASP.NET MVC, HTML5, knockoutjs, SignalR

HTML5檔案上傳進度條

在傳統網頁上傳大檔案，得等到全部傳完才會有回應，等待期間沒消沒息，搞不清楚是沒傳完還是當掉常為人詬病，也嚴重破壞使用者體驗。想在傳輸過程回報上傳進度，過去有些Flash、Java Applet或ActiveX的解決方案，但依賴外掛元件有部署及無法跨平台的疑慮。當HTML5規格漸成主流，長久以來的問題總算有了簡潔有效的解法。要掌握上傳進度有一個關鍵: Client Script必須掌握檔案大小以及已上傳資料量，才可能計算上傳百分比回報狀態。傳統使用<input type="file">選取檔案配合<input...

Posted 09 March 2014 11:51 PM 由 Jeffrey | 9 comment(s)

38,577

Filed under: jQuery, ASP.NET MVC, HTML5, knockoutjs

HTML5練習-從桌面拖拉檔案到網頁

這年頭，網頁如果不支援從桌面或檔案總管直接拖拉檔案，想自稱HTML5都心虛，只能稱作HTML4.5(誤)，老闆客戶還會不時打你臉: "Gmail、OneDrive(SkyDrive)、DropBox幾百年前就有了! 為什麼你到現在還做不出來?" (網頁攻城獅內心的OS: 你有給我Google或Microsoft等級的薪水嗎?) 搞網頁好辛苦，客戶老闆上網胡亂逛，不小心看到酷炫網站，馬上把規格放進專案，還說什麼瀏覽器打開HTML、CSS、JavaScript都能看，快點抄一抄給我做出來...

Posted 08 March 2014 12:13 PM 由 Jeffrey | 6 comment(s)

28,427

Filed under: jQuery, HTML5, knockoutjs

網頁介面開發-拖拉元素調整排序

各位老師、各位同學，我今天要示範的網頁介面開發技巧是--拖拉元素調整排序，(停頓兩秒)，拖拉元素調整排序... 開始前，請大家先看示範網頁，網頁上會顯示五個<span>方塊，假設其排序有特定意義(例如: 出場順序，決定先用皮卡丘之後再派妙蛙種子之類的)，使用者可用滑鼠或手指直接拖曳方塊改變其排列順序，當某個方塊被拖到另一個方塊上，就對調兩個方塊的位置，藉此自由調整所有方塊的排列順序。另外，網頁還很騷包地貼心地加上兩個方塊交換位置的動畫效果，更直覺地呈現"位置對調"的操作感受...

Posted 27 July 2012 07:04 AM 由 Jeffrey | with no comments

24,591

Filed under: jQuery, HTML5, Kendo UI, knockoutjs

Browse by Tags

搜尋

這個部落格

Syndication