蒲公英 · JELLY技術(shù)周刊 Vol.03

「蒲公英」期刊全新升級(jí)——JELLY技術(shù)周刊！深度挖掘業(yè)界熱點(diǎn)動(dòng)態(tài)，來自團(tuán)隊(duì)大咖的專業(yè)點(diǎn)評(píng)，帶你深入了解團(tuán)隊(duì)研究的技術(shù)方向。

登高遠(yuǎn)眺

天高地迥，覺宇宙之無窮

基礎(chǔ)技術(shù)

HTTP/2 還沒普及，HTTP/3 就要來了？

來自最大的 CDN 服務(wù)提供商之一 Cloudflare 團(tuán)隊(duì)的文章。盡管 HTTP/3 規(guī)范仍在起草中，Cloudflare 在2019年9月便宣布了對(duì) HTTP/3 的支持，同時(shí)最新版的 Chrome Canary 也已支持 HTTP/3。HTTP/3 悄然來臨，它究竟有哪些優(yōu)勢(shì)，請(qǐng)看這篇文章最新的評(píng)測(cè)報(bào)告。

前端框架

打造一個(gè)自己的 React 框架

本文基于 React 16.8 并遵循真實(shí)源碼的架構(gòu)，手把手教學(xué)重寫 React。為了降低閱讀和學(xué)習(xí)難度，作者使用了豐富的 css 動(dòng)畫來呈現(xiàn)編碼過程，視覺效果和干貨值拉滿。

Svelte: 一個(gè)讓網(wǎng)站減肥的框架

非常少見的來自于 Wired 對(duì)前端框架的報(bào)道。文章提及了 Svelte 作者前端輪子王 Rich Harris 的創(chuàng)作 Svelte 心路歷程，并采訪了若干個(gè) svelte 用戶，其中一位從 React 切換到 Svelte，他的應(yīng)用體積由 190K 降低到了 9K。Svelte 在前端框架中的總體用戶滿意度也達(dá)到了88%，排名第二，僅次于 React 的 89%。

Vue 3 有哪些新特性？

來自于 Vue 核心團(tuán)隊(duì)成員的文章，解釋了 Vue 3 在 Composition API、TypeScript 適配、性能優(yōu)化、框架體積上做的各項(xiàng)優(yōu)化，作者本人同時(shí)在 Vue.js Amsterdam 2020 做了相關(guān)分享。 Vue 3 離我們比想象的近，在 2020年 Q2 就會(huì)正式發(fā)布。

圖形編程

工具推薦：dat.guiVR

dat.gui 的可視化配置思路為不少游戲、動(dòng)效開發(fā)者解決了參數(shù)調(diào)試這一老大難題，而推出這款工具的團(tuán)隊(duì)沒有將視野限制在二維平面上，于 2016 年推出了 dat.guiVR。顧名思義，dat.guiVR 解決的正是 VR 開發(fā)場(chǎng)景中的參數(shù)調(diào)試問題。這款基于 Three.js 的庫(kù)可以將配置面板插入三維體系中，并隨著 camera 的移動(dòng)而變化，可以通過官網(wǎng)的示例直觀地感受一下。dat.guiVR 可設(shè)置對(duì)鼠標(biāo)事件、手持設(shè)備、眼動(dòng)追蹤設(shè)備的交互，方便開發(fā)者在不同終端進(jìn)行調(diào)試。配置項(xiàng)類型包括可限制范圍的數(shù)值、事件觸發(fā)的按鈕、映射值的選擇框，dat.gui 所具備的配置面板可拖動(dòng)、非 GUI 值變化監(jiān)聽的功能也延續(xù)了下來。

服務(wù)端開發(fā)

工具推薦：pdf-lib

pdf-lib 是一個(gè)可以任何 JS 環(huán)境創(chuàng)建和修改 PDF 文檔的工具，可以幫助你快速完成 PDF 合并、添加頁(yè)碼、打水印及切割 PDF 等，值得一試。

工具推薦：routing-controllers

Routing-Controllers 是一個(gè) nodejs HTTP 服務(wù)器 REST 路由控制庫(kù)，在 Express / Koa 中使用大量的裝飾器創(chuàng)建結(jié)構(gòu)化、聲明式且組織精美的基于類的控制器。它的核心思想是面向切面編程，通過裝飾器這個(gè)特性來實(shí)現(xiàn)路由控制、權(quán)限驗(yàn)證、錯(cuò)誤處理等；配合 class-validator 實(shí)現(xiàn)高效的數(shù)據(jù)校驗(yàn)；配合 typedi 實(shí)現(xiàn)依賴注入。它不像 nestjs 把所有模塊都幫你封裝好了，它專注路由，更加輕量和高效。

人工智能

Tensorflow.js 海量圖標(biāo)，毫秒級(jí)識(shí)別！

相信每位前端都有過在海量圖標(biāo)庫(kù)中尋找需要的圖標(biāo)的經(jīng)歷，從成百上千個(gè)圖表中找出自己想要的樣式，如果換成機(jī)器來做，是不是就能大大減少了篩選圖標(biāo)的工作量？本文通過使用Tensorflow.js以及深度學(xué)習(xí)技術(shù)，僅僅在前端，便完成了圖標(biāo)icon識(shí)別的功能，讓我們來一起初探這前端智能工程化的冰山一角吧~

開源動(dòng)漫生成器

想知道自己的老婆/愛豆，在宮崎駿的動(dòng)漫里面是長(zhǎng)什么樣子的嗎？只需要簡(jiǎn)單運(yùn)行幾行代碼，這個(gè)項(xiàng)目就能幫你實(shí)現(xiàn)這個(gè)愿望！

Tensorflow.js 更新計(jì)劃

近日，TensorFlowJS 2.x 版本計(jì)劃于本月更新，TF團(tuán)隊(duì)也分享了他們的更新計(jì)劃，包括TFJS 2.0 和 TFJS 3.0 的版本計(jì)劃，并且表示會(huì)更新相應(yīng)的版本教程。希望 TFJS 的API 及部署能夠更加的簡(jiǎn)潔易用，為面向生產(chǎn)環(huán)境的前端開發(fā)者帶來更多的效率提升！

滄海拾遺

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

看完今天的推薦文章，是不是還想了解更多 VR 相關(guān)的內(nèi)容呢？這兩篇 Web VR 文章或許可以給你帶來更多收獲～

GPU A-Frame WebVR試玩報(bào)告

什么叫真？你怎樣給真下定義，如果你說真就是你能感覺到的東西，你能聞到的氣味，你能嘗到的味道，那么這個(gè)真只是你大腦作出反應(yīng)的電子信號(hào)。 —— 《黑客帝國(guó)》

淺談 WebVR

VR（Virtual Reality）是利用電腦模擬產(chǎn)生一個(gè)三維空間的虛擬世界，提供用戶關(guān)于視覺等感官的模擬，讓用戶感覺仿佛身歷其境，可以及時(shí)、沒有限制地觀察三維空間內(nèi)的事物。