HybridApp

痛定思痛。 2022-06-03 00:00 187阅读 0赞

## [iOS Hybrid 框架 - PhoneGap][iOS Hybrid _ - PhoneGap] ##

iOS Hybrid 框架

## [Hybrid App 开发（开篇）][Hybrid App] ##

本系列会介绍本人在 Hybrid App 开发当中的经验，从简单的基本常识到高级的开发技巧，全部大概包含 10 篇左右的文章，由于本人时间和精力有限，所以不定期更新。

## [【腾讯 bugly 干货分享】解耦 —Hybrid H5 跨平台性思考][bugly _ _Hybrid H5] ##

跨平台，是 H5 最重要的能力之一。而 Hybrid H5 因强依赖于具体 app，往往不具有跨平台性。这时，将强依赖关系解耦，即可恢复 H5 的跨平台能力。近期本人负责 手 Q 红包打赏项目的前端开发，因项目涉及到多 app 跨平台兼容，对 hybrid H5 的跨平台性有了一定的感悟和思考。在这里做下总结分享，希望能对大家有所收获。

## [Hybrid 开发：JsBridge - Web 和客户端的桥][Hybrid _JsBridge - Web] ##

Hybrid 开发中，web 页面往往会跟 native 进行交互，而 JSBridge 就是 web 页面和 native 进行通信的桥梁，通过 JSBridge 可以实现 web 调用 native 的方法，native 可以通过 webview.loadUrl 之类的方法，将 javascript:xxx 代码放…

## [漂亮的菜单弹出控件 BoomMenu][BoomMenu] ##

作者经过 8 个月的打磨，开源出来一个很酷炫的菜单控件。ios 版本 [https://github.com/Nightonke/VHBoomMenuButton][https_github.com_Nightonke_VHBoomMenuButton]

## [Hybrid APP 开发：模板包管理平台][Hybrid APP] ##

大上周文章提到了 Hybrid 的模板本地化解决方案，本文介绍下模板包的管理平台。 管理平台功能 模板包的管理平台主要功能包括： 自动编译 自动增量 上传包 推送下发 提测 小流量 & 灰度：按客户端 id 下发、小流量 数据收集：收敛，速度，监控 整体架构和流程图 部分细节讲解 通过 gi…

## [QQ会员基于 Hybrid 的高质量 H5 架构实践][QQ_ Hybrid _ H5] ##

本文为SDCC 2016（杭州站）的分享实录，介绍QQ会员的前端开发团队在手Q的hybrid模式下对H5页面的性能优化、组件化和持续集成方面的实践。

## [浅谈Hybrid][Hybrid] ##

词典上的翻译 就是混合体的意识 那么在移动开发中他就是Native+Web混合开发的意思

## [斗米客户端架构思想][Link 1] ##

## [Hybrid APP 架构设计思路][Hybrid APP 1] ##

关于 Hybrid 模式开发 app 的好处，网络上已有很多文章阐述了，这里不展开。

本文将从以下几个方面阐述 Hybrid app 架构设计的一些经验和思考。

## [Hybrid APP 开发：模板本地化][Hybrid APP 2] ##

本文是公众号文章直接贴过来的，发现图片都没自动上传，文章最后有我的公众号二维码（或者搜索关注：sanshuiqing123），关注我的公众号，查看历史文章。上次文章介绍了 Hybrid 开发中常用到的 Web 和 NA 的通信方案：JSBridge，通过比较之后，最终推荐安卓和 iOS 通用的…

## [Hybrid App 跨平台热更新方案实践 附带源码][Hybrid App _] ##

前言 移动开发的跨平台与快速发布一直是开发者的追求，也是技术的一个发展趋势，现在各大厂开始有了自己的大前端团队，所以我们也开始了自己的探索，目前来说主要有两种思路： Hybrid App 代表: Cordova 通过 Webview 加载 Web 页面，在 Native 和 Web 页面之间建立…

## [Hybrid APP 架构设计思路][Hybrid APP 3] ##

本文从几个方面阐述了Hybrid app架构设计的一些经验和思考。

## [三种常见的 hybrid 通信方式][hybrid] ##

细说 JSInterface、JSBridge and UrlRouter

## [如何打造一个高性能的 Hybrid App][Hybrid App 1] ##

如果在一个公司，存在很多 native 和 H5 同时需要开发的页面，为了节省开发成本，此时如果只开发 H5，就需要考虑 native 的体验了，而这就是本文的目的，如何让 native 端拥有像加载本地页面一样的速度去加载 H5。

## [\[译\] 使用 iOS 10 的 Speech 框架构建一个语音转文本 app][_ iOS 10 _ Speech _ app] ##

一个最新的 Speech Framework 使用指南

## [Hybrid App开发框架、资源、工具集][Hybrid App 2] ##

国外开发者整理的Hybrid App开发所需的资源，包括工具、框架、视频等

## [H5 和移动端 WebView 缓存机制解析与实战][H5 _ WebView] ##

web 缓存是 web 开发逃不开的一个话题，在减少网络带宽消耗、降低服务器压力和提高页面打开速度方面有广泛应用。本文从实际 web 应用项目中缓存相关问题出发，较为全面地分析了 html5 缓存机制的原理与应用以及移动端应用 webView 对 html5 缓存机制的支持方式，以供 web 开发的同学们参考。

## [\[英\] 10 步带你做一个棒棒的 Hybrid 应用][10 _ Hybrid] ##

作者列举出来 10 个做 Hybrid 应用的步骤，有一个规划，做相应的市场调研，性能和一个好的设计同等重要， 如何优化网络请求，以及测试这个 Hybrid 应用等等，快行动起来吧。

## [Hybrid APP 开发（六）：JSSDK][Hybrid APP _JSSDK] ##

拖稿了好久的「Hybrid APP 开发系列」又更新了~ 今天继续写 JSSDK 为什么会有 JSSDK 我之前文章介绍了通过 JSBridge 实现页面和 NA 的相互调用，并且介绍了模板本地包的开发和后台维护系统。今天介绍的是 JSSDK，通过 JSSDK 可以实现：抹平 JSBridge 的…

## [ReactNative&weex&DeviceOne 对比][ReactNative_weex_DeviceOne] ##

React Native 出来有一段时间了，国内的 weex 和 deviceone 是近期发布的，我可以说从 2011 年就开始关注快速开发的跨平台平台技术了，接触过 phoneGap、数字天堂、appcan 等早期的移动中间件技术，也跟朋友也讨论过这类的轻量级框架。

[iOS Hybrid _ - PhoneGap]: https://juejin.im/entry/5752dce87db2a2006981a05d
[Hybrid App]: https://juejin.im/entry/58c0ca4d128fe100601dfd4f
[bugly _ _Hybrid H5]: https://juejin.im/entry/577a28276be3ff006a1efb88
[Hybrid _JsBridge - Web]: https://juejin.im/entry/58cdf954128fe1006c914208
[BoomMenu]: https://juejin.im/entry/5853a73eac502e0067dd9a98
[https_github.com_Nightonke_VHBoomMenuButton]: https://github.com/Nightonke/VHBoomMenuButton
[Hybrid APP]: https://juejin.im/entry/58f81debac502e00638bbdf9
[QQ_ Hybrid _ H5]: https://juejin.im/entry/5987d4845188250f7e00c9e5
[Hybrid]: https://juejin.im/entry/598192376fb9a03c32239d19
[Link 1]: https://juejin.im/entry/597a89806fb9a03c3a259d72
[Hybrid APP 1]: https://juejin.im/entry/56e0cd49a341310054ce5382
[Hybrid APP 2]: https://juejin.im/entry/58eb337c0ce46300586926a4
[Hybrid App _]: https://juejin.im/entry/594ab4f78d6d81c7b5fc2149
[Hybrid APP 3]: https://juejin.im/entry/568e192ba5b43198e5b6e2ef
[hybrid]: https://juejin.im/entry/58b7caacac502e006bc9ac7b
[Hybrid App 1]: https://juejin.im/entry/576364152e958a00580dc6ca
[_ iOS 10 _ Speech _ app]: https://juejin.im/entry/57bab973a34131005b10d31a
[Hybrid App 2]: https://juejin.im/entry/561b0c0600b0afd4ea3ae221
[H5 _ WebView]: https://juejin.im/entry/5943511a61ff4b006cd2bda4
[10 _ Hybrid]: https://juejin.im/entry/570fb3e271cfe4006751404d
[Hybrid APP _JSSDK]: https://juejin.im/entry/5934ea522f301e006b081a64
[ReactNative_weex_DeviceOne]: https://juejin.im/entry/57962992165abd00587a0dca