蒲公英 · 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 程式設計

作者憑藉著對三角幾何圖形濃厚的愛，設計了一種針對影象的三角形轉場效果。基於這一想法，作者提供了5種轉場效果，包含區域切割、圖形翻轉等。

滄海拾遺

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

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），不定時推送文章：