蒲公英 · JELLY技术周刊 Vol.12 尤雨溪新作 Vite, 你会支持么？

「蒲公英」期刊，每周更新，我们专注于挖掘「基础技术、工程化、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能」等多个大方向的业界热点，并加以专业的解读；不仅如此，我们还精选凹凸技术文章，向大家呈现团队内的研究技术方向。

抬头仰望，蒲公英的种子会生根发芽，如夏花绚烂；格物致知，我们登高远眺、沧海拾遗，以求积硅步而至千里。

登高远眺

天高地迥，觉宇宙之无穷

前端框架

Vue3 Composition API 提案

Vue3 其中一个重量级的特性就是 Composition API，它能帮助我们更好地组织代码。本网页是 Composition API 的草案，详细介绍了 Composition API 的设计动机、设计细节、具体 API 用法等。文章篇幅较长，推荐找一个悠闲的周末，泡上咖啡，带上耳机，细细品读一番。

工具测评: React Hook Form VS Formik

使用 React 构建表单是一件痛苦的事情，官方推荐了 Formik。本文对使用 Formik 和 React Hook Form 构建表单进行了比较，得出 React Hook Form 比 Formik 更易用、更高效的结论。如果你正巧在这方面有困惑，可实践尝试体验。

Quark-h5 -- 从零开始的可视化编辑器

想必你一定使用微场景生成工具制作过炫酷的 h5 页面，除了感叹其神奇之处有没有想过其实现方式呢？本文从零开始实现一个 H5 编辑器项目完整设计思路和主要实现步骤，并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。

图形编程

初探虚幻引擎5

5月底, 游戏公司Epic揭开了虚幻5引擎神秘的面纱，此次更新包含 Nanite虚拟微多边形 和 全新的动态全局光照Lumen 两大核心技术，然后展示了该引擎运行在PS5上实时渲染效果，其逼真的光照和媲美电影的细节震惊了整个行业。

工程化

Vite -- 入门到实战

Vite 是 Vue 技术生态新推出的开发工具，针对 Vue 应用的无打包开发服务器，开发者无需借助 webpack 等打包工具，即可直接在浏览器中预览 Vue 项目。Vite 的原理与本技术周刊之前介绍过的 snowpack 有着异曲同工之处，Vite 本身也表示一部分灵感来自 snowpack 项目。本文从 0 开始一步一步实现了一个简易版本的 Vite 来讲解 Vite 的技术原理，读过本文之后，再去阅读 Vite 的项目源码，相信会有不小的收获。

人工智能

杜克大学出品 AI 黑科技 PULSE 算法，让你的照片有码变高清

近日杜克大学开源了新型超分辨率图像算法 PULSE，可将16x16像素的低分辨率人像放大到1024x1024像素的高分辨率。

工具推介

手把手教你快速搭建专属的 StoryBook

Storybook是一个辅助UI控件开发的工具。通过story创建独立的控件，让每个控件开发都有一个独立的开发调试环境。 Storybook的运行不依赖于项目，开发人员不用担心由于开发环境、依赖问题导致不能开发控件。Storybook支持的框架覆盖主流的框架（React、Vue、Angular）。 由于使用React作为技术栈，本文将介绍使用react的项目如何配置Storybook环境。

沧海拾遗

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

ELF - 灵活可扩展的 HTML5 构建工具

前端工程化的问题由来已久，除了尤老师正在努力的方向，还出现过很多优秀的小工具帮助我们解决各个方面的问题，ELF 就是其中一种解放我们重复劳动的构建工具之一。

用 Git 钩子进行简单自动部署

除了这些工具，工程化中也还是有很多小问题，可以用很多方法去解决，自动化部署就是其中之一，如果你还不懂的如何利用 Git Hook 完成自动化部署的方法，赶紧补起这一课吧，未来正在向你招手～

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

或者关注凹凸实验室公众号（AOTULabs），不定时推送文章：