D2.jpg

一、State of Deno in 2022

611639877376_.pic_hd.jpg

• 优秀网络模块设计，对Server或者云函数等可能更有利
• Deno on MDN

二、云原生 WebAssembly 与 Serverless

WechatIMG62.png
WechatIMG63.png
WechatIMG64.png
WechatIMG65.png
WechatIMG66.png

• wasm定义为一个容器，不需要起操作系统，只需启动进程，效率更高

681639879561_.pic_hd.jpg
691639879748_.pic_hd.jpg
701639879828_.pic_hd.jpg
711639879978_.pic_hd.jpg
721639880308_.pic_hd.jpg
731639880416_.pic_hd.jpg

• WasmEdge设计：基于类service mesh的微服务调度，如WasmEdge+Dapr

三、Node.js Web 框架再进化 - 面向前端与未来标准

751639880874_.pic_hd.jpg
781639881199_.pic_hd.jpg
761639880947_.pic_hd.jpg
771639881091_.pic_hd.jpg
791639881265_.pic_hd.jpg
801639881346_.pic_hd.jpg
811639881396_.pic_hd.jpg

• 框架层出不穷在于web框架都有适用场景与规则约束

821639881527_.pic_hd.jpg
831639881542_.pic_hd.jpg
841639881718_.pic_hd.jpg
851639881730_.pic_hd.jpg
861639881746_.pic_hd.jpg
871639881812_.pic_hd.jpg
881639881870_.pic_hd.jpg
891639881903_.pic_hd.jpg

• Midway演进：从纯后端重新转向面向前端的后端（BFF）

901639881940_.pic_hd.jpg
911639882064_.pic_hd.jpg
931639882158_.pic_hd.jpg
941639882175_.pic_hd.jpg

• 函数即接口：统一 & 无协议

961639882322_.pic_hd.jpg
971639882352_.pic_hd.jpg
981639882385_.pic_hd.jpg
991639882395_.pic_hd.jpg
1011639882458_.pic_hd.jpg

• 渐进式构建：“搭积木”构建，如字节的Modern.js方案

1021639882583_.pic_hd.jpg
1031639882608_.pic_hd.jpg
1041639882665_.pic_hd.jpg

• 未来展望：全链路监测、云端融合

四、用 Rust 和 Node-API 开发高性能 Node.js 模块

1101639883389_.pic_hd.jpg
1111639883429_.pic_hd.jpg
1121639883577_.pic_hd.jpg

• 基于Rust的前端基建，目前在编译及打包阶段构建较多

1131639883692_.pic_hd.jpg
1141639883784_.pic_hd.jpg
1151639883912_.pic_hd.jpg
1171639884103_.pic_hd.jpg
1161639884012_.pic_hd.jpg
1181639884224_.pic_hd.jpg

• Rust构建node.js的模块

1191639884357_.pic_hd.jpg
1201639884382_.pic_hd.jpg
1211639884490_.pic_hd.jpg
1221639884681_.pic_hd.jpg
1231639884736_.pic_hd.jpg
1241639884894_.pic_hd.jpg
1251639884952_.pic_hd.jpg
1271639885112_.pic_hd.jpg
1281639885171_.pic_hd.jpg
1311639885354_.pic_hd.jpg
1321639885722_.pic_hd.jpg

• NAPI-RS框架编写rust，转化成对应node.js第三方模块
• 适合底层以及特别追求计算性能的场景，个人认为在边缘场景配合wasm才更有前景

五、基于大数据的前端页面异常结果检测

1341639892226_.pic_hd.jpg
1351639892411_.pic_hd.jpg
1371639892501_.pic_hd.jpg
1381639892558_.pic_hd.jpg
1391639892644_.pic_hd.jpg
1401639892676_.pic_hd.jpg

• 检测DOM数量，确定DOM数量映射对应状态
• DOM数量对页面状态的反馈验证需要根据业务进行数据回归分析确定

六、用户行为链路的识别、挖掘及诊断

1421639893500_.pic_hd.jpg
1431639893543_.pic_hd.jpg

• 用户行为分析模式：访问链路分析 -> 用户链路分析 -> 指定链路分析 -> 操作下钻分析

1471639893815_.pic_hd.jpg

• 流程挖掘+用户链路分析

1501639893933_.pic_hd.jpg
1511639893953_.pic_hd.jpg
1521639894016_.pic_hd.jpg
1531639894034_.pic_hd.jpg
1551639894101_.pic_hd.jpg
1561639894136_.pic_hd.jpg
1571639894205_.pic_hd.jpg

• 链路识别

1581639894248_.pic_hd.jpg
1591639894283_.pic_hd.jpg
1601639894315_.pic_hd.jpg

• 链路可视化

1611639894348_.pic_hd.jpg
1631639894450_.pic_hd.jpg
1641639894487_.pic_hd.jpg
1651639894527_.pic_hd.jpg
1661639894572_.pic_hd.jpg
1671639894642_.pic_hd.jpg

• 链路诊断
• CEP(Complex Event Processing)、图模式匹配

七、适老化&无障碍的前端体验探索——为更多人提供便利和自由

• 字体、颜色、验证码

八、腾讯低代码引擎建设思考和实战

1701639897053_.pic_hd.jpg
1741639897382_.pic_hd.jpg
1751639897446_.pic_hd.jpg
1791639897658_.pic_hd.jpg
1981639898777_.pic_hd.jpg

• LCDP(Low Code Development Platform)
• 通用能力引擎：UI可视化开发、逻辑可视化开发、代码语言、生产与运行、质量保证

1811639897811_.pic_hd.jpg
1821639897866_.pic_hd.jpg
1831639897901_.pic_hd.jpg
1811639897811_.pic_hd.jpg
1821639897866_.pic_hd.jpg
1831639897901_.pic_hd.jpg
1841639897990_.pic_hd.jpg

• UI可视化引擎

1851639898059_.pic_hd.jpg
1861639898104_.pic_hd.jpg
1871639898120_.pic_hd.jpg
1881639898175_.pic_hd.jpg
1891639898176_.pic_hd.jpg

• 逻辑可视化引擎

1901639898264_.pic_hd.jpg
1911639898287_.pic_hd.jpg

• DSL

1921639898327_.pic_hd.jpg
1931639898405_.pic_hd.jpg
1941639898458_.pic_hd.jpg

• 生产与运行

1951639898499_.pic_hd.jpg
1961639898574_.pic_hd.jpg
1971639898585_.pic_hd.jpg

• 质量保证

九、ESM Bundleless 在低代码场景的实践

2021639899237_.pic_hd.jpg
2001639899163_.pic_hd.jpg
2011639899195_.pic_hd.jpg

• 低代码场景下第三方组件接入：动态加载+扩展

2051639899426_.pic_hd.jpg
2071639899679_.pic_hd.jpg

• HTTP2.0是ES Module上生产的必要条件，ES Module适合场景：本地研发、小型Web应用

2081639899750_.pic_hd.jpg
2101639899854_.pic_hd.jpg
2111639899863_.pic_hd.jpg
2121639899904_.pic_hd.jpg
2131639899932_.pic_hd.jpg
2141639900020_.pic_hd.jpg
2151639900076_.pic_hd.jpg

十、面向中后台复杂场景的低代码实践思路

2161639900423_.pic_hd.jpg
2171639900465_.pic_hd.jpg
2181639900581_.pic_hd.jpg
2191639900694_.pic_hd.jpg
2201639900714_.pic_hd.jpg

• 动态标注+策略编排

2211639900818_.pic_hd.jpg
2221639900906_.pic_hd.jpg
2241639901189_.pic_hd.jpg
2251639901281_.pic_hd.jpg

• 分离可流程化组件或者模块，动态打标

2261639901717_.pic_hd.jpg
2271639901911_.pic_hd.jpg
2281639901953_.pic_hd.jpg
2291639902026_.pic_hd.jpg
2301639902116_.pic_hd.jpg
2311639902170_.pic_hd.jpg

• 复杂逻辑构建状态机，从卫述句式转化成DMN的决策表，转化为决策树模型，逻辑编排