> 「蒲公英」期刊，每週更新，我們專注於挖掘「**基礎技術**、**工程化**、**跨端框架技術**、**圖形程式設計**、**服務端開發**、**桌面開發**、**人工智慧**」等多個大方向的業界熱點，並加以專業的解讀；不僅如此，我們還精選凹凸技術文章，向大家呈現團隊內的研究技術方向。 > > 抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積矽步而至千里。 ## 登高遠眺 > 天高地迥，覺宇宙之無窮 ### 前端框架 #### [Vue3 Composition API 提案](http://3.cn/12IPz3-9) Vue3 其中一個重量級的特性就是 Composition API，它能幫助我們更好地組織程式碼。本網頁是 Composition API 的草案，詳細介紹了 Composition API 的設計動機、設計細節、具體 API 用法等。文章篇幅較長，推薦找一個悠閒的週末，泡上咖啡，帶上耳機，細細品讀一番。 #### [工具測評: React Hook Form VS Formik](http://3.cn/1-00i5jW7) 使用 React 構建表單是一件痛苦的事情，官方推薦了 Formik。本文對使用 Formik 和 React Hook Form 構建表單進行了比較，得出 React Hook Form 比 Formik 更易用、更高效的結論。如果你正巧在這方面有困惑，可實踐嘗試體驗。 #### [Quark-h5 -- 從零開始的視覺化編輯器](http://3.cn/1-00i5m9R) 想必你一定使用微場景生成工具製作過炫酷的 h5 頁面，除了感嘆其神奇之處有沒有想過其實現方式呢？本文從零開始實現一個 H5 編輯器專案完整設計思路和主要實現步驟，並開源前後端程式碼。有需要的小夥伴可以按照該教程從零實現自己的H5編輯器。 ### 圖形程式設計 #### [初探虛幻引擎5](http://3.cn/100-i5lri) 5月底, 遊戲公司Epic揭開了虛幻5引擎神祕的面紗，此次更新包含 Nanite虛擬微多邊形 和 全新的動態全域性光照Lumen 兩大核心技術，然後展示了該引擎執行在PS5上實時渲染效果，其逼真的光照和媲美電影的細節震驚了整個行業。 ### 工程化 #### [Vite -- 入門到實戰](http://3.cn/100-i5lGs) Vite 是 Vue 技術生態新推出的開發工具，針對 Vue 應用的無打包開發伺服器，開發者無需藉助 webpack 等打包工具，即可直接在瀏覽器中預覽 Vue 專案。Vite 的原理與本技術週刊之前介紹過的 snowpack 有著異曲同工之處，Vite 本身也表示一部分靈感來自 snowpack 專案。本文從 0 開始一步一步實現了一個簡易版本的 Vite 來講解 Vite 的技術原理，讀過本文之後，再去閱讀 Vite 的專案原始碼，相信會有不小的收穫。 ### 人工智慧 #### [杜克大學出品 AI 黑科技 PULSE 演算法，讓你的照片有碼變高清](http://3.cn/1-00i5kX8) 近日杜克大學開源了新型超解析度影象演算法 PULSE，可將16x16畫素的低解析度人像放大到1024x1024畫素的高解析度。 ### 工具推介 #### [手把手教你快速搭建專屬的 StoryBook](http://3.cn/100-i5lVZ) Storybook是一個輔助UI控制元件開發的工具。通過story建立獨立的控制元件，讓每個控制元件開發都有一個獨立的開發除錯環境。 Storybook的執行不依賴於專案，開發人員不用擔心由於開發環境、依賴問題導致不能開發控制元件。Storybook支援的框架覆蓋主流的框架（React、Vue、Angular）。 由於使用React作為技術棧，本文將介紹使用react的專案如何配置Storybook環境。 ## 滄海拾遺 > 滄海拾遺，積跬步以至千里 #### [ELF - 靈活可擴充套件的 HTML5 構建工具](http://3.cn/100-i5ky5) 前端工程化的問題由來已久，除了尤老師正在努力的方向，還出現過很多優秀的小工具幫助我們解決各個方面的問題，ELF 就是其中一種解放我們重複勞動的構建工具之一。 #### [用 Git 鉤子進行簡單自動部署](http://3.cn/100i5k-No) 除了這些工具，工程化中也還是有很多小問題，可以用很多方法去解決，自動化部署就是其中之一，如果你還不懂的如何利用 Git Hook 完成自動化部署的方法，趕緊補起這一課吧，未來正在向你招手～  ------- 歡迎關注凹凸實驗室部落格：[aotu.io](https://aotu.io/) 或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章：