ExMobi_lite框架使用

ExMobi Lite框架是用于UIXML中的类似于jQuery的JS框架。用法类似于$(selector)。 为了方便开发者们在UIXML中能够方便的操作dom,所以特别封装了这个ExMobi Lite轻量级JS框架,希望能对大家有所帮助。

课件下载

开始学习并下载课件
课程小节

  • dom操作

    支持id选择器(#id)、元素选择器(tag)、类选择器(.className)和属性选择器([attr='value'])必须至少包含tag、#id或者属性[name='']中之一,否则无法取到对象 支持多属性,多个选择器用英文“,”隔开,不支持通配符*,不支持派生,不支持多样式。

  • 异步请求

    在ExMobi_lite框架里面对ExMobi中的四种请求做了封装。$.ajax(options);//对应ExMobi的DirectAjax类 $.form(options);//对应ExMobi的DirectFormSubmit类 $.server(options);//对应ExMobi的Ajax类 $.serverForm(options);//对应ExMobi的FormSubmit类

  • 数据注入

    在ExMobi_lite里面为了方便数据注入,对数据注入方法也做了封装。$(selector).renderReplace(str, data, callback);//注入后的数据替换原来dom内的内容 $(selector).renderAfter(str, data, callback);//注入后的数据在dom内尾部插入 $(selector).renderBefore(str, data, callback);//注入后的数据在dom内顶部插入

培训建议

使用ExMobi进行开发,少不了对UIXMLdom进行操作,然而UIXMLdomHTMLdom不是等同的,既有相似又有不同。

开发者在学习UIXML的时候,请不要用HTMLdom来理解,因为UIXML封装的是原生控件,在页面解析过程中会生成原生app的视图。

知识体系

ExMobi Lite框架是用于UIXML中的类似于jQueryJS框架。用法类似于$(selector)

使用时需引用core.js(核心类)和template.jsartTemplate的简洁语法,用于数据注入,如需使用原生语法请引用template-native,使用方法不变,请参考https://github.com/aui/artTemplate)。

ExMobi Lite默认会占用$作为操作符,如有其它框架也使用了$作为操作符,请最后引用ExMobi Lite,这时候ExMobi Lite将出让$的使用权。可以使用ExMobiLite(selector)代替原$操作。

ExMobi Lite出让$使用权的时候,可以通过ExMobiLite.noConflict()挂靠新的操作符,比如:var $a = ExMobiLite.noConflict();后续则可通过$a(selector)进行操作。