本周前端精選文章推薦快速查看 2021 6.28~7.03前端文章精選

ECMAScript 2021 （ES12）通過，正式寫入 ECMAScript 標準

2021 年 6 月 22 日，第 121 屆 Ecma 國際（Ecma International）大會以遠程會議形式召開。 ECMAScript 2021 （ES12）成為事實的 ECMAScript 標準，并被寫入 ECMA-262 第 12 版。

[譯] Chrome 92 DevTools 的新功能

Chrome 92 DevTools 的新功能，CSS Grid編輯器是一個社區(qū)呼聲很高的特性?，F(xiàn)在你可以通過它來預(yù)覽和創(chuàng)建 CSS Grid 布局了。

多媒體前端技術(shù)入門指南

隨著B站、抖音、快手、淘寶直播等直播視頻平臺的快速崛起，前端衍生出了多媒體技術(shù)方向，各公司的傳統(tǒng)前端團隊里陸續(xù)出現(xiàn)了一支新軍：Web多媒體團隊。光看團隊Title，這應(yīng)該是一個擁有前端×多媒體交叉領(lǐng)域稀有技能的群體。阿里巴巴內(nèi)部也存在眾多Web多媒體團隊，在內(nèi)部我們針對新人整理了一份多媒體前端技術(shù)入門指南，今天將這份入門指南也對外分享出來，讓大家了解我們近幾年在該領(lǐng)域有哪些方向的工作，有哪些實踐和落地，本文將從幾個方面帶著大家一窺究竟。

微前端——前端開發(fā)新體驗

團隊在去年使用微前端架構(gòu)重新構(gòu)建了一個門戶站點。通過引入微前端架構(gòu)，解決了單體架構(gòu)下、多團隊協(xié)作所產(chǎn)生的相互影響，相互依賴的問題，使得團隊更大程度的獲得了自治權(quán)。本文選取業(yè)務(wù)模型，技術(shù)實踐，服務(wù)資產(chǎn)管理三個視角，通過分析項目迭代開發(fā)存在的問題，嘗試說明原有單體架構(gòu)下的痛點，以及引入微前端如何解決痛點問題，從而改善各個團隊工作方式。最后，我們將總結(jié)分享在對門戶站點進行微前端改造過程中所汲取到的經(jīng)驗和教訓(xùn)。

文章詳情及更多：2021.06.28日精選

5個擁有JavaScript原生SDK的云數(shù)據(jù)庫

使用云數(shù)據(jù)庫為你的應(yīng)用程序打開了一套全新的功能。但是，為你的要求選擇一個完美的云數(shù)據(jù)庫解決方案可能比想象的要難。因此，在這篇文章中，將討論5個針對JavaScript的云數(shù)據(jù)庫解決方案，并進行功能比較，以幫助你為下一個項目選擇最佳方案。

Next.js 11的新功能

在6月15日舉行的2021年Next.js大會上，來自世界各地的開發(fā)者共同見證了Next.js 11的發(fā)布，這是Vercel團隊的最新版本。Next.js 11中包含的更新和新功能為一個已經(jīng)很受歡迎的庫提供了重大改進。

文章詳情及更多：2021.07.01日精選

抽象泄漏（Leaky Abstractions）

擁抱抽象泄漏，并把它當作抽象層級的一部分，在制定好規(guī)范的基礎(chǔ)上鼓勵調(diào)用者填補框架的認知空白。典型例子如 webpack, eslint 等工具的插件機制。與其逼迫調(diào)用者 "hack" 你的抽象層，不如提供一個入口、邀請他們共建。

萬字長文講透低代碼

要判斷一個低代碼平臺是否專業(yè)，可以重點看模型驅(qū)動、可視化開發(fā)、表達式語言、軟件工程、開放集成和腳本語言等六個方面。

前端頁面雙向滾動方案

在許多業(yè)務(wù)場景中會遇到讓一個頁面在web端可以實現(xiàn)雙向滾動，且在滾動的時候可以上部吸頂，左側(cè)吸在最左邊這中類似excel表現(xiàn)的述求。 但是excel移動端本身使用canvas來畫的，所以能保持較好的體驗和性能，那么脫離canvas，我們是否有別的方案可以去靠近實現(xiàn)呢？如何在移動端實現(xiàn)，并同時兼容安卓和ios系統(tǒng)？

Vite 特性和部分源碼解析

文章詳情：2021.07.02日精選