前言

Web应用的本质就是信息的保存和浏览。信息的拥有者将信息保存到电脑的指定区域并对外开放，其他用户可以通过网络浏览这些信息。对于信息的拥有者来说，必须有一个可以供其保存信息的页面，这个页面可以称为管理员页面。对于信息的浏览者来说，必须有一个可以供其查看信息的页面，这个页面称为前端用户页面。

随着近年来互联网突飞猛进的发展，Web应用正在发生翻天覆地的变化，前端用户界面变得越来越丰富，信息的展示方式也由传统的文字变成图片、视频、动画甚至地图等元素。随着前端页面的不断丰富，传统的HTML+JavaScript+CSS开发变得更加吃力，于是各类开发框架如雨后春笋般不断涌出。开发框架的主要目的是减轻开发者的工作。目前市场上的前端框架可以分为两类，第一类框架只做“该做的事情”，第二类框架做“该做的以及不该做的事情”。我们以遥控器为例，第一类框架仅仅只是设计了遥控器的外形，至于按下遥控器上的按钮电视机该调什么台，这些事情仍然需要开发者编写代码控制。第二类框架将遥控器的外形以及功能全部设计好，开发者只需要浏览说明书即可使用。EasyUI就是第二类框架，因此它使用起来相当简单。我们知道一个简单的遥控器由数字按键、音量按键以及频道按键组成，通过使用这些按键用户即可操控一台电视机。EasyUI组件由三部分组成，分别是属性、事件和方法。通过这三部分，开发者即可完全控制EasyUI的组件。

EasyUI的优点也是其学习的难点，因为它封装了太多的内容，初学者在学习时常常会摸不着头脑。例如，当在EasyUI中使用文本框时，EasyUI会在构建文本框时额外创建两个输入框，分别是展示值框、存储值框，它会将开发者定义的文本框及其构建的存储值框隐藏起来，仅向用户显示其构建的展示值框，此时开发者更改自己定义的文本框风格时就会发现不起作用了。又比如EasyUI为了让开发者更灵活地初始化组件，提供了五种初始化的渠道，这些渠道可以同时初始化同一属性，但是由于它们的优先级不一样，因此最终显示结果也不一样。

目前图书市场上关于EasyUI开发及框架整合的图书不少，但是这些书籍通常会出现两个极端：一部分书籍中重点讲解的是实战项目，EasyUI仅仅被当作项目的一个工具来讲解，所占的讲解比例相当少；另一部分仅仅是向读者介绍EasyUI组件的属性、事件以及方法，而其如何使用却很少提及。作者力图摆脱这两个极端，在本书中以一个EasyUI初学者的角色与读者共同探讨学习，并且找出初学者容易困惑以及混淆的知识点重点讲解。