首页 >web前端 >js教程 >我用 PURE JAVASCRIPT 制作个人网页的旅程!

我用 PURE JAVASCRIPT 制作个人网页的旅程!

Susan Sarandon
Susan Sarandon原创
2024-12-29 09:49:10442浏览

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