技術週報·Vue2.7 Beta 版正式釋出

第四屆位元組跳動青訓營 開始接受報名！這一次，可別錯過了。

編輯推薦

Vue2.7 Beta 版正式釋出

Vue2 最後一個次要版本 Vue2.7 終於釋出，這個版本融合了許多 Vue3 中很好用的新特性，包括：單檔案 <script setup> 、Composition API、CSS 中的 v-bind、defineComponent 函式等。2.7 之後，Vue2 將不再做新功能迭代。

只有 Chromium 的 Web 會是什麼樣子？

在一個只有 Chromium 的未來世界裡，Web 治理完全脫離了開放標準，那麼 Web 會變得更像 Linux——有些東西基於歷史標準，然而現在和未來卻被開源實踐所牢牢控制；另一個稍有不同的未來是，Chromium 仍然利用 Web 標準流程進行廣泛的評審和社群參與，但由於其權力增加（人們對 W3C 治下的瀏覽器已經有這樣的抱怨），實際掌控瀏覽器的是實現者，而 SDO 只是隨波逐流（甚至比現如今更嚴重）。

深度閱讀

說說前端監控平臺/監控SDK的架構設計和難點亮點？

我們在應用層 SDK 上報的資料，在接入層經過 削峰限流 和 資料加工 後，將原始日誌儲存於 ES 中，再經過 資料清洗 、資料聚合 後，將 issue（聚合的資料） 持久化儲存 於 MySQL ，最後提供 RESTful API 給監控平臺呼叫。

低程式碼渲染那些事

低程式碼相關的協議就是低程式碼渲染的標準，如果低程式碼渲染都按照這一份標準來做，可以讓不同部門、團隊、公司低程式碼解析都是一致的。這樣可以方便物料、工具集等生態產物進行無障礙流通。

面向微前端，談談 JavaScript 隔離沙箱機制的古往今來

沙箱，即 sandbox，意指一個允許你獨立執行程式的虛擬環境，沙箱可以隔離當前執行的環境作用域和外部的其他作用域，外界無法修改該環境內任何資訊，沙箱內的東西單獨執行，環境間相互不受影響。本文計劃談談微前端的 JavaScript 隔離，即沙箱機制的古往今來。

外文精選

GitHub Copilot is generally available to all developers

Already, AI is acting as a copilot in our daily lives. It’s helping us write emails and essays, automatically generate photo albums of our loved ones, and even acts as a digital assistant to help us order groceries. But until now, AI has stopped short of improving code, leaving the process of developing software almost completely manual.

The State of WebAssembly 2022

WebAssembly has gone through quite a transformation this last year, while the wasm language landscape is slowly shifting, the more notable change is in what people are using WebAssembly for. The use of wasm for serverless, containerisation and as a plug-in technology has leapt considerably, with WebAssembly System Interface (WASI) becoming ever more important.

實踐應用

[科普文] 淺談 Function Programing 程式設計正規化

FP(Functional Programming) 是一種通過簡單地組合一組函式來編寫程式的風格，它推薦我們將幾乎所有東西都包裝在函式中，編寫大量可重用的小函式，然後簡單地一個接一個地呼叫它們以獲得類似的結果：( func1.func2.func3 ) 或以組合方式，例如：func1(func2 (func3()))。總之 FP 是：一種抽象思維、一種程式設計風格、一種程式設計規範。

聊聊 Vue 的雙端 diff 演算法

雙端 diff 演算法是頭尾指標向中間移動，分別判斷頭尾節點是否可以複用，如果沒有找到可複用的節點再去遍歷查詢對應節點的下標，然後移動。全部處理完之後也要對剩下的節點進行批量的新增和刪除。

千萬不要用JSON.stringify()去實現深拷貝！有巨坑！！

JSON.stringify 並不是一個好的深拷貝方案，有很多問題：

• 物件中有時間型別的時候，序列化之後會變成字串型別；
• 物件中有 undefined 和 Function 型別資料的時候，序列化之後會直接丟失；
• 物件中有 NaN、Infinity 和 -Infinity 的時候，序列化之後會顯示 null；
• 物件迴圈引用的時候，會直接報錯。

React團隊最近都在忙啥呢？

本文讓我們來了解 React 接下來工作的重心，主要包括三方面的內容：底層特性、優化相關、文件相關。