个人想法
aem的前端的特点给我的感觉就是一个jquery的插件系统,通过Jq获取对象后调用adaptTo方法转成指定的coral或者foundation对象,然后这些对象实现了指定的接口,通过这样规范化前端组件的行为,这里记一些日常经常使用的方法,不过最有效的还是官方文档:Granite UI Foundation组件文档
-
foundation-contentloaded
当组件被插入dom节点的时候,总是会触发这个事件,可以再顶层的document上注册一个事件监听,这样每次触发的时候冒泡上来都能触发监听回调
$(document).on("foundation-contentloaded", function(e) {
console.log("hello");
});
-
foundation-adapter
foundation的核心方法,扩展DOM对象,达到组件化的目的 -
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,懂了这篇文章后,才算是真的能看懂其他的组件文档了
网友评论