”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > #daysofMiva 编码挑战日

#daysofMiva 编码挑战日

发布于2024-11-08
浏览:980

嗨,大家好。因此,在本次挑战的第二天,我决定离开 GitHub,专注于我真正想学习的内容:Javascript。

什么是 JavaScript

想象一下,您是 Web 开发领域的奇才。您拥有值得信赖的 HTML 来构建您的网站结构,就像神奇生物的骨骼一样。然后,您可以使用 CSS 为其赋予某种风格,例如选择完美的长袍或服装。但缺少一些东西。你的创作是静止的、没有生命的。这就是 JavaScript (JS) 的用武之地——它是让您的创作变得栩栩如生的魔杖! JavaScript 是一种编程语言,主要用于在网站上创建交互式动态内容。它使开发人员能够实现动画、表单验证和实时更新等功能,而无需重新加载页面。 JavaScript 可用于 Web 应用程序的前端(用户看到并与之交互的内容)和后端(服务器端操作)。

JavaScript 无处不在。正是这种语言造就了今天的网络:互动、有趣且具有无穷的吸引力。无论您是想创建一个很酷的网站、一个令人上瘾的移动应用程序,还是一个游戏,学习 JavaScript 就像学习书中最强大的咒语一样。

Day f #daysofMiva Coding Challenge

JavaScript 的使用

JavaScript (JS) 是一种广泛用于 Web 开发的通用编程语言。以下是 JavaScript 的一些关键用途:

1。网页开发(前端)
交互式网页:JavaScript 使网站具有交互性。从下拉菜单到图像滑块,它为您在网站上看到的动态元素提供支持。
表单验证:在提交表单之前检查用户是否正确填写了表单。
动画:JavaScript 可以创建动画和效果,例如屏幕上淡入淡出的元素或移动的对象。
2.网页开发(后端)
服务器端编程:使用 Node.js,JavaScript 可以在服务器上运行来处理请求、管理数据库和提供内容。
实时应用程序:JavaScript 用于实时应用程序,例如聊天应用程序、在线游戏和实时数据流。
3.移动应用程序开发
跨平台移动应用程序:React Native 和 Ionic 等框架使用 JavaScript 来构建可在 iOS 和 Android 上运行的移动应用程序。
4.游戏开发
浏览器游戏:JavaScript 与 HTML5 和 Canvas 一起用于创建直接在浏览器中运行的交互式游戏。
5.自动化和脚本编写
任务自动化:JavaScript 可以自动执行 Web 开发中的重复任务,例如缩小文件或测试代码。
浏览器扩展:JavaScript 为许多浏览器扩展提供了支持,这些扩展增强了 Chrome 和 Firefox 等浏览器的功能。
6。数据可视化
图表和图形:D3.js 和 Chart.js 等库允许开发人员创建复杂的数据可视化和交互式图表。
7.人工智能和机器学习
AI 和 ML 模型:JavaScript 以及 TensorFlow.js 等库可用于直接在浏览器中构建和运行 AI 模型。
8.物联网 (IoT)
物联网设备:JavaScript 可用于对物联网设备进行编程,从而实现设备和网络之间的通信。
9.渐进式网络应用程序 (PWA)
PWA:JavaScript 支持开发可离线工作且感觉像本机移动应用程序的 Web 应用程序。
10. API集成
获取数据:JavaScript 用于与 API 交互,从服务器获取数据并将其动态显示在网页上。

Day f #daysofMiva Coding Challenge

Day f #daysofMiva Coding Challenge
这些只是 JavaScript 众多用途中的一小部分,由于其灵活性和广泛的应用范围,JavaScript 仍然是科技行业的关键语言。

我今天在 Javascript 上做了什么

所以基本上,我没有直接开始编写我不理解的代码?我是一步一步来的。我首先学习了如何在 chrome 开发工具上编码,我想向您展示我是如何做到的。

如何打开 Chrome 开发工具
chrome开发工具有3种打开方式:
-Mac 上的命令 Alt J
在 Windows 上控制 Alt J
-右键单击鼠标,然后选择“检查”也会在 Chrome 上打开开发工具。虽然它会打开元素选项卡,然后我们可以转到控制台,这是我们将执行一些代码的地方。
-最后一步是进入chrome菜单,然后进入查看,点击开发者。在开发者下点击Javascript控制台,会弹出控制台选项卡。
对我有用的是第二个,我只需右键单击鼠标并单击“检查”,然后导航到控制台选项卡。
注意:我使用的是访客浏览器,而不是普通浏览器。

Day f #daysofMiva Coding Challenge

Day f #daysofMiva Coding Challenge

我可以通过单击命令加号来增加字体,反之亦然,通过单击命令 - 在 mac 中,但在 chrome 中它是控制和控制 -。

Day f #daysofMiva Coding Challenge 我单击控件的图像

Day f #daysofMiva Coding Challenge 我单击控件的图像 -

控制台允许我们编写和测试 Javascript 代码,因此它在开发过程中非常有用,例如修复错误,但我们无法使用此控制台编写真正的应用程序。

Day f #daysofMiva Coding Challenge

alert("Hello World")

Day f #daysofMiva Coding Challenge

let js = "amazing"
if (js === 'amazing') alert("Javascript is fun")

Day f #daysofMiva Coding Challenge

50 60-10

39 54-24

所以从上面的图片中我们可以看到一个弹窗,甚至还有一些使用JS进行的数学计算。

我面临的挑战

我可以说我面临的唯一挑战是不知道为什么代码会以这种方式工作,随着时间的推移,我相信我会理解并非常擅长它。

结论

我很高兴我踏上了这段旅程,并且我已经学到了很多东西。我个人知道我很快就会克服我所面临的挑战,在你知道之前我就会成为一名大师?不管怎样,非常感谢家人❤️。期待我的第三天文章??.

版本声明 本文转载于:https://dev.to/ayotomi_de/day-2-of-100daysofmiva-coding-challenge-dne?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • Java中假唤醒真的会发生吗?
    Java中假唤醒真的会发生吗?
    在Java中的浪费唤醒:真实性或神话?在Java同步中伪装唤醒的概念已经是讨论的主题。尽管存在这种行为的潜力,但问题仍然存在:它们实际上是在实践中发生的吗? Linux的唤醒机制根据Wikipedia关于伪造唤醒的文章,linux实现了pthread_cond_wait()功能的Linux实现,利用...
    编程 发布于2025-07-15
  • Java中Lambda表达式为何需要“final”或“有效final”变量?
    Java中Lambda表达式为何需要“final”或“有效final”变量?
    Lambda Expressions Require "Final" or "Effectively Final" VariablesThe error message "Variable used in lambda expression shou...
    编程 发布于2025-07-15
  • Go web应用何时关闭数据库连接?
    Go web应用何时关闭数据库连接?
    在GO Web Applications中管理数据库连接很少,考虑以下简化的web应用程序代码:出现的问题:何时应在DB连接上调用Close()方法?,该特定方案将自动关闭程序时,该程序将在EXITS EXITS EXITS出现时自动关闭。但是,其他考虑因素可能保证手动处理。选项1:隐式关闭终止数...
    编程 发布于2025-07-15
  • 如何使用node-mysql在单个查询中执行多个SQL语句?
    如何使用node-mysql在单个查询中执行多个SQL语句?
    Multi-Statement Query Support in Node-MySQLIn Node.js, the question arises when executing multiple SQL statements in a single query using the node-mys...
    编程 发布于2025-07-15
  • 在PHP中如何高效检测空数组?
    在PHP中如何高效检测空数组?
    在PHP 中检查一个空数组可以通过各种方法在PHP中确定一个空数组。如果需要验证任何数组元素的存在,则PHP的松散键入允许对数组本身进行直接评估:一种更严格的方法涉及使用count()函数: if(count(count($ playerList)=== 0){ //列表为空。 } 对...
    编程 发布于2025-07-15
  • 如何使用不同数量列的联合数据库表?
    如何使用不同数量列的联合数据库表?
    合并列数不同的表 当尝试合并列数不同的数据库表时,可能会遇到挑战。一种直接的方法是在列数较少的表中,为缺失的列追加空值。 例如,考虑两个表,表 A 和表 B,其中表 A 的列数多于表 B。为了合并这些表,同时处理表 B 中缺失的列,请按照以下步骤操作: 确定表 B 中缺失的列,并将它们添加到表的末...
    编程 发布于2025-07-15
  • 如何解决AppEngine中“无法猜测文件类型,使用application/octet-stream...”错误?
    如何解决AppEngine中“无法猜测文件类型,使用application/octet-stream...”错误?
    appEngine静态文件mime type override ,静态文件处理程序有时可以覆盖正确的mime类型,在错误消息中导致错误消息:“无法猜测mimeType for for file for file for [File]。 application/application/octet...
    编程 发布于2025-07-15
  • JavaScript计算两个日期之间天数的方法
    JavaScript计算两个日期之间天数的方法
    How to Calculate the Difference Between Dates in JavascriptAs you attempt to determine the difference between two dates in Javascript, consider this s...
    编程 发布于2025-07-15
  • 将图片浮动到底部右侧并环绕文字的技巧
    将图片浮动到底部右侧并环绕文字的技巧
    在Web设计中围绕在Web设计中,有时可以将图像浮动到页面右下角,从而使文本围绕它缠绕。这可以在有效地展示图像的同时创建一个吸引人的视觉效果。 css位置在右下角,使用css float and clear properties: img { 浮点:对; ...
    编程 发布于2025-07-15
  • 如何检查对象是否具有Python中的特定属性?
    如何检查对象是否具有Python中的特定属性?
    方法来确定对象属性存在寻求一种方法来验证对象中特定属性的存在。考虑以下示例,其中尝试访问不确定属性会引起错误: >>> a = someClass() >>> A.property Trackback(最近的最新电话): 文件“ ”,第1行, attributeError:SomeClass实...
    编程 发布于2025-07-15
  • 我可以将加密从McRypt迁移到OpenSSL,并使用OpenSSL迁移MCRYPT加密数据?
    我可以将加密从McRypt迁移到OpenSSL,并使用OpenSSL迁移MCRYPT加密数据?
    将我的加密库从mcrypt升级到openssl 问题:是否可以将我的加密库从McRypt升级到OpenSSL?如果是这样,如何?答案:是的,可以将您的Encryption库从McRypt升级到OpenSSL。可以使用openssl。附加说明: [openssl_decrypt()函数要求iv参...
    编程 发布于2025-07-15
  • 在程序退出之前,我需要在C ++中明确删除堆的堆分配吗?
    在程序退出之前,我需要在C ++中明确删除堆的堆分配吗?
    在C中的显式删除 在C中的动态内存分配时,开发人员通常会想知道是否有必要在heap-procal extrable exit exit上进行手动调用“ delete”操作员,但开发人员通常会想知道是否需要手动调用“ delete”操作员。本文深入研究了这个主题。 在C主函数中,使用了动态分配变量(H...
    编程 发布于2025-07-15
  • FastAPI自定义404页面创建指南
    FastAPI自定义404页面创建指南
    response = await call_next(request) if response.status_code == 404: return RedirectResponse("https://fastapi.tiangolo.com") else: ...
    编程 发布于2025-07-15
  • Python高效去除文本中HTML标签方法
    Python高效去除文本中HTML标签方法
    在Python中剥离HTML标签,以获取原始的文本表示Achieving Text-Only Extraction with Python's MLStripperTo streamline the stripping process, the Python standard librar...
    编程 发布于2025-07-15
  • 反射动态实现Go接口用于RPC方法探索
    反射动态实现Go接口用于RPC方法探索
    在GO 使用反射来实现定义RPC式方法的界面。例如,考虑一个接口,例如:键入myService接口{ 登录(用户名,密码字符串)(sessionId int,错误错误) helloworld(sessionid int)(hi String,错误错误) } 替代方案而不是依靠反射...
    编程 发布于2025-07-15

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

Copyright© 2022 湘ICP备2022001581号-3