积木式移动互联网App Hybrid框架-modular源码解析(1)

现在解析一下modular的核心源码,代码在上一个博文中给出了git下载地址。如今都在喊大前前端研发,但HTML要依赖Native端的能力还是需要对应的原生研发,本人开源了框架代码,也希望有志同道合的码农一起继续完善框架代码,欢迎各位来拍砖!大家有什么建议,可以直接给我email: wuyoujian0313@163.com

接下来我们分几个部分讲解

1. 框架流程图及实现简要说明
2. Javascript端的实现
3. WebView引擎的实现
4. 插件池引擎的实现

在这里插入图片描述

架构流程图及核心实现简要说明

  1. 图中1-2构造浏览器内核控件WebView,加载渲染HTML;
  2. 图中3-4 往HTML中注入JS对象,本质上是给浏览器内核控件WebView加载渲染HTML的对象中注入JS对象,此JS对象在HTML DOM中是全局变量Window的一个对象属性;
  3. 图中5-6 APP通过读取资源目录里的插件配置,根据配置中配置的参数,利用反射机制构造插件对象,并将构造的插件对象存储到插件池中,并为其建一个索引,索引规则:采用插件配置中唯一性字段name;
  4. 上述1-6个步骤完成插件的注册过程;
  5. 图中7-8 HTML 调用上述注入到Window的对象的方法,Web
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值