蒲公英 · JELLY技術週刊 Vol.12 尤雨溪新作 Vite, 你會支援麼?

凹凸實驗室發表於2020-06-24

HEADER

「蒲公英」期刊,每週更新,我們專注於挖掘「基礎技術工程化跨端框架技術圖形程式設計服務端開發桌面開發人工智慧」等多個大方向的業界熱點,並加以專業的解讀;不僅如此,我們還精選凹凸技術文章,向大家呈現團隊內的研究技術方向。

抬頭仰望,蒲公英的種子會生根發芽,如夏花絢爛;格物致知,我們登高遠眺、滄海拾遺,以求積矽步而至千里。

登高遠眺

天高地迥,覺宇宙之無窮

前端框架

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 完成自動化部署的方法,趕緊補起這一課吧,未來正在向你招手~

FOOTER

歡迎關注凹凸實驗室部落格:aotu.io

或者關注凹凸實驗室公眾號(AOTULabs),不定時推送文章:

歡迎關注凹凸實驗室公眾號

相關文章