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 的表格上翻译,开发者手动拷贝文本到前端项目中。对开发而言,由于看不懂文档中的大多数语言,既费时费力又容易出错。