本雜誌開源，歡迎投稿。另有《誰在招人》服務，釋出程式設計師招聘資訊。合作請郵件聯絡（[email protected]）。
封面圖
本週，太陽活動劇烈，引起幾十年來最大的地磁暴。地球的中高緯度地區，普遍可以看到極光，就連北京這樣的中緯度城市，都出現了極光，上圖是長城。（via）
三十年，解決人生三大問題
我最近看到一篇文章，很有意思，分享給大家。
文章大意是，人的一生就是解決三個基本問題：事業、家庭和財務。
一份有成就的事業，一個幸福的家庭，一個健康的財務狀況，人生就沒有遺憾了。
我們的人生規劃，就是朝著解決這三個問題努力。哪怕其中只有一個沒有解決，你的人生就過不好。
原文作者提出了他的規劃。他說，這三個問題要分階段解決，每個階段重點解決一個問題。而且他估計，每個階段要花費十年，總共需要三十年。
（1）第一個十年。你搞清楚自己想幹什麼，找到方向，為事業打下基礎，從此全力投入。
（2）第二個十年。你結婚、買房、養育後代。
（3）第三個十年。你努力賺錢，積蓄退休金。
如果將18歲成年作為起點，過完這三個十年，你就已經48歲了。
也就是說，你的目標是，到了48歲，基本解決人生三大問題。48歲以後的時間，就是自己的選擇，追求夢想，照顧家人，或者繼續推進事業，積累更多財富。
原文作者沒有解釋，為什麼每個階段需要十年。我倒是覺得，十年是一個合理的時間。
如果是八年、七年、甚至五年，那樣固然很好，不過難度也會相應變大，多少人能做到呢。如果更長一點，每個階段需要十二年，甚至十五年，那樣就有點太晚了，你都要退休了。更重要的是，年紀越大，人生改變的可能性越小，五十歲以後其實能做的有限。
總之，我認為，這是一個很新穎的視角，可以用作思考人生問題的框架，對我很有啟發。
凡事就看它是否有助於"事業、家庭和財務"，我們的目標就是在48歲前解決好這些問題。
活動
1、WebGPU 線下沙龍
前端程式設計師怎麼轉向 AI？
除了構建 AI 的前端介面，還有一個更有前途、更適合前端的方向，那就是瀏覽器直接執行 AI 模型。
網頁跑 AI，需要呼叫顯示卡的計算能力，就會用到 WebGPU。它是去年釋出的最新標準，允許網頁程式碼訪問 GPU 功能，Chrome 瀏覽器已經支援。
下週五（5月24日）晚上有一個難得的機會，小紅書官方會主辦一場 REDtech 技術沙龍，主題就是 WebGPU。
活動嘉賓是 W3C 資深媒體技術專家、Web GPU 工作組負責人 François Daoust，以及小紅書前端架構團隊，活動內容如下。
- 瀏覽器如何呼叫顯示卡功能，執行 AI 和網頁渲染？
- WebGPU 的音影片處理技術有哪些最新進展？
- 小紅書如何應用 WebGPU 構建動畫，支援業務的快速迭代？
大家點選這個連結，或者掃描上方海報的二維碼，瞭解活動詳情和免費報名。線下座位有100個，邀請碼填寫"WebGPU"，如果報名的人多，這樣更容易透過，不在上海的同學可以預約線上直播。
到時，除了瞭解 WebGPU 在 AI 和影音方面的應用，還能跟嘉賓互動，並有機會獲得小紅書的周邊紀念品！
2、稀土開發者大會
上週，週刊介紹了今年的"稀土開發者大會"，6月底將在北京舉行。
它面向全國開發者，讓大家聚在一起，交流分享彼此的開發經驗，以及熱點技術的進展。
現在，"架構設計和業務穩定性建設"分論壇的議題內容和演講者名單，已經出來了（見下圖）。
如果你參與應用的架構設計，需要後端能夠快速縮放，又要保證業務穩定性，同時還要時刻監控關鍵指標，那麼這個分論壇一定很合適你。
大家看它的演講陣容就知道了，全是國內頭部應用的真實案例和實務操作，挺精彩的。
詳細的分論壇資訊和大會安排，點選官網連結，或者掃描上面海報的二維碼，購票也是這個連結。
最後提醒一下，今天是限量早鳥票的最後一天！ 下週，早鳥票就沒了，票價就漲了，想要現場參加大會的同學不要錯過了。
科技動態
1、蒙娜麗莎的地點
達芬奇的世界名畫《蒙娜麗莎》是一個謎。人們不知道，它是什麼時候畫的、為什麼達芬奇會畫、畫裡女子到底是誰......
一位地質學家最近聲稱，她找到了一部分的答案，那就是這幅畫的地點。
她認為，這幅畫的地點是義大利科莫湖東南端的萊科市，理由是萊科的地質環境跟畫的背景很像。
達芬奇用灰白色繪製背景的湖畔岩石，這是石灰岩的顏色，萊科的岩石就是石灰岩，而義大利其他的石灰岩地區都沒有湖。
另外，背景裡還有一座橋，正好跟萊科14世紀的一座古橋相吻合。
2、沙發充電插座
很多人喜歡坐在沙發上玩手機，但是常常找不到插座充電。
因此，現在就流行一種新傢俱，是沙發後面裝一個木架，木架上面有插座。
這個架子放在沙發後面，很簡單就解決了找不到插座的問題。
3、金屬輪胎
一家美國創業公司釋出了腳踏車的"金屬輪胎"，輪胎裡面不是空氣，而是金屬彈簧。
這家公司介紹，它採用美國宇航局發現的鎳鈦諾合金。這種合金具有記憶功能，能夠記住加熱後鍛造的形狀，同時重量非常輕而且堅韌，適合做成彈簧替代輪胎。
這種"金屬輪胎"的優點是不用充氣，耐用性好。缺點是價格貴，不含輪圈的價格是500美元一對，是普通的優質腳踏車輪胎的10倍。
4、冰島的總統選舉網站
冰島即將舉行總統選舉，報名資格是最少需要1500人的簽名支援。
政府架設了一個網站，讓公民在網站上，向支援的候選人提交電子簽名。
但是，這個網站出了一個烏龍事件。
它的簽名頁有一個"註冊"按鈕（下圖的藍色按鈕），很多人點選註冊了。
殊不知，簽名只需要身份證，不需要註冊。這個按鈕實際上是"總統候選人"註冊。你點選後，會顯示一張表格，填完以後你就變成總統候選人了。
於是，冰島現在就有了82個總統候選人，要知道以前選舉的候選人，最多一次也只有9個。網站發現闖禍了，趕緊把 UI 改了。
我在想，要是有一部電影，講述因為網站出錯，一個普通人變成了總統，那就好玩了。
文章
1、一個不知名的開源專案可以帶來多少收入？（中文）
三年前，作者決定做一個開源的開發工具。三年過去了，這個專案怎麼樣了，賺了多少錢。（@zhouyanliang 投稿）
2、5個改善使用者體驗的 HTML 屬性（英文）
本文介紹5個不常用的 HTML 屬性。
3、現代 JavaScript 框架是如何工作的（英文）
作者透過示例，解釋反應式的 JavaScript 前端框架的核心原理，並且自己實現了一個最簡框架。內容還可以，但是寫得不易讀。
4、Emoji 正則匹配（中文）
本文介紹一個 JS 技巧，如何用一個簡單的正規表示式匹配 Emoji 表情符號。（@Spike-Leung 投稿）
5、Linux 容器的底層技術（英文）
一篇非常簡單的文章，列出了容器技術底層依賴的幾個 Linux 技術。
6、Steam Deck 的五個殺手級功能（英文）
作者非常喜歡行動式遊戲機 Steam Deck，列出了五個他最喜歡的點。
AI 相關
1、Veo
谷歌本週釋出的"文生影片"模型。
2、Jan
ChatGPT 的替代品，可以在桌面和伺服器執行，接入各種 LLM 模型，讓初學者也能輕鬆上手。
工具
1、GitUI
終端裡面的 Git 圖形介面，將各種 git 操作視覺化，使用 Rust 語言開發。
2、Outline
一個開源的線上知識庫軟體，支援多人合作。
3、Vnt
一個開源工具，將不同網路下的多個裝置虛擬到一個區域網下，類似與 tailscale、zerotier、n2n。（@lbl8603 投稿）
4、DashPlayer
一款專為英語學習打造的開源影片播放器，支援生成雙語字幕，進行精聽或泛聽練習。（@solidSpoon 投稿）
5、字幕工具箱
這個網站收集了一些字幕相關的工具，純前端處理，無需安裝任何外掛或軟體。（@mzhren 投稿）
6、封面圖片生成器
一個製作簡單封面圖的 Web 工具。（@fantingsheng 投稿）
另外，還有一個類似的 Logo 製作工具"Logo 廚師"。（@gdfsdjj145 投稿）
7、Easy Voice Toolkit
一個簡易的語音工具箱，提供音訊處理、語音識別、合成等音訊工具，使用 Python 語言開發。（@Hao4Wang 投稿）
8、Segmentify
一個 Figma 外掛，使用瀏覽器 GPU 能力執行 AI SAM 模型，快速分割圖片，從圖片中提取元素至 Figma 檔案。（@janily 投稿）
9、Web-Tracing
一個開源的前端埋點工具，提供專案監控。（@M-cheng-web 投稿）
10、Technitium DNS
一款開源 DNS 伺服器，帶有 Web 管理皮膚。
11、QR code designer
一個 Web 工具，用來設計二維碼，可以嵌入各種文字和圖形，另有一個類似工具。
12、BullMQ
Redis 的 JS 客戶端，號稱強大且快速。
資源
1、LaTeX 入門與進階
網友寫的中文書籍，介紹如何使用 LaTeX 和宏包編寫。（@immotal 投稿）
2、URLhaus 資料庫
這個資料庫專門收集各種惡意 URL 網址，目前已經收集了280萬個，可以免費查詢和下載。
3、資料科學導論（Introduction to Data Science）
開源的英文教材，源於哈佛大學同名課程，使用 R 語言學習資料科學。
4、引腳定義
一本免費英文電子書，收集了130種電子產品常見元件（比如 USB 口）的引腳定義。
圖片
1、憤怒的小鳥原型
著名遊戲《憤怒的小鳥》的主角，是一群彩色的麻雀。
這種小鳥的原型是北美紅雀（cardinal），它們長得簡直跟遊戲裡面一模一樣。
2、《異星工廠》的 3D 影像
《異星工廠》（Factorio）是一個策略類遊戲，要求玩家在一個荒蕪的星球建造出一個完整的生產系統（即建造各種各樣的工廠）。
原始遊戲是 2D 影像。
FUE5 是一個社群專案，目標是使用 Unreal 引擎將這個遊戲變成 3D 的樣子，效果非常出色。
文摘
1、11,000行的單個原始碼檔案
我曾經遇到過一個超過11,000行的原始碼檔案，它是 VBScript 程式碼的電子表格應用程式，公司所有員工需要的各種表格都在這個程式裡面。
這個檔案包含了你能想到的軟體開發的所有噩夢。
多年來，無數人對這個檔案進行了更改，但他們不是程式設計師，而是從 IT 支援到業務分析師各種人都有。你無從追蹤每個人更改了什麼地方。
整個檔案看起來是從上到下執行，但我從未真正確認。程式碼的大致邏輯是，獲取一些使用者資料，然後檢查資料是否滿足某些條件，再執行各種動作，包括顯示錶單、訪問共享驅動器上的檔案、執行 SQL 查詢、向硬編碼地址傳送電子郵件等等。
檔案裡面許多變數似乎沒有從未使用到，變數名也難以搞清楚含義，同義詞到處都是。
有趣的是，一個變數可能在第200行-210行使用，然後突然又在第8544行再次使用，其他地方就找不到蹤跡了。
很多邏輯似乎是多餘的，可能是複製貼上進來的，然後從未清理過。一旦我清理它，程式碼突然就出錯了，直到今天，我有時躺在床上還想知道是什麼原因造成的。
它沒有版本控制。關於程式碼更改的唯一線索，是看它丟擲的錯誤提示和程式碼註釋，但是我學會了不要信任那些註釋。
它沒有測試環境。如果我進行了更改，就必須在生產環境中對其進行測試。程式的所有狀態都基於使用者的許可權，我們只有冒充報告錯誤的人，才能看到他們看到的內容。
它沒有單元測試。如果我修改了一個地方，也沒法知道會不會出錯，可能要等到一週後，才有使用者報告遇到了一個錯誤。
這個故事的寓意是什麼？
我不知道，也許是它告訴我們，現實生活中真的有這樣可怕的程式碼存在。
言論
1、
參觀日本就像參觀2000年代初期：隨處可見的 CD 店，百貨商店興旺發達，人們還在使用厚重的膝上型電腦。
-- 《訪問日本的感想》
2、
人工智慧背後的實際技術，主要是一小部分巧妙的技巧，使用神經網路有效地對資料進行處理，神經網路本身並不神奇，並且開發過程很好理解，但是除非你有大錢購買硬體，並且使用每個人的私人資料進行訓練，否則你的模型就沒什麼用。
-- Hacker News 讀者
3、
不要將技術部落格的寫作視為打造"個人品牌"，它肯定對此有所幫助。但是，寫作最重要的功能是，它是提升個人知識和批判性思維的一個工具。
-- 《為別人而寫，但主要是為自己而寫》
4、
今天的創業公司還面臨一個資金過剩的風險。許多創業公司資金充足，就過度招聘並迅速擴張，但並沒有真正的增長或實際需求。
他們沒有安排最好的工程師來創造最好的產品，而是從一開始就忙於招募和處理臃腫的團隊和人員擴張的煩惱。
-- 《遵循精益創業的方法》
5、
瓶裝水的保質期，指的是塑膠瓶的保質期，而不是水的保質期。純淨水是不會變質的。
-- BusinessInsider.com
往年回顧
訓練材料用完之日（2023 #253）
英國的名校簽證，伯克利的計算機教育（2022 #203）
機器翻譯是對譯者的侮辱嗎？（2021 #153）
資訊的半衰期（2020 #103）
（完）