8月18日，我作为分享嘉宾参加了公司内部的 前端&开源联名沙龙 活动，借此机会聊聊我们在内部开源，已经在不少项目中用起来的 UI，以下是分享实录（有删改）。

类似 Hybrid App，小程序 H5 混合开发就是 在一个小程序中，采用部分小程序原生页面，部分内嵌 H5 页面¹，二者配合实现完整业务逻辑的方案。

去年，我们赶在新规落地前做了适用于 H5 和小程序的“强制阅读”方案（相关文章），以帮助行内业务快速完成改造。

大量业务使用后反馈了一些优化建议，同时我们也发现了组件的一些瑕疵。我们同步进行阅读组件的优化和业务的实际使用案例的收集。然后从交互开始改造，迭代成今天要介绍的“强制阅读 2.0” 。

2020年7月17日，中国银保监会发布《商业银行互联网贷款管理暂行办法》，其中第十七条规定：商业银行应当在贷款申请流程中，加入强制阅读贷款合同环节，并设置合理的阅读时间限制。

做一个 H5 页面：

• 让用户填写一些信息，包含验证码等数字。
• 禁止输入数字以外的字符。
• 限制输入长度，比如不能超过6位。
• 最好能直接调起数字键盘，不要让用户手动切换。

你会怎么做？

扩展（Extension）是用于修改或者增加浏览器功能的小型软件。“扩展”这个称谓可能稍显陌生，在国内人们更习惯于称它们为浏览器插件。它们使用 HTML，JavaScript, CSS 等网页开发技术构建。

Build and run applications without thinking about servers. —— AWS

Serverless，即无服务器计算，是一种云架构。Serverless 服务由一系列服务构成，包括计算服务、存储服务、数据库服务、API 网关服务等。

现代移动应用开发已经广泛运用了 Hybrid 模式，催生了 Hybrid App（混合模式移动应用），即在原生壳中内嵌网页，部分功能由 HTML5 实现的移动应用。

这种方案能大幅减少开发时间和成本，易于更新维护。因此以淘宝、京东为代表的电商 app，经常使用网页实现需灵活更新的页面。

起初，人们使用回调函数进行异步编程。回调函数是指一个可被另一个函数访问，并在后者执行后调用的函数。过多的回调函数嵌套形成难以阅读和维护的回调地狱（Callback Hell / Pyramid of Doom）。

登陆 微信开放平台 创建一个移动应用，正确填写应用 名称，包名 和 签名，得到一个 AppID 。