奇舞週刊第 442 期:Amazing!巧用 CSS 視差實現酷炫互動動效

語言: CN / TW / HK

記得點選文章末尾的“ 閱讀原文 ”檢視喲~

下面先一起看下本期週刊 摘要 吧~

奇舞推薦

 Amazing!巧用 CSS 視差實現酷炫互動動效

我還記得第一次看到視差動畫時感受到的那種驚豔的感覺,心想這邏輯實現起來肯定特複雜,不過靜下心來細細研究還是能發現其中的奧祕,今天這篇文章介紹了用 transform:translate3d 實現視差動畫的方法,一起來看看吧。

 你不知道的 setup

在 Vue3 中,新出現的 setup 啟動函式,是整個元件邏輯組織的入口,我們可以在它內部寫 composition-api,以更加直觀的形式宣告變數。讓我們進一步思考,setup 啟動函式是如何執行的,它所返回的資料又是如何與模板建立聯絡的?

 深入 canvas/svg 的文字整形渲染

宣告式的標籤結構,和麵向切面的 css 排版樣式使得 web 前端開發極為便利。然而在 canvas 中,一切都要從頭開始,排版換行也會成為一個大問題。

技術實踐

 打造輕量級 WebIDE,看這一篇文章就夠啦

得益於 monaco-editor 的強大,使用 monaco-editor 去搭建一個簡單的 WebIDE 非常容易,但是要把多檔案支援、ESLint、Prettier、程式碼補全等功能加進去,並不是一件容易的事情。本文意在分享在建設 WebIDE 中學到的一些經驗及解決方案,希望能夠幫助到有同樣需求的同學。

 得物 App H5 秒開優化實戰

得物的小夥伴們分享了他們 APP H5 頁面效能優化的切入點和實踐經驗。  ethan_xu推薦

怎麼實現大檔案快速上傳?

大檔案快速上傳的方案,相信你也有過了解,其實無非就是將檔案變小,也就是通過壓縮檔案資源或者檔案資源分塊後再上傳。本文只介紹資源分塊上傳的方式,並且會通過前端 (vue3 + vite) 和服務端 (nodejs + koa2) 互動的方式,實現大檔案分塊上傳的簡單功能。

拓展邊界

 比 eval 和 iframe 更強的新一代 JavaScript 沙箱!

ShadowRealm API 是一個新的 JavaScript 提案,它允許一個 JS 執行時建立多個高度隔離的 JS 執行環境 (realm),每個 realm 具有獨立的全域性物件和內建物件。

 Go 中的泛型:激動人心的突破

去年底,Go 團隊宣佈 1.18 版開始支援泛型,這可不是以前那種小打小鬧的改進,也不是什麼對開發人員行為絮絮叨叨的建議和約束。打起精神來吧,革命來臨了。

關於奇舞團

奇舞團是 360 集團最大的大前端團隊,代表集團參與 W3C 和 ECMA 會員(TC39)工作。奇舞團非常重視人才培養,有工程師、講師、翻譯官、業務介面人、團隊 Leader 等多種發展方向供員工選擇,並輔以提供相應的技術力、專業力、通用力、領導力等培訓課程。奇舞團以開放和求賢的心態歡迎各種優秀人才關注和加入奇舞團。