蒲公英 · JELLY技术周刊 Vol.30: 此路不通？Vue 3 新提案 Ref-sugar

蒲公英 · 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），不定时推送文章。