天天看點

JELLY技術周刊 Vol.23: Vue3 是偉大航路上的 One Piece 麼?

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

JELLY技術周刊 Vol.23: Vue3 是偉大航路上的 One Piece 麼?

歡迎關注凹凸實驗室部落格:aotu.io

或者關注凹凸實驗室公衆号(AOTULabs),不定時推送文章:

JELLY技術周刊 Vol.23: Vue3 是偉大航路上的 One Piece 麼?