8月18日，我作为分享嘉宾参加了公司内部的 前端&开源联名沙龙 活动，借此机会聊聊我们在内部开源，已经在不少项目中用起来的 UI，以下是分享实录（有删改）。
类似 Hybrid App，小程序 H5 混合开发就是 在一个小程序中，采用部分小程序原生页面，部分内嵌 H5 页面¹，二者配合实现完整业务逻辑的方案。
去年，我们赶在新规落地前做了适用于 H5 和小程序的“强制阅读”方案（相关文章），以帮助行内业务快速完成改造。
大量业务使用后反馈了一些优化建议，同时我们也发现了组件的一些瑕疵。我们同步进行阅读组件的优化和业务的实际使用案例的收集。然后从交互开始改造，迭代成今天要介绍的“强制阅读 2.0” 。
2020年7月17日，中国银保监会发布《商业银行互联网贷款管理暂行办法》，其中第十七条规定：商业银行应当在贷款申请流程中，加入强制阅读贷款合同环节，并设置合理的阅读时间限制。
做一个 H5 页面：
你会怎么做？
扩展（Extension）是用于修改或者增加浏览器功能的小型软件。“扩展”这个称谓可能稍显陌生，在国内人们更习惯于称它们为浏览器插件。它们使用 HTML，JavaScript, CSS 等网页开发技术构建。
起初，人们使用回调函数进行异步编程。回调函数是指一个可被另一个函数访问，并在后者执行后调用的函数。过多的回调函数嵌套形成难以阅读和维护的回调地狱（Callback Hell / Pyramid of Doom）。
一个被分享到社交平台的网页，通常以包含标题、描述和缩略图等摘要的卡片形式显示。网页的内容千差万别，用户想要分享的可能是一篇文章，一首歌，亦或是一部电影。社交平台该如何呈现分享内容才能兼具准确和美观呢？
上个月初我们准备了一期万圣节主题 H5 用于推广 APP 的拍照效果，10月24日上线，截止万圣节当天共 560 万 PV。对我个人比较有纪念意义的是，它算是我的第一个真正意义上的百万级 PV H5，也是我第一次用 2D 渲染引擎。虽然开发的时候遇到不少问题，但解锁挑战的过程非常有趣。
因为工作需要，未来开发的大部分 WebApp、H5 都需要国际化。现有工作流程比较简单：不同国家的译者在 Google Docs 的表格上翻译，开发者手动拷贝文本到前端项目中。对开发而言，由于看不懂文档中的大多数语言，既费时费力又容易出错。