带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗，2022 年初的回顾与展望（9）https://developer.aliyun.com/article/1340415?groupCode=taobaotech
功能建设
在对产品的扩展性，易用性进行系统升级后，下一步要做的就是不断丰富弹窗的功能。如果将前面做的事情比作
「打地基」，那么这一步以及之后所要做的事情就是基于这个坚实的地基，将房子越盖越高，以满足更多，更复杂的弹窗搭建需求。
无论是添加什么新功能，在渲染侧我们的核心目标始终围绕以下两个主题：
- 丰富弹窗内容；
- 提升用户体验；
通过这两点，我们希望尽量减少用户对弹窗抵触情绪，带给用户更舒适，新奇地体验，从而更好的促使弹窗的引导目标达成。对弹窗功能建设的量化指标，最终将落地在以下两个方面：
- 用户满意度，来源于定期用研数据；
- 弹窗的曝光率，点击率以及弹窗点击后承接页的到达率；
下面将介绍一些本次产品升级中一些较有代表性的新增功能。
弹窗曝光优化
弹窗曝光是弹窗成功引导用户行为的第一层漏斗，弹窗曝光率的提升，会使更多用户有机会看到弹窗内容，意味着某种业务策略或意图能够影响更多的用户。因此提升弹窗曝光率，将弹窗曝光率逼近 100% 的理想值，是弹窗域永恒探索的方向。
为了提升弹窗曝光率，有以下两个方向可供探索：
- 投放侧：优化投放通道，提升活动配置的命中率和响应时间；
- 渲染侧：提升弹窗的渲染性能，或至少在体验上为让用户认为弹窗响应速度很快；
由于投放侧的建设目前正在进行中，下面将主要为各位分享一些渲染侧功能的实现与效果。
H5 原生弹窗渲染引擎 - xRender
在与 PopLayer 团队展开合作之初，我们首要解决的问题便是打通弹窗搭建的站外投放链路。因此，基于新版 DSL 规范开发的第一个渲染引擎在技术选型上自然选择了 H5 方案。由于站外环境的不确定性，以及对性能的苛刻要求，渲染引擎在实现上选择尽量避免第三方框架和库的使用，核心逻辑全部使用原生 JavaScript 实现。
而由于技术选型上选择使用原生 JavaScript 实现，那么就必须要在技术架构和代码结构上精心设计，从而保障代码的稳定性，健壮性以适应未来业务发展持续的功能迭代需要。为此，在渲染引擎的编码范式上，我借鉴了函数式编程的思想，将渲染引擎的各个功能封装成一个个纯函数，并通过管道式调用的方式，让代码的各个功能在接口上保持一致，在功能上保持内聚。无论是未来出于 debug 需要，还是要新增功能，都可以通过修改，新增，删除「管道」的方式对应用进行稳定，高效的迭代。
xRender 代码结构图
带你读《2022技术人的百宝黑皮书》——我在淘宝做弹窗，2022 年初的回顾与展望（11）https://developer.aliyun.com/article/1340412?groupCode=taobaotech
