快速理解WeX5中UI2

启动WeX5 Studio，可以看到模型资源目录下有UI2、Native和Bass三个目录：

UI2：包含了所有WebUI的资源(.w、html、js、csss、图片等)，为啥叫UI2，因为这是WeX5的第二代Web UI;

Native：用作移动app开发;

Baas：后端即服务Backend as a Service，为前端展现提供后端服务，例如访问数据库等等。

system目录包含UI2框架的核心js库、css和组件等资源。UI2下除system目录之外的第一级目录我们通常称为一个Web应用，比如Demo、takeout就是WeX5自带的综合演示和外卖两个应用。

页面是UI2的核心，页面是一个相对独立可复用的界面展现和交互单元，它即可作为Web页面独立运行，也可作为一个页面片段嵌入到别的页面运行。每个页面包括.w、.js和.css三个同名文件，.w是页面的主文件，.js和.css可以没有。如果页面有.js和.css文 件，.w在编译运行时会自动引入, 不需要手工在.w里链接引用。比如外卖页面包含index.w、index.js、index.csss三个文件，在浏览器请求index.w时，index.w会自动请求index.js和index.css。

调试模式下每次打开或刷新页面都会刺激重新编译页面，并且让浏览器加载最新的页面而不使用任何缓存。调试模式对开发更方便，每次修改保存后，直接刷新页面即可。调试模式下，由于每次运行都会重新编译页面，所以页面运行会稍慢。

正常模式下如果页面或资源有缓存可用，就会使用缓存。所以，修改且保存了页面，但刷新浏览器看不到最新的修改时，就要检查下是不是启动了正常模式tomcat。

一般情况下，我们在开发阶段都用调试模式运行tomcat。正常模式的作用在后续文章会讲到。感兴趣的同学可以动手对比下这两种模式，分别启动这两种模式，修改页面并保存，刷新浏览器，看看修改是否立即起作用。