第18期 - 雲窗月戶

第 18 期 - 雲窗月戶#

封面來源於網絡。

記錄每週看到的接地氣的前端以及科技圈內容，還有一些個人生活。篩選後每兩週更新一次，覺得不錯可關注此專欄，方便獲取更新通知

🛠️ 技術相關#

用戶體驗：令人惱火的嵌套菜單！
https://ift.tt/3pmDdVJ
這篇文章討論了嵌套菜單在用戶體驗方面的挑戰，特別是當用戶嘗試移動鼠標到子菜單時可能遇到的問題。文章介紹了 “安全三角”（Safe Triangle）這一概念，它能有效解決這個問題，提供更流暢的交互體驗。該概念通過檢測鼠標的移動路徑來決定是否保持子菜單的打開狀態。

20 個提升效率的 JS 簡寫技巧，告別屎山！
https://www.instapaper.com/read/1639264775
本篇文章介紹了 20 個 JS 簡寫技巧，多多使用可以讓我們的代碼變得更加優雅。

讓 CSS 官方後悔的一些決定
https://www.instapaper.com/read/1639067948
本文介紹了幾個比較有意思的 CSS 官方承認的設計失誤，這些設計失誤不僅僅是技術層面的问题，更多地反映了設計思維、用戶體驗和社會文化等多個維度的複雜性。

CSS：深入內聯元素
https://sadose.github.io/2022/02/09/frontend-css-008/
這篇文章深入探討了 CSS 中內聯元素的各個方面，從字母的基線、x-height 到最佳實踐和屬性值。文章通過字母 “x” 的結構來解釋內聯元素的尺寸、行高和字號等概念，並提供了多種實踐方法，如如何實現內聯元素的垂直居中。文章還討論了與基線和空白有關的問題，旨在幫助前端程序員更優雅地編寫 CSS。

【前端工程化】使用 verdaccio 搭建公司 npm 私有庫完整流程和踩坑記錄
https://juejin.cn/post/7096701542408912933
這篇文章詳細介紹了如何搭建和使用 verdaccio 私有 npm 倉庫，以便更有效地管理和使用公司內部的前端業務組件和邏輯。文章強調了搭建私有 npm 庫的好處，包括保護業務代碼、提高下載速度和緩存功能。通過這種方式，公司可以提高開發效率，同時保護其核心技術和代碼。文章還提供了安裝、發布和使用私有 npm 包的步驟，以及解決搭建過程中可能遇到的問題。

🧰 流行工具#

Free for Developers
https://free-for.dev/ \
一個專門來整理可以免費使用的開發者工具的站點，白嫖真香😂

Box123
https://box123.io/
一款界面比較乾淨，內容很全的導航站，發現了很多有意思的站點。

tgState
https://github.com/csznet/tgState
一款以 Telegram 作為儲存的文件外鏈系統，可以作為 telegram 圖床，也可以作為 telegram 網盤使用。

open-interpreter
https://github.com/KillianLucas/open-interpreter
Open Interpreter 是一個開源的、在本地運行的代碼解釋器，它允許語言模型在你的計算機上執行代碼。這個工具支持多種編程語言，包括 Python、JavaScript 和 Shell 等。

idify
https://github.com/zhbhun/idify
一個證件照製作工具，代碼開源，完全前端實現。

plane
https://github.com/makeplane/plane
一款開源的項目管理工具，UI 功能和 Linear 比較像，算是平替版本。

I Miss My Bar
http://imissmybar.com/
一個白噪音網站，提供一些酒吧裡的聲音，感興趣的可以試一下。

播客小鎮
https://podtown.xyz/
一款收集中文博客並且將其可視化的放入一個山中小鎮的網站，挺有意思的。

🔍 Some index#

Shader Gradient
- 一個展示了在前端中實現的一些炫酷的漸變效果的站點
Poor Charlie’s Almanack: The Essential Wit and Wisdom of Charles T. Munger (stripe.press)
- 很帥的一個網頁，用來展示《Poor Charlie's Almanack》這本書
(t,i,x,y) => "creative code golfing" (tixy.land)
- Tixy Land，它允許用戶通過編寫簡短的 JavaScript 代碼來創建視覺效果。在這個環境中，你可以看到一個 16x16 的格子，每個格子的顏色和動作都可以通過你編寫的代碼來控制
Loaders | UI Ball
- 該網頁提供免費的加載器和旋轉器，適用於您的下個項目。這些加載器是用 HTML、CSS 和一些 SVG 構建的，可用於 React 和 copypasta，也可通過您選擇的包管理器添加，並導入輕量級的 ESM 模塊進行自定義

隨便看看#

💭 優先考慮的是對錯還是立場？#

基於事實與邏輯的對錯判斷:
- 對錯通常是基於事實和邏輯的判斷。在解決問題或做決定時，理性的分析和基於事實的判斷通常是非常重要的。例如，在科學研究、法律判斷和日常問題解決中，對事實的準確理解和邏輯推理是至關重要的。
立場的重要性:
- 立場通常反映了個人或集體的價值觀、信仰和利益。在某些情境下，例如政治或道德討論中，立場可能會優先於對錯的判斷。立場可能會影響個人或集體如何看待和解釋事實，以及如何做出決定。
平衡對錯與立場:
- 在許多情況下，理想的情況是能夠在認清對錯的基礎上明確立場。但實際情況可能更為複雜，有時可能需要在對錯和立場之間找到一個平衡。例如，在團隊合作或社交互動中，過於堅持自己的對錯判斷可能會影響到人際關係和團隊協作，而適當的妥協和理解不同的立場可能會更有助於尋找共同點和解決問題。
情境的影響:
- 不同的情境和背景可能會影響到人們在對錯和立場之間的選擇。例如，在一個強調團隊協作和共識的環境中，可能更傾向於考慮不同的立場和找到妥協。而在一個強調事實和邏輯的環境中，可能更傾向於基於對錯的判斷做決定。

當然，這個問題沒有絕對的答案，而是需要根據具體的情境和背景來考慮。每個人在處理這種問題時可能會有不同的看法和處理方式，重要的是能夠在必要時保持開放和理解，以及願意在不同的情境中調整自己的思考和行為。

💎 如果你沒有花錢買產品，那你就是被賣的產品#

這句話揭示了當前數字時代的一個重要現實，即在很多免費的互聯網服務中，用戶的注意力和數據被視為可貴的資源。

注意力經濟:
- 社交和短視頻平台依賴用戶的高頻使用和持續關注來吸引廣告商和實現盈利。這些平台通過提供吸引人的內容和交互體驗來爭奪用戶的注意力，然後通過廣告展示和用戶數據分析來實現商業價值。
用戶數據的價值:
- 用戶的行為數據對於社交和短視頻平台來說非常寶貴。通過分析用戶的瀏覽、點贊和分享行為，平台可以更好地理解用戶的喜好和需求，從而優化內容推薦算法和廣告投放策略。
個人信息的交換:
- 用戶在享受免費服務的同時，也在無意中交換了自己的個人信息和隱私。雖然這種交換為用戶提供了便利和娛樂，但也可能存在一些潛在的隱私風險和信息安全問題。
用戶的選擇:
- 用戶有權選擇是否使用這些免費的社交和短視頻平台。有些用戶可能願意為了獲取更好的服務和體驗而付費，避免廣告干擾和數據收集。然而，很多用戶可能更傾向於接受免費服務，即便是以一定程度的隱私交換為代價。
道德和法律的考量:
- 社交和短視頻平台在追求商業利益的同時，也需要考慮道德和法律的責任。例如，如何透明地處理用戶數據，如何保護用戶隱私，以及如何避免過度依賴和信息過載等問題。

在現代數字經濟中，免費並不等於沒有代價。用戶在享受免費服務的同時，也需要意識到可能存在的隱私和信息安全風險，以及注意力被商業化的現象。同時，政府和社會也需對這些新的商業模式和技術發展進行適當的監管和引導，以保護用戶的權益和社會的健康發展。

🎞️ 觀影#

國慶假期觀影單
- 《如何在網上賣迷幻藥 1/2/3 季》
  - 一部青春校園販毒的德劇，有點點像青春版社交網絡，自戀又自卑的男主與其販毒動機的結合也挺有意思。
- 《暗網青年毒梟》
  - 《如何在網上賣迷幻藥 1/2/3 季》的靈感之源，一部講述麥克斯・施密特揭示了自己如何以兒時臥室為據點，建立起一個毒品帝國的紀錄片。
- 《監視資本主義：智能陷阱》
  - 一部很好的紀錄片，講述了算法和各種設計如何讓人們的注意力一直保持在電子產品上。人們被困在信息茧房中。
  - "算法向善"
- 《堅如磐石》
  - 一部中國的反腐片，額，沒什麼好說的，周冬雨挺可愛的。
- 《奧本海默》
  - 作為一部傳記片能拍到這種程度的驚心動魄，確實很厲害。

📚 閱讀#

最近在讀《為什麼偉大不能被計劃》，有些觀點還是挺符合我現在的一些做事態度的，比如在日常生活增加一些隨機性和不確定性，類似生物進化時的基因突變，說不定就有意想不到的收穫。

🎮 遊戲#

《博德之門》
- 國慶時和 @niracler 約著玩了幾個下午，算是懵懵懂懂的直接上了路，剛開始還經歷了一次刪檔事件，不過還好就只是個幾個小時的檔😅，不過還是一段很有趣的冒險經歷，後面有時間在繼續玩玩。
《APEX》
- 一個人沒事想玩了就會上去突突幾把，一段時間不玩就會想念一梭子碎甲的那種感覺😄
《原神》
- 大概五個多月沒玩最近下回來去看了看更新的楓丹地下水城，PC 端拿來看風景其實還是很不錯的，可能會每天花點時間玩玩當成一個養老遊戲
《崩壞：星穹鐵道》
- 去體驗了一下米哈遊的新遊戲，回合製作戰手遊，角色還是挺好看的，在回合制手遊裡面還是挺強的，對這類遊戲感興趣的可以試試。

🎉 END#

如果想獲取我的最新動態，
歡迎關注我的個人頻道： https://t.me/barrybase 和 Twitter： https://twitter.com/BarryYangi
🍻Cheers to a blissful week!