重新造訪我的第一個主頁

首頁 > 程式設計 > 重新造訪我的第一個主頁

重新造訪我的第一個主頁

發佈於2024-08-21

我必須回溯網路檔案館才能找到 2009 年的快照。

我保持原樣並檢查燈塔分數，我很高興地感到驚訝。

Revisiting my first homepage

15 年前我在開普敦宣講的許多最佳實踐仍然適用。雖然有新的更好的，但一些經典仍然適用！

我託管我的舊網站是為了好玩，請溫柔點，哈哈開玩笑，如果你有批評，我可以接受批評，但我不會更新它是歷史參考，已有 15 年曆史了！

https://gregbenner-classic-2009.netlify.app/
（沒有任何社交存在，並且許多連結已損壞）

我當時使用的一些「高級」東西是我自己的自訂圖示字體、非同步非阻塞 js 載入和內聯 Base64 小圖像。

檢查下面的所有方面，乾杯！

網頁優化 | PPT

網頁優化 - 下載 PDF 或免費線上查看

幻燈片分享網

版本聲明本文轉載於：https://dev.to/jswhisperer/revisiting-my-first-homepage-2e2k?1如有侵犯，請聯絡[email protected]刪除

最新教學更多>

如何干淨地刪除匿名JavaScript事件處理程序？
刪除匿名事件偵聽器將匿名事件偵聽器添加到元素中會提供靈活性和簡單性，但是當要刪除它們時，可以構成挑戰，而無需替換元素本身就可以替換一個問題。 element？ element.addeventlistener（event，function（）{/在這里工作/}，false）; 要解決此問題，請考...

程式設計發佈於2025-03-10
如何限制動態大小的父元素中元素的滾動範圍？
在交互式接口中實現垂直滾動元素的CSS高度限制，控制元素的滾動行為對於確保用戶體驗和可訪問性是必不可少的。一種這樣的方案涉及限制動態大小的父元素中元素的滾動範圍。問題：考慮一個佈局，其中我們具有與用戶垂直滾動一起移動的可滾動地圖div，同時與固定的固定sidebar保持一致。但是，地圖的滾動無限...

程式設計發佈於2025-03-10
對象擬合：IE和Edge中的封面失敗，如何修復？
To resolve this issue, we employ a clever CSS solution that solves the problem:position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50％）...

程式設計發佈於2025-03-10
為什麼PYTZ最初顯示出意外的時區偏移？
與pytz 最初從pytz獲得特定的偏移。例如，亞洲/hong_kong最初顯示一個七個小時37分鐘的偏移：差異源利用本地化將時區分配給日期，使用了適當的時區名稱和偏移量。但是，直接使用DateTime構造器分配時區不允許進行正確的調整。 example pytz.timezone（&#...

程式設計發佈於2025-03-10
如何在整個HTML文檔中設計特定元素類型的第一個實例？

程式設計發佈於2025-03-10
HTML格式標籤
HTML 格式化元素 **HTML Formatting is a process of formatting text for better look and feel. HTML provides us ability to format text without us...

程式設計發佈於2025-03-10
如何使用PHP從XML文件中有效地檢索屬性值？
從php $xml = simplexml_load_file($file); foreach ($xml->Var[0]->attributes() as $attributeName => $attributeValue) { echo $attributeName,...

程式設計發佈於2025-03-10
可以在純CS中將多個粘性元素彼此堆疊在一起嗎？
[2这里： https：//webthemez.com/demo/sticky-multi-header-scroll/index.html </main> <section> { display：grid; grid-template-...

程式設計發佈於2025-03-10
PHP陣列鍵值異常：了解07和08的好奇情況
PHP數組鍵值問題，使用07&08 在給定數月的數組中，鍵值07和08呈現令人困惑的行為時，就會出現一個不尋常的問題。運行print_r（$月份）返回意外結果：鍵“ 07”丟失，而鍵“ 08”分配給了9月的值。此問題源於PHP對領先零的解釋。當一個數字帶有0（例如07或08）的前綴時，PHP...

程式設計發佈於2025-03-10
如何從PHP中的數組中提取隨機元素？
從陣列中的隨機選擇，可以輕鬆從數組中獲取隨機項目。考慮以下數組：; 從此數組中檢索一個隨機項目，利用array_rand（ array_rand（）函數從數組返回一個隨機鍵。通過將$項目數組索引使用此鍵，我們可以從數組中訪問一個隨機元素。這種方法為選擇隨機項目提供了一種直接且可靠的方法。

程式設計發佈於2025-03-10
為什麼我的CSS背景圖像出現？
故障排除：CSS背景圖像未出現，您的背景圖像儘管遵循教程說明，但您的背景圖像仍未加載。圖像和样式表位於相同的目錄中，但背景仍然是空白的白色帆布。而不是不棄用的，您已經使用了CSS樣式： bockent {背景：封閉圖像文件名：背景圖：url（nickcage.jpg）; 如果您的html，cs...

程式設計發佈於2025-03-10
為什麼儘管有效代碼，為什麼在PHP中捕獲輸入？
在php ;?>" method="post">The intention is to capture the input from the text box and display it when the submit button is clicked.但是，輸出...

程式設計發佈於2025-03-10
為什麼不使用CSS`content'屬性顯示圖像？
在Firefox extemers屬性為某些圖像很大，&& && && &&華倍華倍[華氏華倍華氏度]很少見，卻是某些瀏覽屬性很少，尤其是特定於Firefox的某些瀏覽器未能在使用內容屬性引用時未能顯示圖像的情況。這可以在提供的CSS類中看到：。 googlepic { 內容：url（&...

程式設計發佈於2025-03-10
如何檢查對像是否具有Python中的特定屬性？
方法來確定對象屬性存在尋求一種方法來驗證對像中特定屬性的存在。考慮以下示例，其中嘗試訪問不確定屬性會引起錯誤： >>> a = someClass（） >>> A.property Trackback（最近的最新電話）：文件“ ”，第1行， AttributeError: SomeClass...

程式設計發佈於2025-03-10
在Java中使用for-to-loop和迭代器進行收集遍歷之間是否存在性能差異？
For Each Loop vs. Iterator: Efficiency in Collection TraversalIntroductionWhen traversing a collection in Java, the choice arises between using a for-...

程式設計發佈於2025-03-10