第十六屆D2大會(II)

野林發表於2021-12-21

一、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的決策表,轉化為決策樹模型,邏輯編排

相關文章