【比心王劲鹏】Doric渐近式跨端的业务实践.pdf

1、Doric 渐渐近式跨端的业务实业务实践王劲鹏 比心公司-大前端工程师Doric是什么渐近式跨端Doric框架的相关介绍业务实践Doric在比心业务中的深度使用和实践能力和拓展Doric本身支持的2D和3D能力以及拓展性未来展望Doric的未来发展的Roadmap01Doric是一个极简、高效的跨端开发框架，使用TypeScript作为开发语言。上层遵循MVVM设计，可以在多个终端平台上执行，实现一份代码可以多处执行。目前已经支持Android、iOS、Web及Qt，可按开发者所需接入更多场景和平台。Doric是什么02Doric名字的起源希腊的帕特农神庙，其历经数千年风雨侵蚀，早已断墙残垣。

2、然而那些廊柱屹立千年，仍然坚固巍然。这种廊柱样式叫做 Doric（多立克柱式），即我们这个项目的名称由来。正如Doric样式的廊柱撑起了神庙的千年风雨，我们也希望Doric项目能够作为前端页面的支柱，简洁，可靠。Doric.pub官方文档和站点所见即所得的网页Doric PlaygroundPlayground AppAndroidiOS TestFlightPlayground App热加载常用的组件和功能支持直接扫码对应链接的JS代码并加载并包含一个3D模型展示01水平，垂直，堆叠，FlexDoric 中的布局方式02阴影，边框，圆角渐变（支持多段）Doric 2D图层垂直列表（支持拖拽）

3、Doric中的复用容器水平列表（支持拖拽）瀑布流（支持拖拽）Slider（支持循环）支持嵌套的Slider01平移旋转缩放组合自定义插值Doric 中动画系统02透明度二值化模糊高效的ArrayBuffer管理图像处理对齐WebGL标准对接ANGLE支持不同backend渲染高效的ArrayBuffer管理支持压缩纹理多个GPU上下文隔离AnimationFrame&VSyncDoric 3D能力小游戏类（含物理引擎）：如ammo，oimo等展示类Doric 3D示例支持多种3D模型格式：glb（支持draco解压缩）gltffbx3dsobjamfcolladavoxDoric 3D示例图表

4、类如（d3.js等）二维图表&三维图表Doric 3D示例声明式UIUI构建以参数定义Doric 编程范式TSX可以通过ref控制ViewDoric 编程范式Doric MVVMDoric&MobX电竞指导页（全页Doric实现）3D品类列表内取色Card化以及复用下拉刷新和上滑分页等比心首页Doric实践比心首页Doric实践游戏Tab页（Doric作为Cell视图）多Cell复用下拉刷新同时存在多个隔离的Doric上下文Cell内Doric实例进行复用其他的富交互业务实践翻页Slider的富交互效果半屏弹窗和全屏页作为View粒度嵌入其他的富交互业务实践Doric自管理scheme路由多个

5、Panel之间数据交互音视频类玩法业务比心直播间谁是卧底Doric 性能监控Doric 研发流程组件列表Doric 研发流程组件发布管理Doric 研发流程组件升级Doric 研发流程组件内置管理Doric 低代码平台基础属性：包含宽高布局模式和权重颜色和透明度margin&padding边框，圆角，阴影Doric 低代码平台业务实践语音房Doric 低代码平台发布Doric 低代码产物和构建管理Doric最佳实践平台文档查询案例分享业务统计云IDE&PlaygroundDoric云IDE开发SSO关联域账户容器化分配IDE容器化分配Device依托Doric CLI实时刷新Doric文档+ChatGPT训练Doric API文档+案例文档+流程手册+业务统计钉钉群机器人问答助手Doric Roadmap对齐Doric Web实现支持GPU.js等加速计算方案欢迎加入Doric社区参与共建谢谢 谢谢 观观 看thanks