旺铺前端设计分享
- 11. 开发一个新板块 <div class=”mod wp-albums” data-mod-config=’{“albumUrl”: “http://...”}’> <div class=” m-body”> <div class=”m-header”>公司相册</div> <div class=”m-content”>相册主题内容会渲染在这里</div> </div> </div>
- 12. var Albums = Util.mkclass({ init: function(div, config) { this.div = div; this.config = config; this.render(); }, render: function() { varurl = this.config.albumUrl; $.ajax(url, { success: function()… }) } }); ModContext.register(‘wp-album’, Albums);
- 13. 单实例板块 varSupplierInfo = { init: function(div, config) { … } }; ModContext.register(‘wp-supplier-info’, SupplierInfo );
- 25. 开发感悟分享 一 、从业务需求抽象架构需求(直接了当地抽象, 具体的抽象) 1. mod : 可以在任何时刻对板块(一个,多个或某类)进行初始化 ModContext.refresh(mod) 仅添加板块的HTML和相应的js和css的方式进行板块扩展 ModContext.register(name, config) 2. datastore 对多次相同url和参数的取数请求,只请求一次 DataStore.get(url, options) 3. tracelog 可以以申明式的方式进行打点