JELLY技术周刊 Vol.23: Vue3 是伟大航路上的 One Piece 么？

蒲公英 · JELLY技术周刊 Vol.23

这两天大家应该都被 Vue 发布 3.0 版本的信息刷屏了，背负着很多人的期待， Vue 终于将这个船新版本推到台前，接受大众的检验，那么这个代号为 One Piece 的 Vue3 会历经诸多项目的考验，最终成为前端航路上的那个所有人都梦寐以求的财富么

登高远眺

天高地迥，觉宇宙之无穷

前端框架

【Vue3】 Live Free Online Announcement

2020年9月18日，Vue 3.0 One Piece 历时两年终于发布了，当天晚上尤雨溪也在主题为“Live Free Online Announcement”的线上直播中讲述了整个 Vue 3.0 的历程，同时介绍了各种 Vue 3.0 的新特性，以及一些未完特性的计划表。在直播中尤老师还解答了很多社区中特别关心的问题，以及很多开发者的疑惑。那么 Vue 3，会是你心中的 One Piece 么？

【Vue3】Vue Teleport 快速上手

Teleport 是 Vue3 的一个新特性，作用与 React Portal 类似。它能让我们把指定的模板节点渲染到特定的容器上，非常有助于实现如 Modals、Notifications 等“全局”模块。本文介绍了引入 Teleport 的背景以及其基本用法，配合 Vue3 teleport 文档服用，效果更佳。

70 行代码实现 Vue Composition API

本文介绍了 Vue3 作者尤大在 GitHub 上发布的一个可以使用 Vue 的写法来渲染成 Web Component 的验证性库。vue-lit 借助 @vue/reactivity 和 lit-html 两个库将 vue 与 Web Component 结合到一块儿，这个想法还是非常有趣的。众所周知 Web Component 是浏览器原生的组件化能力，如果我们能用现代前端框架的 API 来进行原生组件化开发，而不需要引入前端框架和打包编译，那岂不是非常美好。vue-lit 本身非常短小精悍，建议可以通过阅读源码了解精髓。

图形编程

Twitter 点赞动画集锦

前段时间在 Twitter 上只要是附上 #AppleEvents 的推文，都有属于苹果的点赞动画，其实早在之前 Twitter 就有许多不一样的点赞动画了，这里集合这些不错的设计～

使用 WebGL 实验图像三角形实现转场效果

作者凭借着对三角几何图形浓厚的爱，设计了一种针对图像的三角形转场效果。基于这一想法，作者提供了5种转场效果，包含区域切割、图形翻转等。

工具推介

深入浅出现代 Web 编程

一站式学习 React, Redux, Node.js, MongoDB, GraphQL 以及 TypeScript！这门课程会向你介绍基于 JavaScript 的现代 Web 编程技术（翻译质量和设计质量都很还不错）。

沧海拾遗

沧海拾遗，积跬步以至千里

Vue 1.x vs Vue 2.x

虽然 Vue 已经释出 3.0 正式版本，但是这并不意味着 1.x 和 2.x 就失去了价值，相反这正是一个最好的时间来回顾 Vue 的发展历程，通过明晰 Vue 每一代的差异来更好的理解 Vue3 新版的设计思路，来理解设计者在规划每个版本中的特性解决的实际问题和用心。

Taro x Vue3 小程序开发的新方案

作为开放式跨端框架解决方案，Taro3 在不久前也释出了正式版本，或许你已经体验过了 Vue 甚至是 jQuery 来开发小程序，同样早在 RC 版本，Taro 团队就已经完成了对 Vue3 的支持，如今 Vue3 发布正是时候，还不快来使用 Vue3 体验一把小程序开发。

「蒲公英」期刊，每周更新，我们专注于挖掘「基础技术、工程化、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能、设计哲学、前端框架」等多个大方向的业界热点，并加以专业的解读；不仅如此，我们还会推介精选凹凸技术文章，向大家呈现团队内的研究技术方向。

抬头仰望，蒲公英的种子会生根发芽，如夏花绚烂；格物致知，我们登高远眺、沧海拾遗，以求积硅步而至千里。

蒲公英 · JELLY技术周刊贡献指南

欢迎关注凹凸实验室博客：aotu.io

或者关注凹凸实验室公众号（AOTULabs），不定时推送文章。