Hydrofoil 跨端容器是我们房多多大前端团队为了实现同时使用 Web、Flutter、Native 三种技术而开发的底层框架。通过引入 Hydrofoil 跨端容器，一个 App 能很简单的实现 Web 和 Flutter 跟 Native 间的通信，并通过各端预定义的 SDK，业务端(由 Web 或 Flutter 实现)很容易获得 Native 端的底层能力。

问题

安卓的 Flutter APP 在 webview 容器内无法使用 jsbridge

详细描述

在 Flutter APP 里，通过 webview_flutter 库创建 webview 容器，加载 H5 页面，通过 navigationDelegate 接口拦截 H5 页面的 url 跳转来实现 H5 跟 Flutter APP 的通信。但是，因为一般的 jsbridge 底层是使用生成 iframe 的方式来加载一个自定义协议来跟 APP 通信，这个在安卓上存在问题：Flutter 的 webview 容器没办法拦截 iframe 请求。

存在背景

随着移动互联网下半场的到来和产业互联网概念的兴起，越来越多的线下服务搬到了线上来。而对于只服务特定群体或者有限场景的业务，使用 iOS 和 Android 开发似乎成本过高了，于是 Hybrid APP、React Native、Weex、Flutter、小程序等技术方案层出不穷。其中，Hybrid APP 方案最容易在已有 Native APP 中实施且兼容性最好。Hybrid APP 即混合模式开发的 APP，它可以把低成本、高效率、跨平台的 H5 技术和追求极致用户体验的 Native 技术混合在一起来为用户提供服务。而 Hybrid 技术实施的前提，是实现 H5 和 Native APP 之间的通信，这个实现，我们称之为 JSBridge。

这一年不少的业余时间用在了日语学习上，从结果上来说：

• 平成时代最后的N2证书GET \(^o^)/
• 令和时代第一张N1证书GET \(^o^)/

これからも、頑張りましょう。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

// 使用 instanceof 判断
function isFun(v) {
  return v instanceof Function
}

// 使用 typeof 判断
function isFun2(v) {
  return typeof v === 'function'
}

// 使用 toString 判断
function isFun3(v) {
  return Object.prototype.toString.call(v) === '[object Function]'
}

这3种方法都能判断变量是否是函数，但也存在一些的区别和问题，下面来具体看看。

什么是函数式编程

从 λ演算 说起

λ演算是图灵完备的，它是一种通用的计算模型，可用于模拟任何一台单带图灵机。图灵完备意味着你的语言可以做到能够用图灵机能做到的所有事情，可以解决所有的可计算问题。

起

由于工作的需要，最近同时学习 go 和 vue。当结合着书上的教程，写了一段时间的 go 代码后，再看回 js 创建 vue 函数对象的代码，突然感觉一脸懵逼(´⊙ω⊙`)。