之前上家公司主要是做移动端 H5 开发的，但相关技术和配套体系已经很成熟了，很难接触到背后的这套体系。 在现在的公司也做了一些零散的 H5 页面，有一些相关实践。反而因为基础设施和体系不完善，接触到了更多东西。 刚好最近刚好开始搞 React Native，就恶补了一些相关的知…

前言 在前端开发中，页面白屏是一个关键指标。一方面，页面加载时白屏时间过长会显著影响用户体验；另一方面，异常场景下白屏更是系统稳定性的一大隐患。 本文将介绍前端项目白屏监测的一种轻量化实现，并探讨对应

既然我们使用了 WebView 来承载 H5，那么便少不了与 Native 之间发生交互，WebView 所承载的页面，通过 JS 与 Native 进行通信，我们将这个通信的”桥梁“为 JSBridge。如果你参与过微信内置浏览器的 H5 开发，会发现一个经常出现的东西，叫做…

从 18 年毕业至今，在两家大公司主要都是从事 h5 开发，期间参与过很多大型活动的 h5 开发。在活动期间，考虑更多的还是页面的稳定性和容灾方案，面对大流量峰值在资源有限的情况下保证页面稳定确实是一

关于 JSBridge，绝大多数同学最早遇到的是微信的 WeiXinJSBridge（现在被封装成 JSSDK），各种 Web 页面可以通过 Bridge 调用微信提供的一些原生功能，为用户提供相关的功能。其实，JSBridge 很早就出现在软件开发中，在一些桌面软件中很早就运…

webview是原生系统，用于用于移动端 APP 嵌入(Embed) Web 技术，方式是内置了一款高性能webkit内核浏览器。

上一篇介绍了移动端开发的相关技术，这一篇主要是从 Hybrid 开发的 JS Bridge 通信讲起。 顾名思义，JS Bridge 的意思就是桥，这是一个连接 JS 和 Native 的桥接，也是 Hybrid App 里面的核心。一般分为 JS 调用 Native 和 Na…

前言 前段时间由于要实现 H5 移动端拉取微信卡包并同步卡包数据的功能，于是在项目中引入了 微信 JS-SDK（jweixin） 相关包实现功能，但也由此让我对其产生了好奇心，于是打算好好了解下相关的

业务随笔记录，解决H5在native中键盘弹起影响页面交互的问题，并封装为自定义hook，应用在副作用页面