Skip to content

Latest commit

 

History

History
51 lines (26 loc) · 3.48 KB

23.md

File metadata and controls

51 lines (26 loc) · 3.48 KB

HEADER

蒲公英 · JELLY技术周刊 Vol.23

登高远眺

天高地迥,觉宇宙之无穷

前端框架

2020年9月18日,Vue 3.0 One Piece 历时两年终于发布了,当天晚上尤雨溪也在主题为“Live Free Online Announcement”的线上直播中讲述了整个 Vue 3.0 的历程,同时介绍了各种 Vue 3.0 的新特性,以及一些未完特性的计划表。在直播中尤老师还解答了很多社区中特别关心的问题,以及很多开发者的疑惑。那么 Vue 3,会是你心中的 One Piece 么?

Teleport 是 Vue3 的一个新特性,作用与 React Portal 类似。它能让我们把指定的模板节点渲染到特定的容器上,非常有助于实现如 Modals、Notifications 等“全局”模块。本文介绍了引入 Teleport 的背景以及其基本用法,配合 Vue3 teleport 文档服用,效果更佳。

本文介绍了 Vue3 作者尤大在 GitHub 上发布的一个可以使用 Vue 的写法来渲染成 Web Component 的验证性库。vue-lit 借助 @vue/reactivity 和 lit-html 两个库将 vue 与 Web Component 结合到一块儿,这个想法还是非常有趣的。众所周知 Web Component 是浏览器原生的组件化能力,如果我们能用现代前端框架的 API 来进行原生组件化开发,而不需要引入前端框架和打包编译,那岂不是非常美好。vue-lit 本身非常短小精悍,建议可以通过阅读源码了解精髓。

图形编程

前段时间在 Twitter 上只要是附上 #AppleEvents 的推文,都有属于苹果的点赞动画,其实早在之前 Twitter 就有许多不一样的点赞动画了,这里集合这些不错的设计~

作者凭借着对三角几何图形浓厚的爱,设计了一种针对图像的三角形转场效果。基于这一想法,作者提供了5种转场效果,包含区域切割、图形翻转等。

工具推介

一站式学习 React, Redux, Node.js, MongoDB, GraphQL 以及 TypeScript!这门课程会向你介绍基于 JavaScript 的现代 Web 编程技术(翻译质量和设计质量都很还不错)。

沧海拾遗

沧海拾遗,积跬步以至千里

虽然 Vue 已经释出 3.0 正式版本,但是这并不意味着 1.x 和 2.x 就失去了价值,相反这正是一个最好的时间来回顾 Vue 的发展历程,通过明晰 Vue 每一代的差异来更好的理解 Vue3 新版的设计思路,来理解设计者在规划每个版本中的特性解决的实际问题和用心。

作为开放式跨端框架解决方案,Taro3 在不久前也释出了正式版本,或许你已经体验过了 Vue 甚至是 jQuery 来开发小程序,同样早在 RC 版本,Taro 团队就已经完成了对 Vue3 的支持,如今 Vue3 发布正是时候,还不快来使用 Vue3 体验一把小程序开发。

FOOTER