React 模組 => 無框架
發佈於2024-11-09
瀏覽：626
我在 React 和遊戲挑戰方面的經驗讓我陷入了困境：如果我選擇 jsDoc 來消除程式碼中的語言依賴 (TS)。下一步是將 CDN Tailwind 插入到該專案中。第三個是我開始開發遊戲的時間有點晚，甚至我的模組（jsdoc-duck）也按預期工作，並加快了我的開發過程。但同時我不必對遊戲互動進行時間池化，也不包含任何動畫。最後一個是該程式沒有響應。在某些情況下這是有問題的。
在未能贏得比賽後，我開始編寫該遊戲的響應式動畫 POC。我不想與 React 生態系統對抗，所以我只使用一個簡單的純 HTML 檔案。即使我不想使用多個文件，因為這只是一個佈局。
此刻，我發現了一些純現代HTML 技術，這些技術對我隱藏了React： 代理taget 模板字串函數，這對於這段程式碼來說足夠令人驚訝，而不使用任何依賴項，期望cdn Tailwind有充分的理由。
流向NoBuild！
所以在第二章結束時。有一天，我的 POC 按預期工作，甚至更重要的是，我決定繼續上路：nobuild
純網
看看這個基金會，有關於這個主題的更廣泛的資訊。
版本聲明
本文轉載於：https://dev.to/pengeszikra/react-module-no-framework-1ha6?1如有侵犯，請洽[email protected]刪除
最新教學
更多>
-
在 JavaScript 中快取數組長度比直接長度存取更快嗎？優化 JavaScript 中的陣列迭代：快取長度與直接長度存取循環數組是 JavaScript 中的基本操作。但最快的方法是什麼？傳統觀點認為，快取數組的長度可以透過避免重複計算來提高效能。然而，有些人認為現代編譯器優化了直接長度存取。 爭論：快取與直接存取傳統上，建議的方法是快取陣列長度： f...程式設計 發佈於2024-11-09 -
如何使用純 JavaScript 切換元素類別？使用純 JavaScript 切換元素類別：綜合指南簡介在 JavaScript 中，控制元素類別對於動態 Web 開發至關重要。一項常見任務是切換類別以更改元素的外觀或功能。雖然 jQuery 讓這項任務變得簡單，但了解如何使用純 JavaScript 來完成它是至關重要的。 jQuery 解決方...程式設計 發佈於2024-11-09
-
如何使用 Base64 對 OpenSearch 外掛的映像進行編碼？為 OpenSearch 插件編碼映像為 Firefox 或 IE 等瀏覽器開發 OpenSearch 插件時，base64 編碼對於表示映像至關重要。具體實現方法如下：方法一：線上編碼訪問線上文件編碼網站，例如[Base64 Encode](https:// /www. base64encode....程式設計 發佈於2024-11-09
-
使用 Java 的 JarOutputStream 建立 JAR 檔案時如何避免意外問題？對JAR 檔案所建立的JarOutputStream 進行故障排除使用java.util.jar.JarOutputStream 以程式設計方式建立JAR 檔案看起來很簡單，但某些細微差別可能會導致意外問題。本文探討了這些未記錄的怪癖，並提供了用於建立有效 JAR 檔案的全面解決方案。 了解怪癖使用...程式設計 發佈於2024-11-09
-
如何在不中斷內容流的情況下將 Div 絕對放置在右側：解決 Float:right 與 Position:absolute 的困境右浮動和絕對定位困境已解決在您追求一個div 能夠無縫地將其自身與其父級右側對齊，同時避免干擾其他內容，您偶然發現了一個障礙： float:right 和float:right的衝突行為position:absolute.Float 和Absolute 的衝突性質Float:right 透過將其他元...程式設計 發佈於2024-11-09
-
如何在不修改 http.ResponseWriter 的情況下記錄 HTTP 回應？在http.HandleFunc 中記錄HTTP 回應本文討論了一種獲取HTTP 回應以進行日誌記錄的替代方法，而無需訴諸偽造請求或修改http.ResponseWriter。我們引入了中間件連結的概念，提供了函數式實作。 中介軟體連結中介軟體連結涉及將控制權傳遞給處理程序鏈，這些處理程序在主請求執...程式設計 發佈於2024-11-09
-
如何處理跨平台 Go 庫中特定於作業系統的程式碼？如何利用特定於作業系統的程式碼的建構約束開發依賴於特定於作業系統的依賴項的跨平台Go 函式庫時，有必要區分建構不同作業系統的流程。解決方法如下：例如，讓我們考慮建立一個使用 Windows 的「encoding/osheb」套件和 Linux 的「encoding/olson」套件的函式庫。為了有效...程式設計 發佈於2024-11-09
-
如何在 PHP 中有效使用回呼？在 PHP 中實作回調PHP 中的術語「回呼」包括作為函數指標操作的字串和陣列。在PHP 4 中，出現了以下語法：$cb1 = 'someGlobalFunction';$cb2 = ['ClassName', 'someStaticMethod'];...程式設計 發佈於2024-11-09
-
如何檢查 Chrome 和 Firefox 中的元素？您有没有想过一个制作精美的网站背后有哪些元素？了解如何检查 Chrome 和 Firefox 中的元素。 每个视觉上令人惊叹的网页都有复杂的 HTML、CSS 和 JavaScript 代码在后端运行。使用名为 Inspect Element 的便捷开发工具，您可以在流行的网络浏览器上检查 HTM...程式設計 發佈於2024-11-09
-
為什麼在 C++ 中設定靜態欄位時出現「無法解析的外部符號」錯誤？靜態物件欄位的無法解析的外部符號本文調查了嘗試設定時遇到的錯誤訊息「error LNK2001：無法解析的外部符號”主方法中的類別中的靜態字段。 在提供的程式碼片段中，類別中靜態欄位「a」的宣告「B」出現在類別定義本身內。但是，根據 C 標準，此類聲明不被視為定義。對於靜態資料成員，正確的定義必須出...程式設計 發佈於2024-11-09
-
如何在 PHP 中高效去除小數中的尾隨零？在 PHP 中刪除小數中的尾隨零在 PHP 中，從小數中刪除尾隨零是一項常見任務。考慮以下場景：您有一組數字，例如 125.00、966.70 和 844.011，您希望顯示這些數字，但不包含不必要的零數字。 快速且優化的解決方案為了有效地完成此任務，您可以採用簡單而有效的解決方案，將數字添加到...程式設計 發佈於2024-11-09
-
如何在 Internet Explorer 8 中使用 nth-child() 在表中實作斑馬條紋？Internet Explorer 8 中對nth-child() 的CSS 支援在現代瀏覽器中，CSS nth-child() 元素通常是用於在表格中實現斑馬條紋效果。然而，Internet Explorer 8 中明顯缺少此功能。以下是解決此限制的方法：Polyfill 方法：Selectivi...程式設計 發佈於2024-11-09
-
在 JavaScript 中使用「setTimeout」時如何使用「this」保留上下文？在JavaScript 中使用setTimeout 並透過this 保存上下文在JavaScript 中使用setTimeout 函數時，必須了解它如何處理這的背景。當在超時回調中呼叫不同上下文中定義的方法時，這一點變得特別重要。 在提供的程式碼片段中，方法函數呼叫 method2，該方法根據傳遞的...程式設計 發佈於2024-11-09
-
如何在 C++ 中安全地啟動執行檔：為什麼 CreateProcess() 是您的最佳選擇？利用CreateProcess() 啟動可執行檔在本指南中，我們將探討如何從另一個C 執行檔中開啟執行檔(.exe )。 使用 system() 的陷阱在深入研究解決方案之前，強調使用 system() 函數的危險至關重要。 System() 有幾個缺點：它很糟糕，可能會減慢程式速度。 它會破壞安全...程式設計 發佈於2024-11-09
-
使用這些運算符增強您的打字稿遊戲空值合併運算子 (??) ?? 運算子用於在處理 null 或未定義時提供預設值。它檢查左側是否為 null 或未定義，如果是，則傳回右側值。 let value = null; let defaultValue = "DefaultValue"; let result = value ?? d...程式設計 發佈於2024-11-09
學習中文
- 1 走路用中文怎麼說？ 走路中文發音，走路中文學習
- 2 坐飛機用中文怎麼說？ 坐飞机中文發音，坐飞机中文學習
- 3 坐火車用中文怎麼說？ 坐火车中文發音，坐火车中文學習
- 4 坐車用中文怎麼說？ 坐车中文發音，坐车中文學習
- 5 開車用中文怎麼說？ 开车中文發音，开车中文學習
- 6 游泳用中文怎麼說？ 游泳中文發音，游泳中文學習
- 7 騎自行車用中文怎麼說？ 骑自行车中文發音，骑自行车中文學習
- 8 你好用中文怎麼說？ 你好中文發音，你好中文學習
- 9 謝謝用中文怎麼說？ 谢谢中文發音，谢谢中文學習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
