头图

1. State of Deno in 2022

611639877376_.pic_hd.jpg

  • Excellent network module design, which may be more beneficial to Server or cloud functions, etc.
  • Deno on MDN

    2. Cloud Native WebAssembly and Serverless

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

  • Wasm is defined as a container, no need to start the operating system, just start the process, more efficient

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 design: microservice scheduling based on service mesh-like, such as WasmEdge+Dapr

    3. The Node.js web framework evolves again-front-end and future standards

    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

  • Frameworks emerge endlessly because web frameworks have applicable scenarios and rule constraints

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 evolution: from a pure back end to a front-facing back end (BFF)

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

  • Function as interface: unified & no agreement

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

  • Progressive construction: "building blocks" construction, such as Byte's Modern.js solution

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

  • Future prospects: full link monitoring, cloud integration

    Fourth, use Rust and Node-API to develop high-performance Node.js modules

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

  • Rust-based front-end infrastructure, currently built in the compilation and packaging phases

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 builds node.js modules

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

  • Write rust with NAPI-RS framework and convert it into corresponding node.js third-party module
  • It is suitable for the bottom layer and scenes where computing performance is especially pursued. I personally think that it is more promising to cooperate with wasm in edge scenes.

    5. Detection of abnormal results of front-end pages based on big data

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

  • Detect the number of DOMs and determine the corresponding state of the number of DOMs
  • The feedback verification of the number of DOMs on the page status needs to be determined by data regression analysis based on the business

    6. Identification, mining and diagnosis of user behavior links

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

  • User behavior analysis mode: access link analysis -> user link analysis -> designated link analysis -> operation drill-down analysis

1471639893815_.pic_hd.jpg

  • Process mining + user link analysis

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

  • Link identification

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

  • Link visualization

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

  • Link diagnosis
  • CEP (Complex Event Processing), graph pattern matching

    Seven, ageing & barrier-free front-end experience exploration-to provide convenience and freedom for more people

  • Font, color, verification code

    Eight, Tencent's low-code engine construction thinking and actual combat

    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)
  • General capability engine: UI visualization development, logic visualization development, code language, production and operation, quality assurance

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 visualization engine

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

  • Logical visualization engine

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

  • DSL

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

  • Production and operation

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

  • quality assurance

    Nine, the practice of ESM Bundleless in low-code scenarios

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

  • Access to third-party components in low-code scenarios: dynamic loading + extension

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

  • HTTP2.0 is a necessary condition for production on ES Module. ES Module is suitable for scenarios: local R&D, small web applications

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

10. Low-code practice ideas for complex scenes in the middle and backstage

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

  • Dynamic labeling + strategy orchestration

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

  • Separate flowable components or modules, dynamic marking

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

  • Complex logic constructs the state machine, transforms from Weishu sentence into DMN decision table, into decision tree model, logical arrangement

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

专注大前端领域发展