首頁 >web前端 >js教程 >我用 PURE JAVASCRIPT 製作個人網頁的旅程!

我用 PURE JAVASCRIPT 製作個人網頁的旅程!

Susan Sarandon
Susan Sarandon原創
2024-12-29 09:49:10454瀏覽

My journey making a personal webpage with PURE JAVASCRIPT!

是的,你沒聽錯:純 JAVASCRIPT!
在目前的 JavaScript 生態系統中,基於套件建構的框架幾乎已經成為 Web 開發的必備條件。
我們都知道這些花俏的名字:

  • 反應
  • 有角度
  • 苗條
  • Vue

框架仍然是 Javascript

框架只是具有預先編碼功能的 Javascript。
現在,在您在評論中對我大喊大叫之前,我知道使用框架可以幫助您更快地開發,並且當您知道從頭開始構建它們將非常耗時且更多時,它的一些功能可能是天賜之物。整合起來很複雜。然而,我也知道更新 npm 包帶來的即時恐懼,並祈禱一個簡單的包(可能只有我自己的三行程式碼)不會崩潰並破壞一切。
框架很棒,但有時你會無緣無故地向你的Web 應用程式註入大量的臃腫內容(這也適用於每個人都推薦的精美包,最終你會得到300 個額外的迷你包,只是為了執行簡單的字串驗證).

我的 Github 頁面之旅

所以,我決定製作一個個人 GitHub 頁面,因為我真的很喜歡創造東西,而個人空間將是以更具互動性的方式展示我的一些創作的最佳場所。最初的想法是使用 HTMX,這是一個簡單的框架,用於在我自己的 HTML 檔案中發出 HTML 請求。然而,當我瀏覽文件並意識到 HTMX 的主要想法在更複雜的應用程式中運作得更好時,這個概念很快就發生了變化。對網頁上我的實際「螢幕」進行簡單的 GET 請求就足夠了。因此,我決定使用簡單而純粹的 JavaScript,而不是帶著大砲去進行劍戰!

基礎很重要

歸根結底,了解如何使用簡單乾淨的 JavaScript 來操作和建立網頁可以幫助您了解您今天使用的所有框架是如何在幕後工作的。當然,每個 JavaScript 框架都有自己的想法,而且管理方式也非常不同,但是您可以透過嘗試建立與它們類似的東西來掌握它們的許多核心功能。

不!我不是告訴你要創建一個新的 JS 框架!

我的意思是,下次你創建個人專案時,你所知道的東西將用於學習,請嘗試使用純JS。您將了解該語言的基礎知識及其弱點。然後,當你深入研究下一個 JS 框架時,你會這樣:「這只是 X,但有 Y 語法」

你同意嗎?讓我們在評論中進一步討論吧!

[元]

這是我記錄我個人專案的雙週系列的第一章。接下來,我想討論我為 GitHub 頁面創建的螢幕管理系統,其靈感來自 Android 生命週期的一些概念。 如果您喜歡這個想法,請密切關注 - 完成後我將連結下一篇文章。

下一篇文章: [尚未準備好]

想看我的 Github 頁面嗎?隨意看:
?‍⬛ GitHub 個人頁 ⭐

以上是我用 PURE JAVASCRIPT 製作個人網頁的旅程!的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn