目录结构

index.html - 空白 HTML 模板；

blog.html - 博客页面模板（预览）；

landing.html - Landing Page 模板（预览）；

login.html - 登录界面模板（预览）；

sidebar.html - 带边栏的文章模板（预览）；

在 app.css 中编写 CSS；

在 app.js 中编写 JavaScript；

移动端首选 Zepto，桌面端选 jQuery，这应该是大多数开发者的共识。那对于跨平台的响应式网站呢？

Zepto 体积小，下载快，但 除了小，还有别的吗？ Wifi 普及，4G 降临，那几十 KB 的还那么重要吗？优化一张图片好几个 jQuery 就出来了。

jQuery 体积稍大，这是缺点。但是背后 jQuery 很多细节处理得很到位；成熟的生态圈，很多 jQuery 插件；庞大的社区，使用 jQuery 遇到问题时，可以很快从社区获得解决方案

jQuery 的这些特点有助于有效的提高开发效率。这些都是 Zepto 所缺乏的。

性能考量：体积小不等于执行效率高；而且通过数十万次计算得出一个百分之几的差距，实际是放大了性能差异，实际使用中很少有那么大的计算量。

虽然我们现在使用 Zepto，是从专门针对移动开发时代沿袭过来的。现在增加桌面端支持，Zepto 可能不是一个好的选择。

Amaze UI 

Amaze UI 是一个轻量级、 Mobile first 的前端框架， 基于开源社区流行前端框架编写。

为移动而生

Amaze UI 采用业内先进的 mobile first 理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。

web

组件丰富，模块化

Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件，更有 17 款包含近 60 个主题的 Widgets，可快速构建界面出色、体验优秀的跨屏页面，大幅度提升你的开发效率。

chinese

本地化支持

相比国外的前端框架，Amaze UI 专注解决中文排版优化问题，根据操作系统调整字体，实现最佳中文排版效果；针对国内主流浏览器及 App 内置浏览器提供更好的兼容性支持，为你节省大量兼容性调试时间。

mobile

轻量级，高性能

Amaze UI 非常注重性能，基于轻量的 Zepto.js 开发，并使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让你的 Web 应用可以高速载入。

图片资源可以放在 i 目录下。

Amaze UI web mobile 前端框架