蒲公英 · 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），不定時推送文章：