iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

ZK 30天速成 系列

從頭講解 ZK UI 框架的各方面基礎知識與用法,作爲初學者的入門磚,未來可以藉此基礎自行深入學習更多 ZK 相關開發技術。主要講解 MVC 樣式的開發方法,因為這個樣式比較易懂。

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 21

上傳與下載

上傳與下載也是非常常用的功能,自己實作 ajax 處理也是挺麻煩的。ZK 提供簡單的方式就可以啟用。 上傳元件 <dropupload> 是專用上...

2021-10-06 ‧ 由 Hawk 分享
DAY 22

開發過程必備除錯基本知識 - 內部模組與架構

本篇介紹開發過程中,除錯的必要知識,讓你之後我在介紹除錯方法時會更容易了解。 從 zul 到 HTML 頁面 當瀏覽器訪問一個 zul 時,是由 ZK 框架中...

2021-10-07 ‧ 由 Hawk 分享
DAY 23

開發過程必備除錯基本知識 - 處理 HTTP 要求的內部運作

ZK 處理 zul 要求跟 ajax 要求是由不同的兩個 servlet 處理,過程不太相同。 處理zul 要求 DHtmlLayoutServlet負責處理...

2021-10-08 ‧ 由 Hawk 分享
DAY 24

用科學化除錯方法替你的 zk 程式除錯之一

Steve McConnel 所著的CODE COMPLETE:軟體開發實務指南 中, 第 23 章提到一個科學化的除錯方法,步驟如下: 可以穩定產生錯誤 找...

2021-10-09 ‧ 由 Hawk 分享
DAY 25

用科學化除錯方法替你的 zk 程式除錯之二

b. 分析找到的資料並給出一個對根因的假設 在取得資料之後,就要針對這些資料提出一個假設。如果對 ZK 的內部運作越了解,就越能夠提出越正確的假設。 讓我們概略...

2021-10-10 ‧ 由 Hawk 分享
DAY 26

效能分析除錯方法

當你點了一個按鈕,發現怎麼很久才出現結果,你可能會懷疑是不是 ZK 出了什麼問題?這是很直接的推斷,但原因通常不一定是 ZK,因為畢竟 ZK 只是一層薄薄的 U...

2021-10-11 ‧ 由 Hawk 分享
DAY 27

當執行一個耗時較久動作時,提供良好的使用者體驗

你我應該都有類似的不佳體驗:點下一個按鈕時,畫面什麼也沒有改變,你以為剛剛沒點到,又再點了一次,發現還是沒反應,開始感到有點生氣。接下來的動作因人而異,可能會重...

2021-10-12 ‧ 由 Hawk 分享
DAY 28

讓伺服器主動更新畫面

通常來說伺服器能變動頁面資料是因為瀏覽器發出 request 所得到的 response 因而更新了畫面,所以一般來說如果瀏覽器都不發 request 伺服器也...

2021-10-13 ‧ 由 Hawk 分享
DAY 29

響應式設計

元件自動偵測改變外觀 現在網頁應用程式越來越朝向「mobile first」設計,代表網站都要能支援不同裝置下的瀏覽器瀏覽。ZK 框架本身能偵測瀏覽器是否為行動...

2021-10-14 ‧ 由 Hawk 分享
DAY 30

客製化元件外觀

ZK 元件的配色與設計都有經過設計師制定,但我想你仍有你自己特定的需要,當有需要改變元件外觀時,有幾種做法: Style 每個元件都支援這個屬性,直接把 CSS...

2021-10-15 ‧ 由 Hawk 分享