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 編程
作者憑藉著對三角幾何圖形濃厚的愛，設計了一種針對影像的三角形轉場效果。基於這一想法，作者提供了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 體驗一把小程式開發。
「蒲公英」期刊，每周更新，我們專註於挖掘「基礎技術、工程化、跨端框架技術、圖形編程、服務端開發、桌面開發、人工智慧、設計哲學、前端框架」等多個大方向的業界熱點，並加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊內的研究技術方向。
抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積硅步而至千里。
歡迎關注凹凸實驗室部落格：aotu.io
或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章：
