”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > Miva 的日子:第 15 天

Miva 的日子:第 15 天

发布于2024-09-30
浏览:437

这是 100 天 Miva 编码挑战中的第 15 天,虽然时间过得很快,但它帮助我极大地提高了我的 HTML、CSS 和 JavaScript 技能。
今天,我学习了JavaScript中的两个概念。显示对象属性和 JavaScript 事件。它们对于添加数据以及保持网页的响应性和交互性非常重要。

显示对象属性

正如我之前所讨论的,对象用于创建包含彼此相关或特定主题相关的不同数据类型的数据的数据块;以键值对格式编写。
显示这些属性有不同的方法可以实现。首先,它们可以显示为字符串,其中属性使用加法运算符连接。
 days of Miva: Day 15

它们可以显示为循环选择每个键和值对,直到对象耗尽。
 days of Miva: Day 15

它们也可以使用 Object.values() 方法以数组格式显示。
 days of Miva: Day 15

最后,可以使用 JSON.stringify() 方法显示它们,该方法使用 JSON 表示法显示它们。
 days of Miva: Day 15

JavaScript 事件
事件是由于浏览器或用户操作或输入而在网页上发生的操作。单击按钮、加载网页、调整页面大小等操作称为事件。 JavaScript 代码可用于在这些操作发生时引起某些反应。

例如,与 HTML 和 CSS 的静态显示相比,单击按钮时,JavaScript 代码可用于实时显示时间和日期。

 days of Miva: Day 15

JavaScript 代码还可用于在特定元素上发生操作时更改其内容。
 days of Miva: Day 15

发生事件时也可以调用和执行函数。
 days of Miva: Day 15

JavaScript 事件的概念对于使网页具有响应性和交互性至关重要,因为它们可用于引发对网页上的操作的实时反应。

第 15 天非常富有成效且富有教育意义,我计划明天探索更多有关 JavaScript 事件的内容!?

源代码在这里:
对象显示:(https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac2.html)

JavaScript 事件:(https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac3.html)

版本声明 本文转载于:https://dev.to/abdul_web/100-days-of-miva-day-15-46o4?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • Hacktoberfest 周在线拍卖系统
    Hacktoberfest 周在线拍卖系统
    概述 在 Hacktoberfest 的第三周,我决定为一个较小但有前途的项目做出贡献:在线拍卖系统。尽管该项目仍处于早期阶段,但它已经显示出增长潜力,而且我看到了帮助改进其代码库的机会。我的任务是通过减少冗余代码和改进整体结构来重构项目,使其更具可维护性和可扩展性。 ...
    编程 发布于2024-11-06
  • 如何使用“exception_ptr”在 C++ 线程之间传播异常?
    如何使用“exception_ptr”在 C++ 线程之间传播异常?
    在 C 中的线程之间传播异常 当从主线程调用的函数生成多个线程时,就会出现在 C 中的线程之间传播异常的任务用于 CPU 密集型工作的工作线程。挑战在于处理工作线程上可能发生的异常并将其传播回主线程​​以进行正确处理。传统方法一种常见方法是手动捕获工作线程上的各种异常,记录它们的详细信息,然后在主线...
    编程 发布于2024-11-06
  • 如何使用 3D CSS 变换修复 Firefox 中的锯齿状边缘?
    如何使用 3D CSS 变换修复 Firefox 中的锯齿状边缘?
    使用 3D CSS 变换时 Firefox 中的锯齿状边缘与 Chrome 中使用 CSS 变换时的锯齿状边缘问题类似,Firefox 在 3D 变换中也出现了这个问题。背面可见性作为 Chrome 中的潜在解决方案,在 Firefox 中被证明无效。解决方法:要在 Firefox 中缓解此问题,您...
    编程 发布于2024-11-06
  • 为什么 PHP 的 mail() 函数给电子邮件发送带来挑战?
    为什么 PHP 的 mail() 函数给电子邮件发送带来挑战?
    为什么 PHP 的 mail() 函数达不到要求:限制和陷阱虽然 PHP 提供了 mail() 函数用于发送电子邮件,但它却失败了与专用库或扩展相比较短。以下是与使用 mail() 相关的缺点和限制的全面检查:格式问题:mail() 可能会遇到以下问题:标题和内容格式,尤其是操作系统之间的换行符差异...
    编程 发布于2024-11-06
  • 使用 npyConverter 简化 NumPy 文件转换
    使用 npyConverter 简化 NumPy 文件转换
    如果您使用 NumPy 的 .npy 文件并需要将其转换为 .mat (MATLAB) 或 .csv 格式,npyConverter 就是适合您的工具!这个简单的基于 GUI 的工具通过干净且用户友好的界面提供 .npy 文件的批量转换。 主要特点 批量转换:将目录下所有.npy文件...
    编程 发布于2024-11-06
  • 如何禁用特定线路的 Eslint 规则?
    如何禁用特定线路的 Eslint 规则?
    禁用特定行的 Eslint 规则在 JSHint 中,可以使用语法禁用特定行的 linting 规则: /* jshint ignore:start */ $scope.someVar = ConstructorFunction(); /* jshint ignore:end */对于 eslint...
    编程 发布于2024-11-06
  • 如何在没有错误的情况下将列表插入 Pandas DataFrame 单元格?
    如何在没有错误的情况下将列表插入 Pandas DataFrame 单元格?
    将列表插入 Pandas 单元格问题在 Python 中,尝试将列表插入 Pandas DataFrame 的单元格可能会导致错误或意想不到的结果。例如,当尝试将列表插入 DataFrame df 的单元格 1B 时:df = pd.DataFrame({'A': [12, 23], 'B': [n...
    编程 发布于2024-11-06
  • Matplotlib 中的“plt.plot”、“ax.plot”和“figure.add_subplot”之间的主要区别是什么?
    Matplotlib 中的“plt.plot”、“ax.plot”和“figure.add_subplot”之间的主要区别是什么?
    Matplotlib 中绘图、轴和图形之间的差异Matplotlib 是一个用于创建可视化的面向对象的 Python 库。它使用三个主要对象:图形、轴和绘图。图形图形表示将在其中显示可视化的整个画布或窗口。它定义画布的整体大小和布局,包括边距、背景颜色和任何其他全局属性。轴轴表示图中绘制数据的特定区...
    编程 发布于2024-11-06
  • FireDucks:以零学习成本获得超越 pandas 的性能!
    FireDucks:以零学习成本获得超越 pandas 的性能!
    Pandas 是最受欢迎的库之一,当我在寻找一种更简单的方法来加速其性能时,我发现了 FireDucks 并对它产生了兴趣! 与 pandas 的比较:为什么选择 FireDucks? Pandas 程序可能会遇到严重的性能问题,具体取决于其编写方式。然而,作为一名数据科学家,我想花...
    编程 发布于2024-11-06
  • CSS 网格:嵌套网格布局
    CSS 网格:嵌套网格布局
    介绍 CSS Grid 是一种布局系统,因其在创建多列布局方面的灵活性和效率而迅速受到 Web 开发人员的欢迎。它最有用的功能之一是能够创建嵌套网格布局。嵌套网格可以在设计复杂网页时提供更多控制和精确度。在本文中,我们将探讨在 CSS Grid 中使用嵌套网格布局的优点、缺点和主要...
    编程 发布于2024-11-06
  • 适用于 Java 的 Jupyter 笔记本
    适用于 Java 的 Jupyter 笔记本
    Jupyter Notebook 的强大 Jupyter Notebooks 是一个出色的工具,最初是为了帮助数据科学家和工程师使用 python 编程语言简化数据处理工作而开发的。事实上,笔记本的交互性使其非常适合快速查看代码结果,而无需搭建开发环境、编译、打包等。此功能对于数据...
    编程 发布于2024-11-06
  • 如何在 PyQt 中的主窗口和线程之间共享数据:直接引用与信号和槽?
    如何在 PyQt 中的主窗口和线程之间共享数据:直接引用与信号和槽?
    PyQt 中主窗口和线程之间共享数据多线程应用程序通常需要在主窗口线程和工作线程之间共享数据。为了确保线程安全和正确的通信,PyQt 提供了几种实用的方法。选项 1:直接引用主窗口在此方法中,对主窗口的引用窗口被传递给线程。然后线程可以直接访问主窗口中的数据,例如 spinbox 的值。class ...
    编程 发布于2024-11-06
  • 对于专业开发人员来说最有用的 VS Code 快捷方式?
    对于专业开发人员来说最有用的 VS Code 快捷方式?
    VS Code 中 20 个最有用的快捷键 一般导航 命令面板:访问 VS Code 中的所有可用命令。 Ctrl Shift P (Windows/Linux) 或 Cmd Shift P (macOS) 快速打开:按名称快速打开文件。 Ctrl P (Windows/Linux) 或 Cmd ...
    编程 发布于2024-11-06
  • 何时使用“composer update”与“composer install”?
    何时使用“composer update”与“composer install”?
    探索composer update和composer install之间的区别Composer是一个流行的PHP依赖管理器,提供两个关键命令:composer update和composer install。虽然它们具有管理依赖关系的共同目标,但它们具有不同的目的并以不同的方式运行。Composer...
    编程 发布于2024-11-06

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3