首页 > web前端 > js教程 > 正文

#DaysOfCode 周:掌握 JavaScript 基础知识、构建 Blackjack 游戏以及我的第一个 Chrome 扩展!

Susan Sarandon
发布: 2024-11-04 13:14:29
原创
352 人浏览过

Week f #DaysOfCode: Mastering JavaScript Fundamentals, Building a Blackjack Game, and My First Chrome Extension!

回顾第五周?

本周我的 #100DaysOfCode 挑战充满了里程碑、挑战和大量 JavaScript!从构建简单的 Blackjack 游戏到部署 Chrome 扩展,我在理解和应用 JavaScript 基础知识方面取得了重大进展。以下是每一天的详细情况以及我一路上学到的东西。


第 30 天:交互式应用程序的 JavaScript 要点?

我从深入研究 JavaScript 基础概念开始了这一周:

  • 脚本标签及其在嵌入 JavaScript 中的作用。
  • 基本变量数字字符串,并了解如何声明和使用它们。
  • 练习使用console.log()输出数据以进行调试和监控。
  • 探索函数以及它们如何封装逻辑以供重用。
  • 深入研究DOM(文档对象模型),它为用户交互开辟了令人兴奋的可能性。
  • getElementById()innerText/textContent 用于选择和操作 HTML 元素。

当我决定通过构建一个乘客计数器应用程序来应用这些技能时,这些技能派上了用场,该项目测试了我对 DOM 操作和基本 JavaScript 函数的理解。


第 31 天:用 JavaScript 编写二十一点游戏?

第 31 天,我开始构建 Blackjack 游戏!重点是 if-else 语句 来管理游戏流程,特别是检查赢/输条件。使用条件逻辑创建动态游戏玩法既具有挑战性又令人兴奋。通过使用基本规则和条件构建游戏,我对如何管理应用程序流程有了更深入的了解。


第 32 天:使用数组?

JavaScript 数组是第 32 天的重点。我学会了使用以下方法存储和管理数据列表:

  • .push() 用于添加元素,
  • .pop() 用于删除最后一个元素,
  • .slice() 用于处理数组的部分。

这些工具是必不可少的,虽然需要一些练习,但我开始了解数组如何提高数据管理效率。事实证明,数组是一种强大的资源,我很高兴能够进一步实现它们。


第 33 天:探索循环、随机性和对象?

循环、随机数生成和对象成为第 33 天的亮点。我练习了:

  • For 循环 用于迭代数据,
  • Math.random() 生成随机数,添加不可预测性的元素,
  • 创建并使用对象来组织数据。

这些技能中的每一项对于构建二十一点游戏都至关重要。这个过程帮助我了解了循环和随机性如何创建引人入胜的动态应用程序,以及对象如何以可管理的方式组织复杂的信息。


第 34 天:二十一点游戏完成! ?

第 34 天标志着我的二十一点游戏的完成!该项目帮助我巩固了条件循环用户交互等概念。看到这一切走到一起是值得的,我感到一种巨大的成就感。该游戏不仅仅是功能性的,它代表了我作为开发者的成长。


第 35 天:强化基础知识?

今天,我专门花时间练习这一周学到的所有内容。重新审视循环对象数组让我加强了我的理解并使我的代码更干净、更高效。重复是学习的关键,这一天对于加深我对 JavaScript 基础知识的掌握至关重要。


第 36 天:构建我的第一个 Chrome 扩展! ?

我通过启动一个 Chrome 扩展项目结束了这一周。这是一个令人兴奋的转变,我了解到:

  • 事件侦听器 触发操作,
  • 本地存储直接在浏览器中保存数据,
  • 模板文字 用于创建动态 HTML。

通过扩展看到 JavaScript 实时活跃起来是一种奇妙的体验。它向我展示了 JavaScript 的强大功能,我很高兴能够继续开发这个项目!


挑战与进步

本周,我在 JavaScript 方法方面遇到了挑战,尤其是在处理数组和对象时。理解数据结构如何交互并有效地使用方法需要耐心和实践。然而,每一天都带来了小小的胜利,排除故障的过程增强了我解决问题的能力。


在我的 GitHub 存储库中查看我的进度和这些项目的代码,并关注 X @Toptech5419 进行每日更新!

在此推动 #100DaysOfCode 并继续作为开发者成长!

以上是#DaysOfCode 周:掌握 JavaScript 基础知识、构建 Blackjack 游戏以及我的第一个 Chrome 扩展!的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板