蒲公英 · JELLY技術週刊 Vol.09 StackOverflow - 2020 開發者年度報告

時間 2021-01-05

登高遠眺

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

基礎技術

StackOverFlow 2020 年開發者報告

技術問答社區 StackOverFlow 的年度報告，本次報告統計了來自於全球各地共 65000 名開發者。有幾項數據令人震驚：

2020 年 jQuery 仍然是最受歡迎的 Web 開發者框架；
Rust 以 20% 的領先成爲最受喜愛的技術；
Perl 是全球範圍內收入最高的語言；
美國開發者是全球最勤奮的開發者，平均每週工作 41.8 個小時（可以推算出此問卷的中國樣本很少）。

高性能的 Google 字體實踐

在大多數情況下，使用網絡字體並不需要延遲網頁渲染，也不會對其他性能指標產生不良影響。隨着瀏覽器對 FOUT/FOIT 行爲的標準化，以及最新制定的 font-display 規範，網絡字體的渲染性能似乎得到了更多開發者的關注，本文將深入剖析 Google Fonts 加載優化。

初識 Records 和 Tuples

「Record & Tuple」（作者：Robin Ricard 和 Rick Button）是 ECMAScript 的提議之一，現在正處於 Stage 1。這個提議是在 JavaScript 引入了兩種新的 deeply immutable 的數據結構：

Records：按值比較的不可變對象
Tuples：按值比較的不可變數組
本文將帶着你搶先了解該提議的內容、使用場景以及優缺點。

前端框架

使用 Svelte 開發 Web Component

在往期週刊中我們曾介紹過 Svelte 框架。其實 Svelte 除了能用於編寫網頁應用之外，還能用來編譯可獨立分發的 Web Component。作者使用 Svelte 開發了一個貪吃蛇 Web Component，通過文章詳細介紹瞭如何編寫、構建和使用此 Web Component。如果你正在考慮使用什麼框架構建 Web Component，此篇文章應該能令你有所啓發。

圖形編程

北大圖靈班本科生帶來動畫CG福音，「最懂骨骼的卷積網絡」，無需配對樣本實現動作遷移 | SIGGRAPH

繼中國程序媛結合骨骼動畫實現 2D 插畫實時變動畫之後，北大與北影的最新研究更進一步，實現了同一套動作快速移植到不同 3D 骨骼框架上。本文詳細介紹了論文中的具體技術點與技術貢獻，大大減少了動畫製作中骨骼重構的時間，很有可能成爲未來 3D 動畫業界的革命性研究。（別人的大三系列）

隨着疫情的逐漸日常化，各行各業在 VR/AR 上加速發力，Google 搜索結合 ARCore 技術「打破」社交距離限制，在搜索某些關鍵詞（circulatory system「循環系統」、skeletal system「骨骼系統」等）時提供了 AR 探索的入口，無需安裝特定應用，瀏覽器即可直接體驗。本次 AR 搜索涵蓋了人體模型、動植物和細菌的細胞、航空航天博物類，讓過往較爲枯燥的知識更加真實有趣。開發者可前往 Google ARCore (https://developers.google.com/ar/discover) 平臺獲取相應的開源詳情，構建自己的 AR 應用。

桌面開發

Electron 9.0.0發佈！帶來三項重大改進，不再支持Electron 6

近日，Electron 團隊宣佈 Electron 9.0.0正式發佈。新版包括了Chromium 83、V8 8.3和Node.js 12.14幾個組件的升級。此次更新爲拼寫檢查器功能新增多項改進、Linux上的窗口事件處理程序效率提升、同時新增了PDF查看器，還有很多其他的更新。

滄海拾遺

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

Web 開發實戰 – 中文字體優化

Web 字體處理一直是個難題，看過了 Google 字體的優化方案，你可能依舊會想要用其他的方法來處理 Web 字體，畢竟設計師的像素眼總能洞悉每一處差異，更何況是沒有使用定製的中文字體！Web 開發實戰中，中文字體優化是更高標準中不可或缺的組成部分之一，如果你還不瞭解，一定要補起來哦！

Taro IDE – Electron 的開發實踐小記

Electron 版本迭代的速度可謂是非常快，9.0.0 版本的正式也意味着其能力的更進一步，如果你還沒有過相關的經驗，可以來看看 Taro 團隊出品的這篇實戰文，文章內詳細介紹了在 Taro IDE 開發過程中遇到的各種問題，以及相關的處理方式，相信 Littly 的文字，一定能帶你深入 Electron 跨端開發的方方面面～

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

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