天天看點

第十六屆 D2 前端技術論壇完成 6 大專場 21 個話題集結,快來劃重點,你一定會有所收獲!語言架構專場多樣化專場跨端技術專場前端體驗專場低代碼專場Node.js & Serverless 專場

第十六屆 D2 前端技術論壇完成 6 大專場 21 個話題集結,快來劃重點,你一定會有所收獲!語言架構專場多樣化專場跨端技術專場前端體驗專場低代碼專場Node.js & Serverless 專場

大家十二月好呀~進入到十二月,預示着第十六屆 D2 (12.18-12.19)離我們不遠啦!

而就在今天,D2 也完成了 6 大專場 21 個話題的集結,一起召喚文末的神(福)龍(利) 🐲

語言架構專場

ReScript: JavaScript 平台上高品質大規模程式建構的秘密武器

ReScript, 第一個完全由中國人主導,并在世界範圍内有廣泛使用者的通用程式語言。它放棄了對 JavaScript 文法的完全相容,保證了單個子產品級别相容。它專注于解決實際問題,優化工具鍊的性能和使用者體驗,其編譯器和建構系統的性能超出了 TypeScript 一到兩個數量級,其類型資訊也用于輔助生成更高效的代碼。

它的使用者不僅有全球 500 強如 Facebook/SAP, 還有歐洲的獨角獸 Wolt, 老牌軟體公司 Ubisoft/TinyMCE, 還被區塊鍊公司 O(1) labs/float capital/Nomadic Labs 等廣泛使用。

你是否好奇到底是什麼原因讓這麼多公司都選擇了 ReScript 呢?一起來聽 ReScript 作者的介紹吧~

一句話推薦:咱們中國人自己設計的程式設計語言!還有那麼多海外企業使用者,太厲害了吧!想聽想聽~

State of Deno in 2021【外文話題】

你用過 Deno 開發嗎?覺得它的開發體驗如何?本屆 D2, 我們邀請了 Deno 團隊的核心開發者 Bartek Iwańczuk, 和我們聊聊 2021 Deno 的那些事兒~他目前專注于 Deno 的 CLI、deno_std 和 deno_lint 的研發,對此感興趣的小夥伴,可以期待一下啦!

一句話推薦:Node.js 作者的又一力作 Deno 到底表現如何,是否值得嘗試,聽完這個分享,相信你能有答案。

第十六屆 D2 前端技術論壇完成 6 大專場 21 個話題集結,快來劃重點,你一定會有所收獲!語言架構專場多樣化專場跨端技術專場前端體驗專場低代碼專場Node.js & Serverless 專場

多樣化專場

虛拟角色的行業和技術

講師将和我們分享阿裡集團在虛拟角色上的幾個核心應用場景,從形、行、神三個藝術創作角度逐一結合技術進行分析,引出了相關的前端知識圖譜。 再詳細講述多個核心技術點,如渲染引擎、雲渲染、美術工作流、導演系統,動作表情識别,短視訊生成等的實作思路。并針對行業未來的技術增長和業務價值進行了暢想,對當下布局做出指引。

一句話推薦:虛拟角色的實作背後,是 Web 互動領域無數技術交織而成的一張技術大網,相信這個分享,能給正在做、或者有意向做 Web 互動的小夥伴帶來啟發。

CRDT 實時協作技術在稿定編輯器中的應用

多人實時協作能力對許多 Web 生産力應用至關重要,但其始終存在較高的技術門檻。本次分享将介紹稿定在平面設計編輯器業務中基于 CRDT 庫 Yjs 的實時協作功能落地實踐,由此展望近年崛起的 CRDT 去中心化協作架構的可能性。

一句話推薦:「JavaScript 二十年」中文版作者 doodlewind 雪碧帶來的分享,他總是能把高深的知識用很易懂的語言清晰地表達出來,本次 D2, 相信他也能用一場分享把「編輯器多人實時協作能力」講清楚,拭目以待吧~

短視訊時代的 Web 視訊編輯器

如何運用純前端能力,實作一個完整的音視訊剪輯應用?它要既能支援短視訊線上渲染,支援字母編輯、動畫貼紙、TTS 配音、橫屏豎排多比例支援,又互動簡單,隻需有 PPT 創作經驗就能快速上手,能讓小白在豐富的分鏡、視訊模版的支援下,輕松拖拉拽生成一個視訊。看完這個分享,你将有答案。

一句話推薦:如何能讓視訊的制作像做 PPT 一樣輕松?真是個有意思的話題,要做到像專業剪輯軟體一樣,一定需要一個強大的編輯器核心,一起看看它是如何設計的吧!

解讀千萬級關系網絡下的資料探尋技術

在千萬級關系量級的資料場景下,前端可以如何通過圖可視分析技術,幫助使用者完成問題發現、鍊路追蹤,問題溯源,血緣分析的呢?阿裡雲 DataWorks 雲研發平台将解答你的疑惑。DataWorks 是一個專業高效、安全可靠的一站式智能資料雲研發平台,涵蓋資料開發、算法開發、資料服務、資料治理、資料應用等各方面,其核心子產品是一個千萬級節點的排程引擎。讓我們

一句話推薦:當資料量達到了千萬級關系的量級,如何更好地用圖将其展現出來呢?本次分享将為我們解答這個問題,一起看看阿裡雲在這方面的方案。

多樣化可謂是本屆 D2 最鮮活有趣的專場了,好多有意思的話題咱們是一個也舍不得落下,奈何時間有限.. 是以有三個話題,我們決定通過「快閃」的形式向大家推出,快閃話題每個 15 分鐘,用最寶貴的時間為大家帶來最精髓的話題!👇

向量到墨水:從繪畫視角解析三維模型的漫畫風格渲染技術

講師從漫畫風格的三維渲染二維風格入手,講述了漫畫風格的由來及其特點。再從繪畫角度分析漫畫風格的表現手法和套路,分析如何将漫畫表現手法量化、邏輯化,再輔以具體技術的分析和 Demo, 讓前端與漫畫的距離瞬間近了許多。

一句話推薦:作為看着漫畫長大的一代,這個話題聽着真的無比親切,如果前端也能輕松創作自己的漫畫作品,那不是很棒嗎?

開源表單方案 Formily 的核心設計思路

你接到過哪些表單需求?遇到過哪些表單問題?如何優雅地解決表單問題:抽象表單、表單性能提升、讓表單變得可設計。表單對我們認識整個世界有哪些啟發?開源表單 Formily 核心開發者将與我們分享,他們在表單開發路上的真知灼見,從小小的表單,窺見整個世界。

一句話推薦:統一表單解決方案 Formily 在開源社群中有着良好的口碑,從标題來看,他們給自己的定位也不是僅僅做一款表單工具,而是有着深入的思考。至于是什麼思考呢?來聽分享就知道啦。

協同文檔工作機制簡介

釘釘文檔問世三年來,從僅具備最基礎的富文本協同編輯能力,至今成為支援專業排版、插入腦圖等複雜元素并協同的專業文檔,已是業界較為複雜的前端應用之一。 面對日益複雜的産品邏輯和場景化需求,釘釘文檔團隊在編輯器技術、應用架構等領域,遇到了哪些技術挑戰,又是如何解決的?講師将為我們一一解答。

一句話推薦:文檔編輯器的開發,可謂涉及到前端技術知識的方方面面,需要擁有堅實的前端基礎。相應地,編輯器的分享肯定也少不了滿滿幹貨。

👇 專場話題集齊完畢~

第十六屆 D2 前端技術論壇完成 6 大專場 21 個話題集結,快來劃重點,你一定會有所收獲!語言架構專場多樣化專場跨端技術專場前端體驗專場低代碼專場Node.js & Serverless 專場

跨端技術專場

V8 JS AOT 化的探索與實踐

V8、AOT(Ahead of Time, 提前編譯)、性能優化,這些詞單拎出來都不簡單,放在一起更令人充滿期待。講師來自老牌浏覽器公司——UC 浏覽器核心小組,日常與浏覽器核心打交道的他,講起這個話題可謂輕車熟路、信手拈來。他将帶我們深入到 JS 的編譯層,去探尋實作 AOT 功能,以提升 JS 的執行性能,以期與 Native 方案媲美。

一句話推薦:想了解 V8 實作細節、JS 編譯優化的小夥伴,千萬不能錯過!

淺談 Web Component 實踐與應用

前端架構不斷推陳出新,如何在不斷的革命與淘汰的氛圍中維持服務功能的穩健,一直是每位工程師最大的理想與目标。講師将與我們分享如如何透過 Web Component 輕松快活玩轉各架構,讓功能開發與服務穩健可以并行邁向未來。

一句話推薦:身為雅虎台灣 AMP 項目首席程式員的 Paul Li 同時也是前端工程師,這種跨端的身份讓他能從獨特的視角看現代 Web 技術,一起聽聽他的分享吧。

使用跨端方案 Rax 編寫鴻蒙應用

華為的鴻蒙系統自釋出以來,便廣受關注。它支援 JavaScript 編寫應用的特性,對于前端開發者來說意義非凡。跨端解決方案團隊 Rax 也于 8 月份開始與 HarmonyOS JS UI 架構團隊合作,旨在支援使用 Rax 編寫 HarmonyOS 應用。經過幾個月的實踐之後,他們決定将内部細節的技術實作帶到 D2 的舞台上與大家分享,讓我們人手都能開發一款屬于自己的 HarmonyOS 應用。

一句話推薦:對于鴻蒙系統或者 Rax 跨端方案感興趣的小夥伴,都來聽聽看~

第十六屆 D2 前端技術論壇完成 6 大專場 21 個話題集結,快來劃重點,你一定會有所收獲!語言架構專場多樣化專場跨端技術專場前端體驗專場低代碼專場Node.js & Serverless 專場

前端體驗專場

基于大資料的前端頁面異常結果檢測

在 Web 監控領域,頁面每次展現的内容是否符合預期是建立監控體系的最根本訴求。基于這個訴求,一般的做法是進行資源下發,腳本執行,性能埋點等多種次元的監控。但面對越來越複雜的業務邏輯,千人千面的産品設計和個性化功能,一些非預期的頁面展現結果——頁面停留在白屏或骨架屏、錯誤頁、子產品丢失僅渲染一半内容,所造成的體驗欠佳則始終缺乏直接有效的監控手段。

針對這種情況,講師團隊引入了一種較新的基于資料檢測的方式用于前端頁面結果的監控——從 DOM 的渲染原理入手,建立一套推論,并且基于大資料監控進行驗證推理,得出規律之後放到更長周期裡進行分段驗證,最終得出結論。

一句話推薦:針對前端異常頁面監控的分析思路嚴謹,角度新奇,可借鑒性高,有監控相關的訴求都可以參考他的實作。

使用者行為分析 - 行為鍊路的識别、挖掘及診斷

在産品體驗優化的過程中,需要不斷深入分析和挖掘使用者在産品使用中的體驗問題,并針對性地進行優化。這其中,行為分析是最核心的部分,而鍊路分析又是行為分析中最重要的一環。

講師将從真實的案例入手,結合他們在探索行為鍊路分析背後的理念、方案和創新點,分享他們是如何将行為鍊路智能識别的能力應用到行為分析當中,再通過整合趨勢路徑、關注熱點路徑來收斂鍊路,并利用在實際業務中沉澱的診斷模型,智能診斷鍊路,發現産品鍊路中的體驗問題,為産品體驗優化提供決策依據,最終達成目标的。

一句話推薦:超大樣本下的使用者行為表現,比個人主觀想法要更真實且有說服力,如果你也想把海量的資料活用起來,反哺給使用者,來達到更好的使用者體驗,那麼這個話題就是為你量身打造的。

适老化&無障礙的前端體驗探索——為更多人提供便利和自由

老年人和殘障人士等群體由于身體機能缺陷或退化、資訊技能水準不高、網際網路應用适配不足等問題,在資訊社會中逐漸處于弱勢地位,難以享受技術進步帶來的便利,面臨使用型數字溝通問題。如何讓所有人能平等、友善、無障礙地擷取和利用資訊,我們嘗試從青松助手的産品設計,以及對騰訊問卷、騰訊兔小巢适老化及無障礙改造的經驗中尋找答案。

一句話推薦:随着社會人口結構的改變,以及老年往年比例的增大,「适老化」體驗也越來越受關注,一起看看将社交做到極緻的騰訊在這方面是怎麼做的吧。

第十六屆 D2 前端技術論壇完成 6 大專場 21 個話題集結,快來劃重點,你一定會有所收獲!語言架構專場多樣化專場跨端技術專場前端體驗專場低代碼專場Node.js & Serverless 專場

低代碼專場

ESM Bundleless 在低代碼場景的實踐

Vite/Snowpack 等基于 ESM 的建構工具出現,給 Dev 研發帶來了數十倍的提速。借助浏覽器 ES Module import 的能力,特别是當 HTTP/2 支援請求與響應的多路複用的傳輸效率提升,我們可以不再需要等待一個完整 bundle 的建構。

螞蟻集團的低代碼搭建平台「雲鳳蝶」也很早在資産體系内建設了一套 Bundleless 加載方案,結合如今最火熱的 ESM 方向并為解決原有方案的痛點,他們重新設計了 Bundleless V2 方案,通過對依賴的分析及合并計算、二次建構的 Treeshaking 以及 import-map, 将 ESM 真正部署到了生産環境,并在上百個中背景搭建場景中落地。

一句話推薦:螞蟻體驗技術部在中背景領域頗有建樹,積極探索新技術在低代碼領域的應用,在開源社群表現活躍,想要了解他們在低代碼方向的技術實作細節,聽這個話題準沒錯!

面向中背景複雜場景的低代碼解決方案

中背景複雜的根源來自于邏輯成長帶來的多狀态黑盒,以及提升互動體驗帶來的高昂開發成本,如何從偏重邏輯和偏重互動兩種不同類型的低代碼方案去擊破難點?講師将與我們分享他們針對這兩種場景設計的兩套應對方案,詳細的實作原理以及方案實施的效果。

一句話推薦:将中背景複雜場景的低代碼解決方案,拆分為複雜邏輯與複雜互動兩種形式,再針對各自的特點進行方案設計并落地取得成果。值得做中背景及搭建的小夥伴們借鑒參考~

騰訊低代碼引擎建設思考和實戰

騰訊低代碼平台緻力于提供統一、高效的低代碼核心引擎和底層庫以及标準建設,他們實作了統一的 UI 可視化引擎子產品、邏輯可視化引擎子產品、DSL引擎子產品、生産運作子產品以及品質保證子產品,講師将和我們分享建設産品核心引擎過程中的思考及實戰。

一句話推薦:低代碼引擎是低代碼平台實作的核心,如 V8 之于 Chrome 的存在,了解低代碼引擎建設過程中的思考與實戰,一定能收獲到很多幹貨!

第十六屆 D2 前端技術論壇完成 6 大專場 21 個話題集結,快來劃重點,你一定會有所收獲!語言架構專場多樣化專場跨端技術專場前端體驗專場低代碼專場Node.js & Serverless 專場

Node.js & Serverless 專場

雲原生 WebAssembly 與 Serverless

曾被評為「騰訊雲最具價值專家」的 Michael Yuan 博士是雲原生、WebAssembly 領域的專家,同時他也是 WasmEdge 的創始人和核心開發者,本次 D2, 他将向我們介紹他們為什麼選擇服務端 WebAssembly(而非 Docker)、雲端 WebAssembly 目前的進展以及他們在 WebAssembly 上做的創新。

一句話推薦:随着 WebAssembly 的不斷發展,它早已超越了最初的浏覽器應用範疇,轉而在輕量級軟體容器這條路上越走越遠。現在,我們又将看到它和 Serverless 的結合碰撞出的火花了~

Node.js Web 架構再進化 - 面向前端與未來标準

Web 開發一直是 Node.js 的主流方向,無論新人必學的 Express/Koa,或者是社群流行的企業級架構 Egg/Nest,各類 Web 架構層出不窮。 講師将與我們分享 Node.js Web 架構的發展曆程,分析各類架構的适用場景及利弊,并基于阿裡的 Node.js 架構 Midway,為大家介紹在過去這兩年,他們對下一代 Node.js Web 架構的思考、設計、實踐,包含他們是如何創作一款前端“愛用”的 Node.js 架構,如何面向未來标準、甚至參與标準來設計 Node.js Web 架構的兩部分。

一句話推薦:阿裡在 Node 領域的研發一直緊跟潮流,逐漸到現在的能參與未來的标準設計,這其中肯定有許多值得說道的經驗與技術,我們借這個話題一起了解下吧。

用 Rust 和 Node-API 開發高性能 Node.js 子產品

随着 Deno 項目橫空出世,Rust 逐漸被帶入到 Node.js 開發者的視野中。而 Deno 又推動了 SWC 的迅速發展,使其在多個重量級項目中取代了 Babel 成為了預設的編譯工具。要想用 Rust 為前端與 Node.js 領域帶來無與倫比的性能體驗,如何讓 Rust 代碼與 Node.js 進行互動是繞不開的話題。本次分享将會為大家介紹如何從零開始編寫、建構、釋出一個完整的由 Rust 編寫的 npm 包,并為大家詳細講解每一個環節的要點和細節。

一句話推薦:用 Rust 開發 NPM 包,聽起來好像挺有意思的!結合語言架構專場的「State of Deno 2021」一起“食用”,收獲更佳喔~

第十六屆 D2 前端技術論壇完成 6 大專場 21 個話題集結,快來劃重點,你一定會有所收獲!語言架構專場多樣化專場跨端技術專場前端體驗專場低代碼專場Node.js & Serverless 專場

話題介紹完畢,大家可以到

官網

檢視具體的日程安排喲!

前文說好的福利也來啦~

即日起至 12.10, 購買 D2 門票将無需拼團,直接購買即可享受線上 30/人 的限時福利哦~~ 還沒購票的同學們要抓緊啦~~

第十六屆 D2 前端技術論壇完成 6 大專場 21 個話題集結,快來劃重點,你一定會有所收獲!語言架構專場多樣化專場跨端技術專場前端體驗專場低代碼專場Node.js & Serverless 專場

除此之外偷偷透露一下,線下将可以參加晚場辯論賽活動!超多神秘大咖将驚喜現身,敬請期待一下吧,嘿嘿~

第十六屆 D2 前端技術論壇完成 6 大專場 21 個話題集結,快來劃重點,你一定會有所收獲!語言架構專場多樣化專場跨端技術專場前端體驗專場低代碼專場Node.js & Serverless 專場

趕緊掃碼購票~ 咱們 18-19 D2 見喔 💓

繼續閱讀