12 2017 档案

摘要:前言 前文中就有提到,Hybrid模式的核心就是在原生,而本文就以此项目的Android部分为例介绍Android部分的实现。 提示,由于各种各样的原因,本项目中的Android容器确保核心交互以及部分重要API实现,关于底层容器优化等机制后续再考虑完善。 大致内容如下: JSBridge核心交互部 阅读全文
posted @ 2017-12-29 08:27 撒网要见鱼 阅读(606) 评论(0) 推荐(0) 编辑
摘要:前言 API实现阶段之JS端的实现,重点描述这个项目的JS端都有些什么内容,是如何实现的。 不同于一般混合框架的只包含JSBridge部分的前端实现,本框架的前端实现包括JSBridge部分、多平台支持,统一预处理等等。 项目的结构 在最初的版本中,其实整个前端库就只有一个文件,里面只规定着如何实现 阅读全文
posted @ 2017-12-28 09:36 撒网要见鱼 阅读(527) 评论(0) 推荐(0) 编辑
摘要:前言 前文在API规划时就已经有提到过组件API这个概念,本文将会介绍它的原理以及实现 理解组件API这个概念 在quick hybrid中,API是按模块划分的,如 ,`page 组件` 为什么叫组件?可以这样理解,模块更多的是H5前端的叫法(因为在前端看来不同API分别属于不同的模块下), 而组 阅读全文
posted @ 2017-12-27 08:30 撒网要见鱼 阅读(410) 评论(0) 推荐(0) 编辑
摘要:前言 在JSBridge实现后,前端网页与原生的交互已经通了,接下来就要开始规划API,明确需要提供哪一些功能来供前端调用。 但是在这之前,还有一点重要工作需要做: __明确H5与Native的职责划分,确定哪一些功能可以由H5实现,哪一些功能只能由原生实现__ Native与H5职责划分 使用Hy 阅读全文
posted @ 2017-12-26 08:15 撒网要见鱼 阅读(1291) 评论(0) 推荐(0) 编辑
摘要:前言 当一切就绪后,就要开始进行API规划,这一块是整个Hybrid框架中非常重要的内容,毕竟对于前端页面来说,只会通过JS API来调用功能。 基本上,API调用起来是否方便简洁影响着整个体验。 这里将内容细分为以下几点: API约束(包括调用格式,传参格式,回调格式) 功能规划(约定这个框架应该 阅读全文
posted @ 2017-12-25 11:08 撒网要见鱼 阅读(710) 评论(0) 推荐(0) 编辑
摘要:前言 在框架规划时,就有提到过这个框架的一些常用功能需要支持 环境下的调用,也就是需要实现API的多平台支撑 为什么要多平台支撑?核心仍然是复用代码,比如在微信下,在钉钉下,在quick容器下, 如果没有多平台支撑,那么 只能用于quick容器下,钉钉和微信下就得分别用其它代码实现, 代码复用率低, 阅读全文
posted @ 2017-12-25 08:35 撒网要见鱼 阅读(960) 评论(0) 推荐(1) 编辑
摘要:前言 一切就绪,开始规划API,这里在规划前对API进行了一次分类:__短期API、长期API__ 首先申明下,这个是在实际框架演变过程中自创的一个概念,其它混合框架可能也会有这个概念,但应该是会在原生底层来实现,而不是前端实现。。 而这里由于是 ,所以相比其它混合框架,前端多了一个处理引擎(包括多 阅读全文
posted @ 2017-12-25 08:32 撒网要见鱼 阅读(590) 评论(0) 推荐(0) 编辑
摘要:前言 本文介绍 框架的核心 的实现 由于在最新版本中,已经没有考虑 等低版本,因此在选用方案时没有采用 方式,而是直接基于 实现 交互原理 具体H5和Native的交互原理可以参考前文的 交互原理图如下: 预计的最终效果 如果一步一步来分析,最后再看效果,可能会很枯燥,甚至还有点化简为繁的样子。(感 阅读全文
posted @ 2017-12-24 17:20 撒网要见鱼 阅读(1341) 评论(0) 推荐(0) 编辑
摘要:前言 架构的核心就是 交互,而实现这个交互的前提是弄清楚H5和Native端的交互 本文主要介绍Native端(Android/iOS)和H5端(泛指前端)的交互原理 (之前也整理过类似的文章,本系列重新梳理) 与`H5`交互的两种方式 原生和前端的交互有两种方式: 以及 (在Android中是 ) 阅读全文
posted @ 2017-12-24 11:18 撒网要见鱼 阅读(3710) 评论(2) 推荐(2) 编辑
摘要:前言 虽然说本系列中架构篇是第一章,但实际过程中是在慢慢演化的第二版中才有这个概念, 经过不断的迭代,演化才逐步稳定 明确目标 首先明确需要做成一个什么样的框架? 大致就是: 一套API规范(统一 与`iOS`),所有API异步调用(防止阻塞) 提供大部分原生功能的API(包括很多常用的功能给 使用 阅读全文
posted @ 2017-12-23 15:05 撒网要见鱼 阅读(804) 评论(0) 推荐(0) 编辑
摘要:章节目录 "【quickhybrid】如何实现一个跨平台Hybrid框架" "【quick hybrid】架构一个Hybrid框架" "【quick hybrid】H5和Native交互原理" "【quick hybrid】JSBridge的实现" "【quick hybrid】H5和原生的职责划分 阅读全文
posted @ 2017-12-23 15:01 撒网要见鱼 阅读(1339) 评论(2) 推荐(1) 编辑

点击右上角即可分享
微信分享提示