一、ReScript: JavaScript 平台上高质量大规模程序构建的秘密武器

• 设计为 js 提供服务的脚本语言

• 数据与函数拆散

  二、应用跨端计划 Rax 编写鸿蒙利用

  
  
  
  

• 多操作系统模式都有本人的一套体系，基于大前端的思路更加高效（人工成本更低）

• vDOM 是一种规范的数据结构，数据驱动 UI

• 多端渲染对接计划：1、语法编译，编译时思路；2、运行时思路；3、底层渲染指令思路

• 多端工程构建：大前端思路下构建多 webpack 工作（或者多其余打包工具工作，如 rollup、vite、gulp 等）

• 构建跨端计划离不开 IDE 侧的构建，对研发链路进行串联，兜底计划能够通过 Dev Server 计划对接第三方的 IDE

  三、V8 JS AOT 化的摸索与实际

  
  
  
  
  

• JS AOT 计划：1、应用本地代码（机器码，汇编），毛病：编译慢、体积大、内存高、性能差、CPU 架构不通用；2、全字节码缓存，毛病：性能损耗；3、局部字节码缓存，毛病：版本问题、CPU 通用性、机型通用性

• 有效性：1、PGO（Profile-guided optimization）预公布；2、先验规定，预测须要被执行的代码，增量更新；

• 兼容性：1、在线生成，① 闲暇工夫预热 ② 拜访时生成；2、离线生成

• 挪动端可做预公布阶段，为 JS 提供 AOT 的计划

  四、浅谈 web component 实际与利用

• Custom Element、Shadow DOM

  五、解读千万级关系网络下的数据探寻可视化技术

• 海量数据关系解决，应用 DAGRE 布局 + 视觉通道映射（色彩）技术绘制节点依赖关系

• 海量数据处理计划：1、离线渲染技术，PlanUml 及 Offline Canvas；2、部分渲染技术，脏矩阵渲染；3、双引擎切换，GPU 渲染

• “毛团”景象解决，图简化技术：1、点聚合，划分粒度，如：下钻拜访、交互；2、边剪枝，缩小视觉凌乱，如：反向删除算法、Prim 算法；3、边绑定，缩小视觉凌乱，如：突出边缘模式；

• 可视剖析，从业务需要角度登程，包含图数据库等的建设

• 可视布局：解决通用布局策略局限性，应用布局交融技术解决：1、子图嵌入（DAGRE+GRID）；2、布局叠加：前置布局 + 力导布局 + 节点压实 + 网路对齐 + 网格扩容；3、子图交融；4、智能布局；5、渐进布局

• 子图嵌入计划：1、节点分层；2、虚构分组；3、节点布局；4、分组内嵌

• 图品质剖析：1、分组剖析；2、天文空间剖析；3、时序剖析；4、算法剖析

• 图产品思路：上游链路剖析，上游影响剖析

  六、向量到墨水：从绘画视角解析三维模型的漫画格调渲染技术

• CEL 动漫格调，着色器渲染：1、色彩相接 (Color Differential)，由色相、对比度、饱和度插值产生；2、深度断层 (Depth Fall)，由深度变动的不间断产生；3、面的压缩 (Compression of Surface)，由眼帘与物体边缘相切水平产生

  七、开源表单计划 Formily 的外围设计思路

  
  
  
  

• “数据 + 协定”表单框架：协定层 + 桥接层 + 应用层

• 工具类编辑器海量字段表单渲染计划

• 扩大计划：1、属性扩大；2、上下文扩大；3、连接器扩大；4、模板扩大

  八、协同文档工作机制简介

• 文档模型 -> 视图模型，无依赖 contentEditable

• OT 及 CRDT 协同

  九、CRDT 实时合作技术在稿定编辑器中的利用

  
  

• Event Souring 机制：1、rebase 机制，如：git 操作；2、operation 机制，如：OT(Operational Transform)；3、model 机制，如：CRDT(Conflict-free Replicated Data Type)

• YATA 算法，Yjs 落地

• 性能优化

• 测试计划

  十、虚构偶像诞生记 – 数字人行业和技术探索

  
  
  
  

• 虚构人物构建

• web3.0 窘境

• 云渲染：Serverless、web 3d+puppeteer、非实时渲染

  十一、Web 端短视频编辑器的设计与实现 – 像做 PPT 一样做视频

  
  
  

• 编辑器设计：通用编辑器构建，分层构建
• 视频编辑器分层：应用层、引擎层、依赖层

• 时钟同步、音视频编辑码
• 编解码计划：1、FFmpeg+wasm；2、WebCodecs API+ 库（如：mux.js）