#daysofMiva 挑战赛的第一天。

WBOY
发布: 2024-08-21 09:05:48
原创
821 人浏览过

100 天挑战的第一天

日期:2024年8月21日

目标:学习和理解 JavaScript 中的变量、逻辑运算和数据类型,使用 JavaScript 解决数学问题,并开始学习事件监听器和条件语句。

1. JavaScript 变量简介

今天,我通过学习变量开始了 JavaScript 之旅。 JavaScript 中的变量就像一个保存数据的容器,数据可以是数字、一段文本或任何其他类型的值。我学习了如何使用 let、const 和 var 关键字声明变量。

  • let 允许您创建一个稍后可以更改的变量。
  • const 创建一个不能重新赋值的变量。
  • var 是一种较旧的变量声明方式,但仍在使用。

Day f the #daysofMiva Challenge.

2. 理解逻辑运算和数据类型

接下来,我探索了用于在 JavaScript 中做出决策的逻辑运算。我学习了基本的逻辑运算符:

我还了解了不同的数据类型,例如:

Day f the #daysofMiva Challenge.

3. 用 JavaScript 解决数学问题

我运用变量和数据类型的知识来解决一个简单的数学问题。问题是计算给定宽度和高度的矩形的面积。

Day f the #daysofMiva Challenge.

4. 事件监听器简介

继续,我开始学习事件监听器。事件监听器是一个等待特定事件发生的函数,例如用户单击按钮,然后触发某些操作。

简单来说:
事件侦听器允许 JavaScript 响应网页上的用户操作,例如单击按钮、在文本框中键入或将鼠标悬停在元素上。

Day f the #daysofMiva Challenge.

未点击时

Day f the #daysofMiva Challenge.

点击后会显示正在加载的数据..然后最终显示“通过回调加载数据”

Day f the #daysofMiva Challenge.

这是 javascript 中事件监听器的工作

5. 理解条件语句

我还了解了条件语句,它允许我在代码中做出决定。条件语句检查条件是真还是假,然后根据结果执行代码块。

Day f the #daysofMiva Challenge.

Day f the #daysofMiva Challenge.

6 了解 JavaScript 中的 While 循环和 For 循环

While 循环:
只要指定条件为真,JavaScript 中的 while 循环就会不断执行代码块。我努力理解这个概念,将其想象为有人反复问一个问题,直到得到正确的答案。

简单定义:
只要某个条件成立,while 循环就会继续运行。

示例:

let number = 1;

while (number <= 5) {
    console.log(number);
    number++;
}
登录后复制

在此示例中,循环从 number = 1 开始,如果 number 小于或等于 5,则循环继续运行。它打印 number 的值,然后每次将其加 1。

For 循环:
for 循环与 while 循环类似,但当您知道要运行循环多少次时,for 循环通常更简洁且更容易编写。

简单定义:
for 循环将代码块重复特定次数。

示例:

for (let i = 1; i <= 5; i++) {
    console.log(i);
}
登录后复制

在这个 for 循环中,i 从 1 开始,每次循环后加 1,直到达到 5。循环运行 5 次,就像 while 循环一样。

While 和 For 循环之间的区别:

  • While 循环: 当您不知道循环应该运行多少次,但有一个条件需要检查时,这是最好的选择。
  • For 循环: 当您确切知道循环应该运行多少次时最好。

场景:
想象一下你正在抛一枚硬币。你想继续翻转直到获得正面。由于您不知道需要翻转多少次,因此您可以使用 while 循环继续翻转,直到出现正面。

现在,如果您想将硬币翻转 5 次,您可以使用 for 循环,因为您知道无论结果如何,您都需要翻转 5 次。

总结:

  • While 循环: 不断翻转,直到出现正面。
  • For 循环: 将硬币翻转 5 次。

理解循环需要付出一些努力,但这个练习帮助我了解它们如何在我的代码中有效地重复任务。

Day f the #daysofMiva Challenge.

我的经历

我感到非常沮丧和压力。这真的让我很感动,我几乎想砸碎我的电脑。真是太压倒性了!你能帮我找出哪里出了问题吗?....?‍♂️?‍♂️?‍♂️?‍♂️,我必须处理这么多错误,而调试它只会增加我的压力。但我决定休息一下,重新调整一下心态,终于解决了问题。我不断告诉自己,无论如何,我都可以成为最好的自己。

但是 javascript...????

Day f the #daysofMiva Challenge.

Day f the #daysofMiva Challenge.

结论

第一天非常富有成效,因为我通过学习变量、逻辑运算、数据类型和条件语句,为 JavaScript 奠定了坚实的基础。我还开始探索 JavaScript 如何通过事件监听器与用户操作交互。我很高兴能够继续这个旅程并在未来加深我对 JavaScript 的理解。

Day f the #daysofMiva Challenge.

请点赞、分享、订阅并关注更多内容,并评论我应该为这个 javascript 汉堡包喝什么饮料......哈哈???

以上是#daysofMiva 挑战赛的第一天。的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!