头图

一、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的决策表,转化为决策树模型,逻辑编排

维李设论
1.1k 声望4k 粉丝

专注大前端领域发展