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

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技术周刊贡献指南

FOOTER

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

或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:

欢迎关注凹凸实验室公众号