蒲公英 · 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，可將16×16像素的低分辨率人像放大到1024×1024像素的高分辨率。

工具推介

手把手教你快速搭建專屬的 StoryBook

Storybook是一個輔助UI控件開發的工具。通過story創建獨立的控件，讓每個控件開發都有一個獨立的開發調試環境。 Storybook的運行不依賴於項目，開發人員不用擔心由於開發環境、依賴問題導致不能開發控件。Storybook支持的框架覆蓋主流的框架（React、Vue、Angular）。 由於使用React作為技術棧，本文將介紹使用react的項目如何配置Storybook環境。

滄海拾遺

滄海拾遺，積跬步以至千里

ELF – 靈活可擴展的 HTML5 構建工具

前端工程化的問題由來已久，除了尤老師正在努力的方向，還出現過很多優秀的小工具幫助我們解決各個方面的問題，ELF 就是其中一種解放我們重複勞動的構建工具之一。

用 Git 鈎子進行簡單自動部署

除了這些工具，工程化中也還是有很多小問題，可以用很多方法去解決，自動化部署就是其中之一，如果你還不懂的如何利用 Git Hook 完成自動化部署的方法，趕緊補起這一課吧，未來正在向你招手～

歡迎關注凹凸實驗室博客：aotu.io

或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章：

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面

※網頁設計一頭霧水該從何著手呢? 台北網頁設計公司幫您輕鬆架站!

※想知道最厲害的網頁設計公司"嚨底家"!

※幫你省時又省力,新北清潔一流服務好口碑

※別再煩惱如何寫文案,掌握八大原則!