技術期刊 · 虎踞龍盤今勝昔 | Shopify 的高擴展性 UI 實踐:遠程渲染;爲什麼我們需要 AST;一步一步實現國際……

虎年將近,大家最近有沒有覆盤這一年來的工作生活呢?過去這一年來,相信大家對微前端、插件化這些名詞概念都能耳熟能詳,或許也會像 Shopify 團隊一樣嘗試將遠程渲染作爲業務拓展的新思路,如何一步一履學習積累,爲業務提供支持,去實現那些小目標……

觀海志

登山則情滿於山,觀海則意溢於海

Shopify 的高擴展性 UI 實踐

梗概:下一代的高擴展性 UI 框架是怎樣的?來自 Shopify 開源技術團隊的 @remote-ui 框架通過 RPC + DOM 渲染層實現了遠程渲染的效果,加上不同平臺的 JS 沙箱實現,甚至可以平滑運行在 Android 與 iOS 平臺上。

Remote Rendering: Shopify’s Take on Extensible UI

推薦語:作爲世界上最大的電商平臺之一,Shopify 通過應用商店爲數百萬商家提供個性化定製的能力,第三方開發者通過 Shopify 提供的擴展機制,爲商家們提供諸如營銷自動化,銷售渠道整合、產品採購等功能。

在「微前端」、「插件化」等名詞的高頻轟炸下,普通開發者如何設計更加適合自己業務的擴展架構?除了上述技術以外,還有沒有其他選擇?Shopify 開源技術團隊的全新思路 -- 遠程渲染,或許可以給你一點啓發。

爲什麼我們需要 AST

梗概:這是一篇關於AST(Abstract Syntax Tree,抽象語法樹)的新手友好向文章,文中依次介紹了其概念、生成過程、基本結構、節點類型、實際應用。

淺談前端AST的概念與實際應用

推薦語:作爲一名前端同學,或許沒有聽說過AST,但Babel卻不可能不知曉。當我們探索Babel的工作原理之前,必須首先對AST有一定的知識儲備,因爲Babel插件正是作用於這種語法結構,深入理解AST不僅能幫助我們理解Babel,同時也能夠更好的幫助我們完成日常的開發任務。

一步一步實現前端國際化支持

梗概:作者在文中主要介紹了多語言在不同技術棧中的實現方案,並以實際項目爲例進行剖析,最後還針對多語言未來演進的方向提出了自己的暢想。

如何解決前端多語言選型和實現難題?

推薦語:“多語言支持是企業項目走向國際化的必經之路,也是前端工程師最佳實踐的內容之一。”

深入理解貝塞爾曲線

梗概:本文講解了貝塞爾曲線的基礎概念以及數學原理,並深入淺出地闡述瞭如何從一階、二階、三階推導出 n 階曲線公式。

深入理解貝塞爾曲線

推薦語:貝塞爾曲線(Bezier Curve)在計算機圖形領域應用非常廣泛,比如我們熟知的 CSS 動畫、 Canvas 以及 Photoshop 等都可以看到貝塞爾曲線的身影。理解了貝塞爾曲線在數學上的原理,能讓你對它的使用更加得心應手。

覆盤如何達成數千萬流水的小目標

梗概:來自於麪包多其創始人的 2 年小覆盤,講述了麪包多過去 2 年的發展,從搭建到運營、以及推廣的一系列關於產品的經歷和思考。

麪包多 2 年小覆盤:100 萬用戶,數千萬流水以及一些碎碎念

推薦語:作者談到了早期的錯誤拉新策略,以及之後通過產品創新,完成了許多比較「獨特」的功能,引發用戶自傳播的經驗;同時也談到了商標被惡意搶注、產品被抄襲的經歷,讓我們感覺親歷了一個產品的曲折發展,從中得到一些啓發。

寫在最後

「蒲公英」期刊,每週更新,我們專注於挖掘「基礎技術工程化跨端框架技術圖形編程服務端開發桌面開發人工智能設計哲學前端框架」等多個大方向的業界熱點,並加以專業的解讀;不僅如此,我們還會推介精選凹凸技術文章,向大家呈現團隊內的研究技術方向。擡頭仰望,蒲公英的種子會生根發芽,如夏花絢爛;格物致知,我們登高遠眺、滄海拾遺,以求積硅步而至千里。

往期回顧

第 47 期

更多前沿技術,歡迎大家繼續關注凹凸實驗室公衆號,小助手一直在這裏等你來撩哦~

👇 查看原文,電腦端更方便閱讀哦~

本文分享自微信公衆號 - 凹凸實驗室(AOTULabs)。
如有侵權,請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”,歡迎正在閱讀的你也加入,一起分享。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章