鑽石舞台

這裡記錄每周值得分享的科技內容，周五發布。

本雜誌開源（GitHub:ruanyf/weekly[1]），歡迎提交 issue，投稿或推薦科技內容。

周刊討論區的帖子《誰在招人？》[2]，提供大量程序員就業信息，歡迎訪問或發布工作/實習崗位。

封面圖

11月19日清晨，SpaceX 公司的 Falcon 9 火箭發射升空，這是該公司今年第25次發射。當天，海邊的發射場瀰漫着濃重的晨霧，火箭一躍而出，仿佛科幻片的場景。（via[3]）

本周話題：政府的存儲需求有多大？

最近，有一條新聞[4]吸引了我的注意。

美國達拉斯警察局遷移內部數據，不小心誤刪了 22TB 的數據，後來找回 14TB，剩下的 8TB 確認丟失。

丟失的數據裡面，有一個謀殺案的所有文檔、圖像、視頻。證據沒了無法起訴，而嫌疑人又不認罪，警方正在討論怎麼辦，最後很可能只能把他放了。

大家覺得上面這條新聞，什麼地方值得注意？

不是誤刪數據，那種事情每天都在發生。我覺得，重點是警察局的數據超過了 22TB。這個容量不算小，說明它的硬盤保存了很多東西，而且應該是有一個自己的存儲系統，搞不好還有機房。

達拉斯的人口是130多萬，警察局的存儲超過了 22TB，整個美國的人口是3億多，你說所有警察局的存儲空間加在一起，該有多大？

美國的警察局屬於州政府，國家一級的治安機關是聯邦調查局 FBI，它的存儲恐怕更大，此外還有其他政府部門（比如國防部、財政部、中央情報局……）。這麼一想，美國政府單位消耗的硬盤真是不得了，恐怕是一個天文數字。

我接着想到，中國政府單位的存儲需求，也是天文數字吧。好在這可以查，政府採購需要招標，招標公告一般發布在政府採購網[5]。

我全文搜索「存儲」，過去半年有11431條採購公告[6]。

各省的各種單位都有，採購金額從幾十萬到幾百萬不等，大家可以去看。我隨便摘錄幾條。

•中國教育圖書進出口有限公司[7]：私有雲存儲擴容採購項目 230萬•重慶大學[8]：全閃存儲及服務器採購項目 243萬•中央廣播電視總台[9]：私有雲存儲設備全包代維項目 150萬•廣州中山大學第一附屬醫院[10]：數據中心服務器與存儲擴容升級項目 601萬•廣東工貿職業技術學院[11]：存儲容量擴容項目 30萬

從這些例子不難想象，全國政府單位的存儲蛋糕有多大。但是，每個單位都搞自己的一套內部存儲系統，甚至私有雲，其實有很多弊端。

（1）這樣不經濟，每個單位都有自己的機房、服務器和管理員，是一種浪費。

（2）政府單位不容易招聘到高水平的 IT 工程師，也不可能有規範的 IT 操作流程，最後就會像達拉斯警察局一樣，出現數據事故，誤刪或者泄露。

（3）每個單位使用自己的存儲格式、數據庫設計、操作軟件，不利於數據通用和對外開放。

總之，我覺得，中央政府最好出台一個方案，推動全國的政府單位把數據放到雲端，不要自建內部機房。最好有一個統一的「政府雲」，提供方便的存儲接口，給各地的公家單位使用，這樣可以省很多錢，也有利於統一備份，避免數據丟失。

Vue 3.x 訓練營

剛剛學習前端開發的同學，常常有一個問題：

「Vue 和 React 這兩個框架，哪個更容易學？」

它們都有很高的市場占有率，都能完成開發任務，上手也都算容易。對於初學者，學習哪一個框架確實是一個問題。

這個問題的答案，因人而異。但是，大多數人的看法是，Vue 相對容易掌握，可能更適合新手。

新版本 Vue 3 去年發布了，功能更完備，語法更合理，加入了 TypeScript 支持，導致採用率有明顯上升。Vue 的培訓班也顯著多於 React，這從一個側面說明了它的受歡迎程度。

本周的課程資料，就是一個 Vue 3 的訓練營《Vue 3.X 前後分離：架構腳手架開發實戰》，通過三天的直播課，帶大家從零開始，自己動手完成一個 Vue 項目。

上課時間是下周一（11月22日）到下周三（11月24日）的三個晚上。它是現場直播，特別強調聽課同學的參與，如果你有不理解的地方，可以在直播間和群里隨時提問。老師會要求大家邊聽邊做，在動手中加深理解。

內容大綱如下，詳細介紹請掃描後面的二維碼。

第一天 零基礎入門篇Vue 框架介紹，快速上手，基本語法

第二天 核心基礎篇Vue3.x 新特性，組合式 API 與響應式 API，watch 與 watchEffects 行為

第三天 開發實操篇腳手架 Vite 方案，Vue3.x 的組件介紹與開發

對前端有興趣、希望自己開發網站的同學，或者自學 Vue 遇到困難的同學，都可以聽聽看。通過專業老師的講解和輔導，對 Vue 有一個全面而快速的掌握。

本課程由北京奈學教育[12]製作，它是一個新興的 IT 職業教育平台，創始人是前58集團技術委員會主席孫玄，核心師資都是各大廠的資深工程師，累計服務超過20萬付費學員。他們還與獵聘達成深度合作，為優秀學員定製大廠的內推就業。

微信掃描上方二維碼，或者訪問這個鏈接[13]，可以了解課程詳情並報名，下周一就可以聽課。前200名同學，只象徵性收取0.99 元報名費。

現在報名的同學，還會免費獲贈《前端知識體系超全資料包》，裡面包含了前端核心工具的完整梳理和介紹。

科技動態

1、世界最大的飛行器[14]

目前，世界最大的飛行器是一家英國公司製造的氦氣飛艇，叫做 Airlander 10，長達91米。相比之下，世界最大的——客機空中客車 A390，長度為79.8米。

該公司最近宣布，這艘飛艇2025年將投入載客運營。

它原來是美國國防部定製的，打算用於軍事目的。2013年美國放棄了該項目，導致飛艇一直閒置在機庫。

製造商最後決定改為民用。改造後，飛艇上部是巨大的氣囊，下部是座艙，可以乘坐100人，配有巨大的落地窗，可以欣賞窗外景色。它的飛行速度比較慢，跟汽車差不多，最高速度在每小時100公里左右。

2、挪威很快將沒有燃油車[15]

挪威政府宣布，2025年將禁售燃油汽車，這個日期是全世界最早的。但實際上，可能不用等到那一天，目前該國燃油車的銷售量已經非常低了，按照這個下降速度，可能到明年4月挪威銷售的所有新車，就都將是電動車。

去年年底，燃油車還占挪威汽車銷量的21%，到了今年9月份只剩下10%。該國前15位的暢銷車，14種是電動車，剩下1種是混合動力車。按照這個速度推算，明年4月電動車的銷售占比會上升到100%。

這其實是一件奇怪的事情。因為挪威是北極國家，冬季冰天雪地，電池性能會急劇下降，行駛里程可能打對摺。很難想象，這種情況下，挪威民眾對電動車的購買意願這麼高。

3、體溫發電[16]

哈爾濱工業大學的科學家發明了一種「體溫發電」技術。他們在腕帶裡面加入了柔性電極，以及鎂和鉍，利用人體與外界的溫差進行發電。溫差越大，發電效果越好，所以推薦冬天使用。

這種腕帶產生的電能非常微弱，但可以點亮 LED，因此可以做成發光腕帶。

4、搞錯的無線電信號[17]

2019年，一個澳大利亞天文台接收到一串神秘的無線電信號，來自半人馬座比鄰星。那是離太陽最近的恆星，相距4.2光年，而且已知它的一顆行星上有液態水，也許存在生命。

所以，這是那一年的大新聞，天文學家非常激動，可能是外星文明發來的電波，許多科學媒體都報道了這個消息。

但是，經過一年多的研究，現在終於確認，那個無線電信號不是來自外星球，而是人為的無線電干擾，就發生在地球表面，很可能是飛機通信產生的。這個烏龍進一步加強了科學家的一個信念：以後的天文望遠鏡也許不應建造在地球表面了，而要建在太空中，只有這樣才能避免地面的無線電干擾。

5、基因編輯河豚[18]

日本政府批准基因編輯河豚上市。研究人員去掉了河豚控制食慾的基因，使其食慾旺盛，不知節制地進食，體重快速增長，在同樣周期內達到普通河豚的1.9倍（上圖）。

這是日本批准的第三種基因編輯食品，前面兩種是可降血壓的西紅柿和肉量增加的真鯛。

文章

1、將你的 PWA 發布到 iOS 應用商店[19]（英文）

本文介紹了一種方法，將 PWA 網頁應用發布在 iOS 應用商店。

但是，蘋果公司明文反對，網頁應用重新包裝後發到應用商店，所以能不能通過審核順利上架，就很難說了。

2、MySQL 數據庫索引概覽[20]（中文）

本文詳細介紹了數據庫索引的概念和種類，並討論使用索引時應該考慮的因素。（@wallace1995[21]投稿）

3、printf() 的返回值[22]（英文）

本文介紹 C 語言的一個很奇怪的語法點：printf() 為什麼會有兩種返回值。

4、如何偵測開發者工具[23]（英文）

本文介紹了幾個技巧，可以偵測用戶是否打開了瀏覽器的開發者工具。

5、如何使用 Calibre 將本地網頁轉成電子書[24]（中文）

本文介紹如何將本地目錄裡面保存的網頁，通過 Calibre 腳本轉成一本電子書。（@evmn[25]投稿）

6、React Native 開發一個新聞應用[26]（英文）

本文一步步演示，如何使用 React Native 開發一個新聞 App。

7、為什麼網站應該使用抖動圖像[27]（英文）

作者主張，大多數情況下，網站應該使用抖動圖像（dithering image），減少圖片體積。他介紹了圖像抖動的概念，以及為什麼抖動圖像需要保存成 png 或 webp 格式。

8、彩色括號功能的實現[28]（英文）

VS Code 編譯器有一個插件，可以讓不同的括號對顯示不同的顏色。但是，這個功能需要解析代碼，很吃性能，大型文件會產生卡頓。VS Code 官方團隊就寫了這篇文章，記錄了他們為了改進括號配對的性能，所做出的努力。

9、基於 Cloudflare Pages 的全棧開發[29]（英文）

Cloudflare 公司本周宣布，他們的靜態網頁寄存服務 Cloudflare Pages 已經跟其他服務打通了，可以用來全棧開發，包括雲函數、圖片存儲和 KV 鍵值對存儲。

工具

1、Hurl[30]

一個命令行工具，作用類似於 curl，可以用來發出 HTTP 請求，獲取回應，但它是特別為測試而設計的，配置文件裡面允許寫斷言，很適合在命令行測試 HTTP 接口。

2、ColorFu[31]

一個基於網頁的壁紙生成器，提供了豐富的顏色、簡潔的界面，可以快速製作「文字 + 顏色/紋理/圖片」這種形式的壁紙。（@pearmini[32]投稿）

3、Xterm.js[33]

一個 JS 組件，在網頁上加入命令行窗口，可以與服務器進行通信，接受並展示服務器的命令行輸出。

4、yabai[34]

MacOS 系統的平鋪式窗口管理器，蘋果電腦命令行工作者的福音。

5、ROAPI[35]

一個 API 服務器，不用編寫任何代碼，就可以把 JSON 文件或 CSV 文件轉成 API 服務，自動提供 REST、GraphQL、SQL 接口，參見這篇教程[36]。

6、Unicode 日曆生成器[37]

這個網頁工具可以生成一個純 Unicode 字符組成的日曆。

7、weird json[38]

一個 JS 庫，採用了一種與眾不同的方法，通過將對象轉成字符串，完成兩個對象之間的深拷貝。

8、Euterpe[39]

一個開源的音樂流媒體服務器，帶有 Web 管理界面，可以架設在家裡，然後外出時連上它聽音樂。

9、Matrix Rain[40]

一個 JS 庫，可以在命令行環境展示電影《黑客帝國》的綠色字符雨效果，還可以調整各種參數。

10、gobang[41]

一個命令行的數據庫管理軟件，支持 MySQL、PostgreSQL、SQLite。

資源

1、deskto.ps[42]

這個網站允許網友上傳自己的電腦桌面截圖，你可以瀏覽別人的桌面是什麼樣。

2、中文 Newsletter 訂閱[43]

這個倉庫收集各種中文的郵件列表，我們這個周刊也在其中。（@alaskasquirrel[44]投稿）

3、Vididoo[45]

這個網站收集了一些處理視頻的在線工具，在網頁上就可以完成視頻縮放、剪接、圖像轉視頻、提取音頻等操作。

4、oldmouse.com[46]

這個網站記錄鼠標的發展歷史，你可以在上面找到各種老式鼠標。

5、學習 GNU Coreutils 命令行文本處理[47]

GNU Coreutils 軟件包提供了 Linux 系統的許多基本命令，比如head、tail、tr、sort等等。這本免費的英文教程，逐一介紹20多個命令，幫你掌握命令行文本處理。

圖片

1、消失的10億年[48]

早在19世紀，地質學家就發現美國大峽谷的岩層非常奇怪。

上圖是大峽谷的岩層照片，請仔細看這張圖，它的上層和下層的岩石明顯不同。

下方的岩層是堅硬的結晶岩，距今大約17億年，上方是砂岩，距今大約5.5億。兩者的差距至少10億年，它們之間再沒有其他岩層。

地質學家百思不得其解，為什麼岩層少了10億年？至今仍然沒有答案，一種假說認為，這10億年是冰河期，當地完全被冰層覆蓋，岩層停止了發育。

2、烏得勒支[49]

烏得勒支是荷蘭第四大城市，整個城市都是為行人規劃的，不是為汽車規劃的，而且河岸建得很低，有很多親水步道，非常美麗宜居。

文摘

1、巴克萊銀行的 74,000 個電話號碼[50]

英國有很多電話詐騙，騙子冒充銀行工作人員，打電話給客戶。

巴克萊銀行為了防止詐騙，專門製作了一個網站，客戶可以在上面查詢，來電號碼是否真的屬於巴克萊銀行。

但是你能相信嗎？這個網站居然加載了一個 1.3MB 的JSON 文件[51]，其中包含巴克萊銀行擁有的所有 74,000 個電話號碼。

打開這個 JSON 文件，就是下面的樣子。

更絕的是，如果你在電話號碼前面，加上英國的國際區號+44，網站會告訴你，它不認識這個號碼。

如果號碼裡面加上破折號，網站也會不認識這個號碼。

巴克萊銀行到底僱傭了什麼樣的程序員，連正則表達式都不會寫？

2、AIP 潛艇[52]

傳統潛艇使用柴油發動機，柴油燃燒需要氧氣，因此每過一段時間，潛艇就必須浮上水面，使用柴油發動機為電池充電，否則在水下就無法行駛。

這顯然很不方便，更要命的是，浮上水面容易被敵人發現和攻擊。

於是，美國開始研發核潛艇。第一艘核潛艇 1950 年代投入使用。核反應堆不需要氧氣，使得潛艇可以在水下以行駛數月，而不浮上水面。而且，核潛艇的功率更大，更讓潛艇變得更快。

這些優勢促使美國海軍逐步淘汰柴油潛艇，全部採用核潛艇，目前美國已經沒有常規動力的潛艇了。但是，其他國家海軍依然使用柴油潛艇，畢竟它們的成本和複雜性要低得多。

潛艇發展的另一種思路是，研發不需要空氣的柴油潛艇（Air-Independent Propulsion，簡稱 AIP 潛艇）。瑞典終於在 1990 年代研發成功，成為第一個擁有 AIP 潛艇的國家。這種潛艇使用液氧，在水下為柴油發動機提供氧氣，因此不需要浮上水面。

從那時起，AIP 潛艇就在全世界範圍內流行，目前 15 個國家大約有近 60 艘在服役，另外還有大約50艘已經被訂購或正在建造中。

AIP 艦艇與核潛艇，孰優孰劣？

（1）核潛艇的優勢之一，就是非常安靜，難以被聲納發現。如果設計得當，AIP 潛艇也可以很安靜。

（2）核潛艇可以在水下潛伏三四個月，AIP 潛艇可以潛伏三周左右。雖然續航時間不如核潛艇，但對於那些主要在近海活動的國家，三周的續航應該夠用了。

（3）核潛艇的水下速度，可以達到每小時35英里以上，AIP 潛艇最快只能到每小時23英里。

（4）美國弗吉尼亞級核潛艇，造價為26億美元，每年還有昂貴的維護成本。AIP 潛艇的造價為2億~6億美元。

（5）核潛艇通常是大型潛艇，船員可以超過100人，而且可以配備重型武器。AIP 潛艇多為中小型潛艇，船員在30人到60人之間。

結論就是，如果海軍主要在近海活動，那麼 AIP 潛艇比較合適，造價低，隨時可以回到港口。美國海軍主要在遠洋活動，續航力更重要，所以幾乎沒有意願製造 AIP 潛艇。

言論

1、

我不投資加密貨幣，原因主要是我不喜歡價格劇烈波動帶來的心理負擔。

--Hacker News 讀者[53]

2、

我去母親家住了一個星期回來，結果上網時就收到了母親使用的牙膏品牌的推送。我從沒在網上搜索過這個品牌，這到底是怎麼發生的？

後來我想通了。那些應用發現我的 GPS 定位，經常與母親的手機在同一個位置，就把向我母親推送的廣告，也推送給我。

--Twitter 用戶[54]

3、

閱讀你喜歡的書，直到你喜歡閱讀。（Read what you love until you love to read.）

做你喜歡的事，直到你喜歡去做。（Do what you love until you love to Do.）

--@naval[55]

4、

歷史上，沒有人為氧氣打過仗，因為有足夠的氧氣供每個人使用。大多數戰爭是為了土地和人口，它們都是稀缺而有價值的資源。

供養人口需要糧食，二戰後的農業革命，使得糧食變得如此便宜，這大大減少了戰爭，而促進了合作。

--《廉價食品導致合作》[56]

5、

我不把 Facebook、Instagram、TikTok、Snapchat 這種軟件，看成互聯網的一部分。它們只是一個應用程序，只向註冊會員開放，不與外部分享數據。它們雖然有網站，但是難於使用，而且有很多限制，只作為補充的訪問方式。

--Archive.is blog[57]

歷史上的本周

2020年（第 133 期）：貴州變瑞士，有沒有可能

2019年（第 81 期）：子輩能大幅超越父輩嗎？

2018年（第 30 期）：為什麼谷歌做不好社交軟件？

References

[1]ruanyf/weekly:https://github.com/ruanyf/weekly[2]《誰在招人？》:https://github.com/ruanyf/weekly/issues/2032[3]via:https://twitter.com/SpaceX/status/1459518399373922304[4]新聞:https://www.theregister.com/2021/08/16/dallas_data_migration_8tb_deletion/[5]政府採購網:http://www.ccgp.gov.cn/[6]採購公告:http://search.ccgp.gov.cn/bxsearch?searchtype=2&page_index=1&bidSort=0&buyerName=&projectId=&pinMu=0&bidType=0&dbselect=bidx&kw=%E5%AD%98%E5%82%A8&start_time=2021%3A05%3A09&end_time=2021%3A11%3A07&timeType=5&displayZone=&zoneId=&pppStatus=0&agentName=[7]中國教育圖書進出口有限公司:http://www.ccgp.gov.cn/cggg/dfgg/zbgg/202111/t20211109_17152446.htm[8]重慶大學:http://www.ccgp.gov.cn/cggg/zygg/gkzb/202008/t20200810_14809548.htm[9]中央廣播電視總台:http://www.ccgp.gov.cn/cggg/zygg/zbgg/202108/t20210812_16705947.htm[10]廣州中山大學第一附屬醫院:http://www.ccgp.gov.cn/cggg/zygg/zbgg/202101/t20210108_15772030.htm[11]廣東工貿職業技術學院:http://www.ccgp.gov.cn/cggg/dfgg/jzxcs/202111/t20211109_17154369.htm[12]奈學教育:https://www.naixuejiaoyu.com/[13]這個鏈接:https://j.naixuejiaoyu.com/1J6ZZgZlLm8?putcode=20211119KOLGZH-RYF[14]世界最大的飛行器:https://www.businessinsider.com/photos-see-the-flying-bum-airlander-10-2021-9[15]挪威很快將沒有燃油車:https://electrek.co/2021/09/23/norway-bans-gas-cars-in-2025-but-trends-point-toward-100-ev-sales-as-early-as-april/[16]體溫發電:https://www.newscientist.com/article/2276215-wristband-that-turns-body-heat-into-electricity-can-power-an-led/[17]搞錯的無線電信號:https://www.nature.com/articles/d41586-021-02931-7[18]基因編輯河豚:https://news.sina.com.cn/w/2021-10-30/doc-iktzqtyu4375777.shtml[19]將你的 PWA 發布到 iOS 應用商店:https://blog.pwabuilder.com/posts/publish-your-pwa-to-the-ios-app-store/[20]MySQL 數據庫索引概覽:https://blog.csdn.net/wallace_www/article/details/117264149[21]@wallace1995:https://github.com/ruanyf/weekly/issues/2055[22]printf() 的返回值:https://www.netmeister.org/blog/return-printf.html[23]如何偵測開發者工具:https://medium.com/@weizmangal/javascript-anti-debugging-some-next-level-sh-t-part-2-abusing-chromium-devtools-scope-pane-b2796c00331d[24]如何使用 Calibre 將本地網頁轉成電子書:https://bbs.pediy.com/thread-269615.htm[25]@evmn:https://github.com/ruanyf/weekly/issues/1987[26]React Native 開發一個新聞應用:https://www.freecodecamp.org/news/build-an-android-news-app-with-react-native-and-native-base/[27]為什麼網站應該使用抖動圖像:https://endtimes.dev/why-you-should-dither-images/[28]彩色括號功能的實現:https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization[29]基於 Cloudflare Pages 的全棧開發:https://blog.cloudflare.com/building-full-stack-with-pages/[30]Hurl:https://hurl.dev/[31]ColorFu:https://colorfu.art/editor[32]@pearmini:https://github.com/ruanyf/weekly/issues/2053[33]Xterm.js:https://xtermjs.org/[34]yabai:https://github.com/koekeishiya/yabai/[35]ROAPI:https://github.com/roapi/roapi[36]這篇教程:https://tech.marksblogg.com/roapi-rust-data-api.html[37]Unicode 日曆生成器:https://qwerty.dev/calendar-generator/[38]weird json:https://github.com/i5ik/weird-json[39]Euterpe:https://github.com/ironsmile/euterpe[40]Matrix Rain:https://github.com/nojvek/matrix-rain[41]gobang:https://github.com/TaKO8Ki/gobang[42]deskto.ps:https://deskto.ps/[43]中文 Newsletter 訂閱:https://github.com/alaskasquirrel/Email-newsletter-RSS[44]@alaskasquirrel:https://github.com/ruanyf/weekly/issues/2054[45]Vididoo:https://vididoo.vercel.app/[46]oldmouse.com:http://oldmouse.com/[47]學習 GNU Coreutils 命令行文本處理:https://learnbyexample.github.io/cli_text_processing_coreutils/preface.html[48]消失的10億年:https://www.bbc.com/future/article/20210901-the-strange-race-to-track-down-a-missing-billion-years[49]烏得勒支:https://twitter.com/david_perell/status/1434731477237907460[50]巴克萊銀行的 74,000 個電話號碼:https://shkspr.mobi/blog/2021/05/the-74000-numbers-of-barclays-bank/[51]JSON 文件:https://www.barclays.co.uk/content/dam/json-files/TelephoneNumberChecker_26_03_2021.json[52]AIP 潛艇:https://nationalinterest.org/blog/reboot/air-independent-propulsion-could-create-silent-killer-submarines-192514[53]Hacker News 讀者:https://news.ycombinator.com/item?id=28732366[54]Twitter 用戶:https://threadreaderapp.com/thread/1397032784703655938.html[55]@naval:https://twitter.com/id_aa_carmack/status/1445424833181925376[56]《廉價食品導致合作》:https://www.lesswrong.com/posts/cLehpZAY3HZuEQbHe/cheap-food-causes-cooperative-ethics[57]Archive.is blog:https://blog.archive.today/post/665401109290074112/why-do-you-view-fb-ig-tiktok-snapchat-as