个人想法

aem的前端的特点给我的感觉就是一个jquery的插件系统，通过Jq获取对象后调用adaptTo方法转成指定的coral或者foundation对象，然后这些对象实现了指定的接口，通过这样规范化前端组件的行为，这里记一些日常经常使用的方法，不过最有效的还是官方文档：Granite UI Foundation组件文档

1. foundation-contentloaded
   当组件被插入dom节点的时候，总是会触发这个事件，可以再顶层的document上注册一个事件监听，这样每次触发的时候冒泡上来都能触发监听回调

$(document).on("foundation-contentloaded", function(e) {
   console.log("hello");
});

2. foundation-adapter
   foundation的核心方法，扩展DOM对象，达到组件化的目的

3. foundation-collection
   这篇文档非常有用，一步步阐述了为什么foundation会使用这种架构模式，开头就点名了主旨：A collection represents a group of items. A concept of collection is one of the most frequently used concept in a UI. For example, a starting point to implement a CRUD pattern is usually done by listing the available items 我的感觉就是：把通用的一些操作抽象成一个由class构成的组件，然后adaptTo出一个组件对象，只要class符合，就可以转换成组件对象，然后使用CURD操作，就不用每次自己手动指明到具体的class，懂了这篇文章后，才算是真的能看懂其他的组件文档了