在 Web 開發中保持領先：最新消息、工具和見解 #57-js教程-PHP中文網

Stay ahead in web development: latest news, tools, and insights #57

weeklyfoo #57 在這裡：您需要了解的所有 Webdev 新聞的每週摘要！這次您將找到 7 個類別的 62 個有價值的連結！享受吧！

？讀它！

寫和不寫：我通常不願意對技術做出預測，但我對此很有信心：幾十年後不會有很多人會寫。 / 工程 / 3 分鐘閱讀

？很高興知道

JavaScript 應該分成兩種語言嗎？ Google 驅動的新提案意見分歧：開發者的核心引擎和工具。 / javascript / 6 分鐘閱讀
安全漏洞戲劇性地吞噬了受歡迎的獨立駭客產品 ShipFast：如果您在 SaaS 中使用樣板程式碼，需要注意一些嚴重的問題。 / saas、樣板 / 讀 17 分鐘
我們如何將 Javascript monorepo git 大小縮小 94%：這是一個關於儲存庫大小的瘋狂故事。 / git / 8 分鐘閱讀
在購買網域之前，先檢查它是否被鬧鬼：以前從未考慮過這一點。現在我會做！ / 網域 / 8 分鐘閱讀
搜尋與導航Git 提交：了解如何在程式碼庫中使用git cli 進行搜尋 / git / 12分鐘閱讀
我們正在分叉 Flutter。這就是為什麼.: 它被稱為 Flock。 / flutter, 框架 / 11 分鐘閱讀
關於優秀的軟體工程師：到目前為止，不僅僅是編寫大量程式碼。 / 工程 / 8 分鐘閱讀
HTML 表單驗證嚴重未被充分利用：HTML 表單具有強大的驗證機制，但它們卻嚴重未被充分利用。事實上，對於他們了解甚少的人並不多。這是因為他們的設計有缺陷嗎？讓我們來探索一下。 / html, 表單 / 8 分鐘閱讀
編寫易於刪除、不易擴展的程式碼：編寫的每一行程式碼都是有代價的：維護。為了避免支付大量程式碼的費用，我們建立了可重複使用的軟體。程式碼重用的問題在於它會妨礙您以後改變主意。 / 工程 / 18 分鐘閱讀
科技領導者的決策陷阱：科技界最喜歡的聚會伎倆是透過零過渡指導，甚至是對該角色所需內容的簡介，將程式設計師提升為領導角色。程式設計師接受升遷是因為……我的意思是，你當然會接受升遷。然後，他們很快就發現自己陷入了難以承受的境地。 / 領導 / 18 分鐘閱讀
是的，或...：科技諺語融入上下文。 / 工程 / 4 分鐘閱讀
GitHub Spark 讓您可以用簡單的英語建立Web 應用程式：來自Github / ai、github 🎜> 🎜>的新AI 工具>7 分鐘閱讀
/ 新創公司 / 10 分鐘閱讀
/ cloudflare、數據庫、遷移 / 閱讀23 分鐘
/ 知名度 / 6 分鐘閱讀
/ 遊標、css / 讀 9 分鐘我的現代 CSS 重設：為您的新專案重設 CSS 的入門指南。
css / 10 分鐘閱讀從成功的 Rust 重寫中學到的教訓：關於從 C 重寫到 Rust 的故事以及學到的教訓。
rust / 15 分鐘閱讀薪資談判- 賺更多錢，更有價值：帕特里克·麥肯齊的薪資談判指南
薪資，職業，職業 /
2024 年前端現況：最大前端報告的第三版。 / 調查、前端 /
Octoverse：隨著全球開發者數量激增，AI 引領Python 成為頂級語言：在今年的Octoverse 報告中，我們研究了GitHub 上的公共和開源活動如何顯示隨著全球開發者社區規模的激增，AI 正在如何擴展。 / github、octoverse /
ChatGPT 搜尋簡介：透過相關網路資源的連結獲得快速、及時的答案。 / 搜尋, ai/ 8 分鐘閱讀
「很多士氣低落」：幽靈工作對科技工作者造成嚴重破壞：招募人員和職業教練表示，它們有多種陰險的目的 / 工作，職業 / 閱讀12 分鐘
如果可以的話請緩存我：看看常見的緩存策略，以及CQRS 如何首先取代需求 / 緩存 / 閱讀11 分鐘
測量陷阱：過度依賴指標的隱性成本 / 分析、測量、產品、產品
9 分鐘閱讀 無頭、無骨、無皮膚和無生命的 UI：UI 抽象逐年不斷發展。讓我們來談談其中的幾個，他們做什麼，為什麼，並用一些愚蠢的名字來逗弄他們。 / ui
讀 7 分鐘 myAngular：前端函式庫（React、Vue、Angular）及其運作原理，全部在使用純 JavaScript (VanillaJS) 的單一檔案中。 / 前端, 框架

10 分鐘閱讀

？工具 類型：用於網頁排版 /
排版的 HTML 預處理器 Better Upload：React 的簡單檔案上傳。 / upload, s3
react UI 字體：即時測試和預覽字體，以滿足您的所有設計需求。輕鬆選擇完美的字體。 /
字型 di-wise：用於 JavaScript 和 TypeScript 的輕量級且靈活的依賴注入庫，帶有 ECMAScript 裝飾器。 /
javascript Trench：開源分析基礎架構。基於 ClickHouse、Kafka 和 Node.js 建立的單一生產就緒 Docker 映像，用於追蹤事件、使用者、頁面視圖和互動。 /
分析 CondingFont：身為軟體工程師，我們花費大量時間瀏覽、閱讀、更改程式碼。我們每天花8個小時盯著的編碼字體與我們的生產力和舒適度有很大關係。這就是為什麼我創建了這個遊戲化體驗來幫助您找到對程式設計字體的真正熱愛！ /
字型 Zen 瀏覽器：瀏覽網頁時體驗寧靜，沒有人追蹤您！ /
Zerox：使用 gpt-4o-mini / ocr、ai 進行零射擊 pdf OCR
ml.js：JavaScript 中的機器學習工具 / ml
OriginUI：使用 Tailwind CSS 和 Next.js 建立的漂亮 UI 元件。 / ui
pgdoc 連結：此網站提供 PostgreSQL 文件的有用捷徑。 / docs、postgres
daisyUI：最受歡迎、免費、開源的 Tailwind CSS 元件庫 / ui
React Modal Sheet：使用 Framer Motion 構建的靈活底部表單組件，提供黃油般流暢的用戶體驗，同時牢記可訪問性 / react
Wazuh：針對端點和雲端工作負載的統一 XDR 和 SIEM 保護。 / 安全性
ezcrypt：一款易於使用的強檔案加密工具。 / 加密
酷形狀：100 個帶有酷顆粒漸變的抽象形狀。可用於任何設計開發專案。 / 形狀
fedify：TypeScript 中的 ActivityPub 伺服器框架 / activitypub, federated
Acorn：一個小型、快速、基於 JavaScript 的 JavaScript 解析器 / 解析器、javascript
DevToys：開發者的瑞士軍刀 - 一款幫助開發者完成日常任務的桌面應用程式 / 工具
GenAI 腳本：自動化 GenAI 腳本 / ai
Pylon：讓 TypeScript 開發人員輕鬆建置 GraphQL API / graphql、typescript
LocalXpose：LocalXpose 是一個反向代理，可讓您將本地主機公開到網際網路。 / 代理
備忘錄：一個開源、輕量級的筆記解決方案。以輕鬆的方式創建有意義的筆記。你的筆記，你做主。 / 筆記

？設計

Comic Sans 如何成為字體界的 Crocs：經過 30 年的濫用，Comic Sans 已準備好救贖。 / 字型 / 讀 8 分鐘
為所有人設計：無障礙產品的力量 / a11y / 5 分鐘閱讀

？樂趣

TimeMyMeeting.com：以有趣的方式安排會議時間！ / 時間，會議 / 閱讀時間 1 分鐘

？教學

在 React 中建立鍵盤快速鍵掛鉤（深入研究）：建立自訂 React 掛鉤來處理鍵盤快速鍵。 / react, 快速鍵 / 讀 14 分鐘
Delicious Donut Components：使用React Server Components 進行組件組合的互動式指南 / react /
15 分鐘閱讀15 分鐘閱讀15 分鐘閱讀15 分鐘閱讀15 分鐘閱讀15 分鐘閱讀15 分鐘閱讀15 分鐘閱讀> Remix Todo 應用程式：了解如何使用 Remix 建立 Todo 應用程式。
remix / 8 分鐘閱讀使用 CSS :has()、網格和數量查詢製作內容感知元件：這裡的想法是，您可以先發制人地提供明智的行為和保障措施，以保持一切正常運作。
css / 12 分鐘閱讀如何在 JavaScript 和 TypeScript 中進行自己的身份驗證：身份驗證是任何應用程式的重要主題。它是確保只有正確的人才能存取正確的資源的看門人。但是如何在 JavaScript 和 TypeScript 中進行自己的身份驗證呢？在本教程中，我們將探索如何建立基於會話的身份驗證系統。
auth / 14 分鐘閱讀創建推動業務成果的法學碩士法官：根據我從 30 個人工智慧實施中學到的知識的分步指南。 /
ai, llms / 41 分鐘閱讀 Anthropic 課程：Anthropic 的教育課程