Amaple (点此查看Github仓库)是专为单页web应用而设计的基于页面模块化的JavaScript框架，它可使开发者快速开发单页web应用。 Amaple 其实由 “A maple”(一片枫叶) 组合而成，它就像Web前端大森林中的一片枝叶，在享受这片森林呵护的同时也为森林增添一丝色彩，因此， Amaple 选择了拥抱这片大森林，它的插件功能除了可使...

在 第1节《启动路由》 章节中为了能让单页应用顺利跑起来，我们提前介绍了简单的路由配置方法。我们已了解路由配置的目的是指定不同的url下对应的 模块节点（也叫做模块容器）内应该显示哪个模块的内容，它还有更多高级的用法如匹配路由通配符的配置、重定向等。

Amaple 拥有非常强大插件功能，这也是它的突出功能之一，Amaple插件一般表现为功能块（函数）或功能块（包含一系列函数和属性的Object对象），它除了支持Amaple规范定义的插件外，还支持所有 AMD (点击了解详情)和 IIFE (点击了解详情)规范的插件，在 rollup 、 webpack 、 browserify 等模块打包工具流行的今天，这也意...

组件 （am.Component类），它的定位是拥有特定功能的封装块，就像由一堆代码封装成的具有特定功能的函数一样，一个组件也有独立的视图、状态数据对象、组件行为以及生命周期。常用的组件有Dialog、Bubble、Navigator和Menubar等。

如果你了解Angular、Vue动态模板，那你将会对Amaple的模板感到很熟悉，在Amaple中，template模板也是基于模板指令和状态数据的动态模板引擎，当一个状态数据改变时，在template模板中与它绑定的dom元素将自动作出相应的更新，所以此时你只需关心模块内的状态数据，而不需去理会视图层的更新。

大多数情况下我们可能更希望让一个模块中的css样式只作用当前的html模板，这当然我们也有所考虑，只需在<style>中添加scoped属性就会自动限制它的作用范围了，就是如此简单。但如果<style>不带scoped属性时将不会只作用到当前的html模板内。

开始编写具体的代码前，首先需启动单页模式并进行简单配置。在src/index.html中引入amaple.js框架文件后我们就可以使用am这个全局对象。我们在开发包的src/config.js文件中调用am.startRouter函数并传入一个Object对象进行启动路由并配置单页应用。首先我们来配置url风格：

单页Web应用作为新一代Web模式，为用户提供了更流畅的体验满足感。早在Chrome5、IE8和Firefox3的年代就可以通过hash技术实现单页Web应用，而HTML5新history API的出现让单页Web应用从幕后迅速走向台前。 Amaple 作为一款体验优先的JavaScript单页框架，可以在不依赖其他工具的前提下快速开发单页Web应用，这也意味着那些...