蒲公英 · JELLY技術週刊 Vol.30

隨著 Vue 3 釋出，相關的新聞也逐漸火熱起來，而近期 RFC 中兩個新的提案也因為某乎上的一些事情變得廣為人關注。Ref sugar和script setup兩個提案同生不同命，在社群開發者中的評價天差地別，但是當我們冷靜下來，此路真的不通？推薦這篇尤大點讚的文章給大家，立場客觀，讀完或許你也可以從框架作者的角度來看待所謂 RFC。

登高遠眺

天高地迥，覺宇宙之無窮

基礎技術

打怪升級之路——我的富文字編輯器

造輪子是程式猿前進的基本動力，文字編輯器更是很多程式猿都嘗試挑戰過的關卡，本文以作者視角闡述了富文字編輯器的演化歷程，從 UEditor、CKEditor 開始，從技術角度揭示其中內涵，並將其分為了 3 個階段，如果你正在富文字編輯器的坑內，非常推薦深入瞭解一下。

前端框架

Vue 3.0 Ref-sugar 提案真的是自尋死路嗎？

最近 Vue 3.0 的 ref-sugar 提案在社群引起了軒然大波，很多人都在對這個提案進行吐槽，指責 Vue 3.0 成了 JS 方言製造者，但是一個標杆型框架的 RFC 的提出，必然是經過作者深思熟慮後的產物，我們需要深入理解 RFC 之後才能更好地對提案發表意見，接下來就跟隨 react-lite 的作者工業聚，冷靜而審慎地對 ref-sugar 提案進行深度剖析。

深入理解 Vue3 Reactivity API

乍一看目錄和開篇，會讓人產生又是一篇 Vue3 響應式 API 的用法介紹。但繼續深入，會發現文章環環相扣。如通過 effect 引出 watchEffect 的使用場景和實現思路、由 track、trigger 引出 ref 的實現。令人印象深刻的是 toRefs、自動脫 ref 等比較難以理解的用法，其實是出自我們平時使用擴充運算子時不經意間引出的問題場景。閱讀本文，能讓我們能對 Vue3 響應式的 API 用法、使用場景和部分實現思路產生一定的瞭解。

工程化

異常監控系統在前端的落地實踐

文中闡述了前端異常監控的目的，以及市面上已有的指令碼/解決方案，並從方案架構、SDK 組成、API 設計、日誌上報策略以及視覺化幾個方面進行了詳細的思路說明，有助於大家深入瞭解前端異常監控的整體組成。

設計哲學

中文技術文件 の 風格指南

一個好的專案離不開好的文件，一篇好的技術文件離不開好的規範。這個指南為開發者提供了一箇中文技術文件的寫作規範以及建議，提高中文文件的可讀性和專業性。熱愛寫文章同學的福音。

工具推介

基於 TypeScript 編寫的 JavaScript 直譯器

eval5是基於TypeScript編寫的JavaScript 直譯器，支援完整 ES5 語法解析，支援瀏覽器、node.js、小程式等 JavaScript 執行環境。在各類小程式盛行的今天，用它突破小程式對eval/Function的禁用限制，讓你的應用具備動態執行程式碼及遠端指令碼的能力。

滄海拾遺

滄海拾遺，積跬步以至千里

Vue 3 的小程式開發體驗實錄

沒錯，這就是一篇軟廣，或許在不久前你已經在我們的公眾號或者其他的渠道上看過，但是不妨礙在這裡再看一次～如果你還沒有體驗過使用Taro開發小程式，又或者沒有體驗過Vue 3開發小程式，此時體驗一把正是再好不過的時機了。

打怪升級之路——我的視訊編輯器

這篇文章，其實和本期的第一篇一點關係都沒有 ( /) V (\ ) 嘻嘻～～作為凹凸實驗室優秀專案，羚瓏的視訊編輯器是在靜態類設計之後的另一賽道的嘗試，通過相對很簡單的方式去使用高品質的動畫和效果就是其主要的目的之一。如果當你需要去完成一個視訊編輯器時，你會採用怎樣的設計思路呢？歡迎在評論區留言哦！

「蒲公英」期刊，每週更新，我們專注於挖掘「基礎技術、工程化、跨端框架技術、圖形程式設計、服務端開發、桌面開發、人工智慧、設計哲學、前端框架」等多個大方向的業界熱點，並加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊內的研究技術方向。

抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積矽步而至千里。

蒲公英 · JELLY技術週刊貢獻指南

歡迎關注凹凸實驗室部落格：aotu.io

或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章：