該最佳實(shí)踐列表的 2023 最新版已于 7 月更新。

2023年版有何更新？

• ?? 更新到 2023 年：大量文本編輯，新的推薦庫，以及一些新的最佳實(shí)踐；
• ? 輕松關(guān)注新內(nèi)容：以前已經(jīng)查看過了嗎？搜索 #new 或 #updated 標(biāo)簽只查看新內(nèi)容；
• ?? 想看一些例子嗎？ 提供了一個入門指南：Practica.js[1]，應(yīng)用示例和模板文件（測試版），看看實(shí)踐如何運(yùn)作。

該項(xiàng)目收錄 6 篇項(xiàng)目結(jié)構(gòu)實(shí)踐、12 篇錯誤處理實(shí)踐、12 篇代碼風(fēng)格實(shí)踐、13 篇測試和整體質(zhì)量實(shí)踐、19 篇生產(chǎn)實(shí)踐、25 篇安全實(shí)踐、2 篇性能實(shí)踐及 15 篇 Docker 最佳實(shí)踐，項(xiàng)目持續(xù)更新中。

• 項(xiàng)目結(jié)構(gòu)實(shí)踐：如何組織和設(shè)計(jì) Node.js 項(xiàng)目的目錄結(jié)構(gòu)和文件組織方式，包括最佳實(shí)踐和建議。
• 錯誤處理實(shí)踐：正確處理錯誤和異常，確保代碼可靠性和可維護(hù)性，并提供常用的技術(shù)和方法。
• 代碼風(fēng)格實(shí)踐：編寫規(guī)范和一致的代碼風(fēng)格，包括命名約定、代碼縮進(jìn)、注釋等，提高代碼可讀性和可理解性。
• 測試和整體質(zhì)量實(shí)踐：編寫高質(zhì)量的測試代碼，確保整體代碼質(zhì)量，包括單元測試、集成測試、代碼覆蓋率、代碼審查等。
• 生產(chǎn)實(shí)踐：在生產(chǎn)環(huán)境中部署、運(yùn)行和管理 Node.js 應(yīng)用的最佳實(shí)踐，包括日志記錄、監(jiān)控、性能優(yōu)化、容錯處理等。
• 安全實(shí)踐：保護(hù) Node.js 應(yīng)用免受常見安全威脅的最佳實(shí)踐，包括認(rèn)證、授權(quán)、數(shù)據(jù)加密、漏洞修復(fù)等。
• 性能實(shí)踐：優(yōu)化 Node.js 應(yīng)用的性能，包括減少響應(yīng)時間、并發(fā)處理、緩存策略等建議和技巧。
• Docker 最佳實(shí)踐：在使用 Docker 部署和管理 Node.js 應(yīng)用時的最佳實(shí)踐，包括容器設(shè)計(jì)、映像構(gòu)建、資源管理等建議。

Github：https://github.com/goldbergyoni/nodebestpractices。

除了 Nodejs 最佳實(shí)踐之外，該項(xiàng)目作者還開源了一個關(guān)于測試的最佳實(shí)踐：JavaScript 和 Node.js 測試最佳實(shí)踐。

該指南包含了全面而詳盡的 JavaScript 和 Node.js 測試最佳實(shí)踐，也已于 2023 年 7 月進(jìn)行了更新。

• ?? 50+最佳實(shí)踐：全面而詳盡這是一本關(guān)于 JavaScript 和 Node.js 可靠性的從 A 到 Z 的指南。它總結(jié)和整理了市場上數(shù)十篇最佳博客文章、書籍和工具。
• ??高級，超越基礎(chǔ)知識：深入探討高級主題，如生產(chǎn)環(huán)境中的測試、變異測試、基于屬性的測試以及許多其他戰(zhàn)略性和專業(yè)性的工具。
• ?? 全棧，前端、后端、CI等：首先了解無處不在的測試實(shí)踐，這是任何應(yīng)用層的基石。然后，深入研究選擇的領(lǐng)域：前端/UI、后端、CI，或者甚至同時涉及所有領(lǐng)域。

該指南內(nèi)容被翻譯成了多種語言，包括中文、韓文、波蘭文、西班牙文、葡萄牙文-巴西、法文、日文、繁體中文、烏克蘭文、波斯文和俄文等。

Github：https://github.com/goldbergyoni/javascript-testing-best-practices。

其他前端最佳實(shí)踐

最后，再來分享 3 個開源的前端相關(guān)的最佳實(shí)踐！

HTML 最佳實(shí)踐

該指南包含了一系列關(guān)于HTML代碼編寫和結(jié)構(gòu)組織的準(zhǔn)則，以幫助開發(fā)人員寫出更可靠、清晰和易于維護(hù)的HTML代碼。它涵蓋了語義化、標(biāo)記結(jié)構(gòu)、可訪問性等方面的建議，旨在提高HTML代碼的質(zhì)量。

該指南通過了英語、孟加拉語、丹麥語、德語、西班牙語、波斯語、法語、印度尼西亞語、日語、韓語、葡萄牙語、羅馬尼亞語、俄語、土耳其語、烏克蘭語、越南語、簡體中文和繁體中文等版本。

Github：https://github.com/hail2u/html-best-practices。

JavaScript 項(xiàng)目最佳實(shí)踐

包含了一系列用于幫助開發(fā)者維護(hù) JavaScript 項(xiàng)目的最佳實(shí)踐和指南。該項(xiàng)目包含了Git、文檔、環(huán)境、依賴、測試、結(jié)構(gòu)與命名規(guī)則、代碼風(fēng)格、API等方面的最佳實(shí)踐和指南。提供了中文版、日本語版、韓語版、俄語版、葡萄牙語版和意大利語版。

Github：https://github.com/elsewhencode/project-guidelines。

移動Web最佳實(shí)踐

本項(xiàng)目以基于 vue-cli3 和 typescript 搭建的 Todo 應(yīng)用為例，闡述了在使用 web 進(jìn)行移動端開發(fā)中的一些最佳實(shí)踐方案(并不局限于 Vue 框架)。另外其中很多方案同樣適用于 PC 端 Web 開發(fā)。

這份最佳實(shí)踐涉及分層架構(gòu)、微前端、離線包、JSBridge、異常監(jiān)控、頁面狀態(tài)保持、請求數(shù)據(jù)緩存、限制原生接口調(diào)用、樣式適配、表單校驗(yàn)、手勢庫、Webpack 策略、調(diào)試控制臺、抓包工具、部署和常見問題。

Github：https://github.com/mcuking/mobile-web-best-practice。

[1]Practica.js： https://github.com/practicajs/practica。