前言

Web應用的本質就是信息的保存和瀏覽。信息的擁有者將信息保存到電腦的指定區域并對外開放，其他用戶可以通過網絡瀏覽這些信息。對于信息的擁有者來說，必須有一個可以供其保存信息的頁面，這個頁面可以稱為管理員頁面。對于信息的瀏覽者來說，必須有一個可以供其查看信息的頁面，這個頁面稱為前端用戶頁面。

隨著近年來互聯網突飛猛進的發展，Web應用正在發生翻天覆地的變化，前端用戶界面變得越來越豐富，信息的展示方式也由傳統的文字變成圖片、視頻、動畫甚至地圖等元素。隨著前端頁面的不斷豐富，傳統的HTML+JavaScript+CSS開發變得更加吃力，于是各類開發框架如雨后春筍般不斷涌出。開發框架的主要目的是減輕開發者的工作。目前市場上的前端框架可以分為兩類，第一類框架只做“該做的事情”，第二類框架做“該做的以及不該做的事情”。我們以遙控器為例，第一類框架僅僅只是設計了遙控器的外形，至于按下遙控器上的按鈕電視機該調什么臺，這些事情仍然需要開發者編寫代碼控制。第二類框架將遙控器的外形以及功能全部設計好，開發者只需要瀏覽說明書即可使用。EasyUI就是第二類框架，因此它使用起來相當簡單。我們知道一個簡單的遙控器由數字按鍵、音量按鍵以及頻道按鍵組成，通過使用這些按鍵用戶即可操控一臺電視機。EasyUI組件由三部分組成，分別是屬性、事件和方法。通過這三部分，開發者即可完全控制EasyUI的組件。

EasyUI的優點也是其學習的難點，因為它封裝了太多的內容，初學者在學習時常常會摸不著頭腦。例如，當在EasyUI中使用文本框時，EasyUI會在構建文本框時額外創建兩個輸入框，分別是展示值框、存儲值框，它會將開發者定義的文本框及其構建的存儲值框隱藏起來，僅向用戶顯示其構建的展示值框，此時開發者更改自己定義的文本框風格時就會發現不起作用了。又比如EasyUI為了讓開發者更靈活地初始化組件，提供了五種初始化的渠道，這些渠道可以同時初始化同一屬性，但是由于它們的優先級不一樣，因此最終顯示結果也不一樣。

目前圖書市場上關于EasyUI開發及框架整合的圖書不少，但是這些書籍通常會出現兩個極端：一部分書籍中重點講解的是實戰項目，EasyUI僅僅被當作項目的一個工具來講解，所占的講解比例相當少；另一部分僅僅是向讀者介紹EasyUI組件的屬性、事件以及方法，而其如何使用卻很少提及。作者力圖擺脫這兩個極端，在本書中以一個EasyUI初學者的角色與讀者共同探討學習，并且找出初學者容易困惑以及混淆的知識點重點講解。