蒲公英 · JELLY技术周刊 Vol.12 尤雨溪新作 Vite, 你会支持么?_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 完成自动化部署的方法,赶紧补起这一课吧,未来正在向你招手~

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