HEADER

蒲公英 · 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技術周刊貢獻指南