天天看點

第十六屆 D2 的第一波話題新鮮出爐啦~幹貨滿滿,不容錯過!

第十六屆 D2 的第一波話題新鮮出爐啦~幹貨滿滿,不容錯過!

七位評委精心挑選第一波話題

上上個周末,有 7 位前端大佬們放棄了寶貴的休息時間,以評委的身份從白天專注到黑夜,隻為給本屆 D2 挑選出最優質的話題。

評委們不僅給出了前端方面的專業見解,還都秉承着一個最基本卻也最核心的原則——必須能給 D2 的聽衆帶去收益,而這,也是 D2 十幾年如一日都在堅持的事情。

經過兩天的精心挑選,我們激動地向大家宣布:首批 12 個話題誕生啦!我們按照專場來看看都有哪些吧~

跨端技術專場

跨端技術發展得如火如荼,前端開發者面臨的挑戰也愈發困難,本屆 D2 跨端技術專場将專注于「前端如何兼顧“效率、品質、多端”」這個問題,與大家讨論跨端技術的未來,重新審視 Web 技術的發展,為聽衆帶來跨端研發解決方案的新思路。

跨端技術第一波共入選了兩個話題,既有實實在在深入 JavaScript 語言的幹貨,又有新鮮有趣的新系統開發知識。

V8 JS AOT 化的探索與實踐

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

一句話推薦:深入語言層,了解 V8 實作細節、JS 編譯優化,滿滿的幹貨,你千萬不能錯過!

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

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

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

前端體驗專場

關注使用者體驗,一直是前端開發者獨特的、不可或缺的責任。使用者體驗貫穿了性能、穩定性、流暢性到互動效率、滿意度,既是細節能力、又是系統工程。如何給予使用者最優的産品體驗,是前端共同面臨的基本命題,也是技術所能給予使用者最直接的價值展現。

本屆 D2 前端體驗專場将聚焦體驗,結合具體業務實踐、技術探索,和一線技術專家一起,共同交流前端在體驗方向的發展及經驗。

前端體驗專場共入圍了 2 個話題,都是基于大樣本資料進行優化,無論是方法論還是實踐,都十分嚴謹,值得學習!

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

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

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

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

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

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

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

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

低代碼專場

随着網際網路人口紅利消失、國内雲市場的競争加劇,以及突如其來的新冠疫情,企業數字化轉型浪潮再次加速,而這其中涉及到大量企業級中背景系統建設,中背景技術領域正在經曆一場低代碼主導的研發效率革命。

一方面,低代碼研發模式正在變得越來越流行,另一方面,我們也看到低代碼并不是萬能的,關乎低代碼技術的研究也逐漸進入深水區,諸如自然布局、邏輯編排、模型驅動、智能向導、混合研發…

本專場将邀約目前活躍在低代碼領域的一線技術專家,共同探讨低代碼研發模式目前的發展、創新、變革和未來。

本次低代碼專場共入圍了 2 個話題,圍繞中背景低代碼場景,分别從新技術引入、抽象方案設計上實踐。

ESM Bundleless 在低代碼場景的實踐

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

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

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

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

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

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

多樣化專場

在網際網路行業的傳統觀念裡,前端的主要任務是以頁面的形式為各類網絡服務建構使用者互動界面。近年來,伴随着語言架構與跨端技術的發展,圍繞着體驗互動的核心命題,前端的邊界在不斷拓寬。技術的适用範圍,從一般的網際網路服務,延伸到諸如辦公協作、工業制造、遊戲 & 多媒體等本地化應用的領域;應用的執行環境,從浏覽器,擴充到 Web 容器,原生應用,IoT 裝置;人機互動模式,從确定性的腳本,逐漸混合了人工智能的元素。

多樣化的場景,開拓着我們的視野,同時,也在不斷淬煉着我們對前端本質的認知。本屆 D2 前端多樣化專場,将繼續秉持“技術無界”的理念,邀請方向與風格五彩斑斓的技術專家,為大家呈現前端的無限可能,探索潛藏其中的無限價值。

本次多樣化專場可謂百花齊放,入圍了 3 個新奇好玩兒的話題,一起了解下吧~

虛拟偶像誕生記 - 數字人行業和技術探究

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

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

Web端短視訊編輯器的設計與實作 - 像做PPT一樣做視訊

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

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

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

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

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

Node/Serverless 專場

Serverless 作為一種新型的網際網路架構直接或間接推動了雲計算的發展,随着 Serverless 體系不斷完善,也讓整個前端開發的邊界變的更大,未來的前端開發人員的視角會更廣闊,不管是目前的全棧,還是邊緣計算,AI,3D 等,前端會在不同領域去使用 Node.js 和 Serverless 結合,這将使得整個行業行業帶來怎樣的變革?我們如何基于自身的業務場景去運用,發揮 Serverless 的最大價值?

本專場将邀請一線技術專家分享相關技術實踐,給大家帶來更多的思考和經驗參考。

本專場本輪共入圍 1 個話題,卻是十分宏大的話題,一起看看吧~

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 領域的研發一直緊跟潮流,逐漸到現在的能參與未來的标準設計,這其中肯定有許多值得說道的經驗與技術,我們借這個話題一起了解下吧。

語言架構專場

2020 年的 D2 語言與架構專場,我們邀請了 Ben 講解如何快速重構和重寫 RxJS 代碼,Ujjwal 講标準化 TC39 組織如何運作。

近年随着浏覽器功能日益強大和 JS/TS 語言日漸豐富,前端生态也蓬勃發展,"前端 er"在研發鍊路中的地位也越來越重要。前端智能化應用,結合浏覽器的 IoT 接口,天馬行空,讓人腦洞大開;React 的 useState 概念也火出了圈,讓函數式程式設計快速進入了很多"前端 er"的工具箱,前端測試覆寫率 100% 不是夢;還有幹掉讓人不安的'any' types 的新的 JS 編譯語言 rescript......

今年的語言與架構專場,我們将邀請目前圈内的衆多大牛,來和大家分享生機勃勃的前端生态圈。

本輪語言架構專場共入圍 2 個話題,一起了解一下~

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 到底表現如何,是否值得嘗試,聽完這個分享,相信你能有答案。

好啦,首批 12 個話題已經完整地為大家介紹完了,你對哪個話題感興趣呢?快來留言區告訴我們吧~除了這些話題之外,我們還有十餘個精彩話題仍在精心挑選中,将會馬上和大家見面喔!

另外,還沒買票的小夥伴,記得抓緊時間買票喔~現在還在早鳥票時間,線上門票僅售¥30/人,随便聽上一場都能值回票價!

第十六屆 D2 的第一波話題新鮮出爐啦~幹貨滿滿,不容錯過!

線下門票早鳥票價格 ¥399 元/人,包含 12.18-12.19 兩天全天候的話題分享,不僅有講師面對面,還可參加 18 号晚上的驚喜夜場活動喔!(賣個關子嘿嘿 😁

第十六屆 D2 的第一波話題新鮮出爐啦~幹貨滿滿,不容錯過!

發起拼團之後,可以加入到官方拼團群中,快速成團~ 心動就趕快行動喲~

第十六屆 D2 的第一波話題新鮮出爐啦~幹貨滿滿,不容錯過!

繼續閱讀