我的 React 之旅:第二天

我的 react 之旅:第二天

旅程仍在继续,我热爱每一步!今天,我深入研究了基本运算符(算术、赋值、逻辑、比较)和控制结构(if/else、switch、循环)。这些概念是基础概念,但对于在代码中构建逻辑非常强大。以下是我所学到的内容的快速回顾:

运算符
1.算术运算符
这些是数学运算的构建块:

+ 添加
– 减法
/ 部门
* 乘法
** 求幂(用于求幂,例如 2 ** 3 = 8)
% 模数(求除法的余数,例如 5 % 2 = 1)

2。赋值运算符
用于分配或更新变量中的值:

= 分配一个值。示例:a = 5
+=、-=、*=、/=、%= 这些结合了算术和赋值。示例:

let a = 7;a += 3; // a = a + 3console.log(a); // output: 10

**= 计算变量的幂并分配结果。

3。比较运算符
它们比较两个值并返回布尔值(true 或 false):

== 等于:比较值,但不比较类型。
!= 不等于:如果值不同,则为 true。
=== 严格等于:比较值和类型。
!== 严格不等于:检查值和类型是否不同。
>, =,

4。逻辑运算符
用于组合或操作布尔值:

&&(逻辑与):仅当所有条件都为真时才返回 true。
|| (逻辑或):如果任何条件为真,则返回 true。
!(逻辑非):翻转布尔值(!true 变为 false)。

控制结构
1. if/else 语句
这些是条件块,仅在满足条件时才执行代码。示例:

let age = 18;if (age >= 18) {  console.log('you are an adult.');} else {  console.log('you are a minor.');}

2。 switch 语句
多个 if/else 块的更简洁的替代方案,通常用于根据多个情况检查一个值。示例:

let day = 'Monday';switch (day) {  case 'Monday':    console.log('Start of the work week.');    break;  case 'Friday':    console.log('Almost the weekend!');    break;  default:    console.log('It’s just another day.');}

3。循环
循环用于重复执行一段代码:

for 循环:
迭代设定的次数。

while 循环
:一直持续到条件为假为止。

do-while 循环
:在检查条件之前至少执行一次。

最后的想法
今天真是知识满满啊!这些概念可能看起来很基础,但它们构成了任何编程语言的支柱。

缓慢而稳定地赢得比赛,我会一步一个脚印。第三天已经在我的脑海里了,我迫不及待地想看看接下来会发生什么。

想和我一起踏上这段旅程吗?一起来学习吧!

敬请期待第三天!

以上就是我的 React 之旅:第二天的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1498659.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 20:38:47
下一篇 2025年12月16日 05:48:57

相关推荐

  • JavaScript 中错误和异常的区别

    https://github.com/ray-d-song 错误和异常是从实践中诞生的概念,旨在处理“可编程错误”。 错误 从代码角度来看,错误往往会被手动精确处理。 例如,fna 调用 fnb 和 fnc。两种方法都可能遇到错误,处理代码大致如下: function fna() { const {…

    2025年12月19日
    000
  • 正则表达式匹配HTML多行文本时,如何避免只捕获最后一行?

    使用正则表达式从 html 片段中提取文本时,如何避免仅捕获到多行文本中的最后一行? 使用正则表达式从 html 片段中提取文本是常见操作。然而,有时我们希望捕获文本中的多行,但正则表达式却只能匹配到最后一行。 考虑以下正则表达式,它试图从 html 片段中提取文本: /^(?:)+((?:w(s)…

    2025年12月19日 好文分享
    000
  • axios拦截器+React JS

    在本文中,我们将讨论如何在 react 中使用 axios 创建安全高效的 api 客户端。我们将使用 apiclient 类介绍 axios 设置、拦截器、错误处理配置和 crud 方法。让我们分解一下这个脚本的工作原理以及它提供的功能。 1。 axios 基本配置 import axios fr…

    2025年12月19日
    000
  • Commander Redux 的剧集防御策略

    第 4 集:commander redux 的防御策略 太阳刚刚在法典星球升起,但流之堡垒外的庭院已经热闹非凡。阿琳立正站着,等待着下一节课。今天,她将在redux指挥官的指导下接受训练,他是行星防御军团(pdc)中最有纪律和战术头脑的人之一。堡垒在她上方若隐若现,其建筑错综复杂,充满了复杂的符号和…

    2025年12月19日
    000
  • useContext:React Hooks

    react 中的 usecontext 和两个实用的迷你项目 介绍 在 react 中,管理组件之间的数据至关重要,尤其是在多个组件需要访问相同数据的大型应用程序中。 prop 钻取(将 props 传递到组件树的多个级别)很快就会变得很麻烦。这就是 react 的 usecontext hook …

    2025年12月19日
    000
  • 章节《钩子圣人和敏捷的礼物》

    第三集:钩子圣人和敏捷的礼物 太阳在法典星球上空升起,地表沐浴在反应元素能量的光芒中。阿林站在那座高大雄伟的建筑前,这座建筑被称为胡克斯实验室——这里是锻造和完善敏捷性和反应能力的最佳工具的地方。今天,她准备去见钩圣。 “准备好了吗,学员?” stateflow 中尉问道,并向 arin 点了点头表…

    2025年12月19日
    000
  • useReducer:React Hooks

    react 中的 usereducer:通过两个迷你项目简化状态管理 介绍 状态管理是在 react 中构建动态和交互式应用程序的关键部分。虽然 usestate 足以管理简单状态,但随着应用程序的状态变得越来越复杂,usereducer 提供了一种更强大、可预测的方法来处理它。受 redux 的减…

    2025年12月19日
    000
  • 使用 Zod 和 Faker 构建用于生成模拟数据的 TypeScript 助手

    构建应用程序时,模拟数据对于测试、开发和原型设计非常宝贵。借助 zod 强大的模式验证和 faker 的数据生成功能,我们可以创建一个强大的助手来为任何 zod 模式生成真实的、符合模式的模拟数据。 介绍 在本指南中,我们将创建一个辅助函数generatemockdatafromschema,它接受…

    2025年12月19日
    000
  • 如何解决 Sublime Text 3 的 ESLint 插件配置问题?

    sublime text 3 的 eslint 插件配置 sublime text 3 的 eslint 插件在使用时可能会遇到各种错误。本文将介绍两种解决这些错误的配置方法。 方式一:修改 .eslintrc.json 配置 找到 .eslintrc.json 文件并对其进行编辑。对于你遇到的缩进…

    2025年12月19日
    000
  • 使用Sublime Text 3 ESLint 插件时如何解决报错?

    sublime text 3 插件 eslint 配置指南 在使用 sublime text 3 的 eslint 插件时,你可能遇到了各种报错,这可能会令人沮丧。本文旨在提供明确的步骤,帮助你配置插件并解决这些报错。 配置方式 方式一:修改 .eslintrc.json 找到项目目录中的 .esl…

    2025年12月19日
    000
  • 使用 Sublime Text 3 开发 Vue 项目时如何解决 ESLint 插件报错?

    sublime text 3 插件 eslint 报错解决 在使用 sublime text 3 开发 vue demo 时,你可能会遇到 eslint 插件带来的各种报错。这些报错可能会让人头疼,因此了解如何正确配置该插件至关重要。 解决报错方法: 方式 1:修改 eslint 配置 立即学习“前…

    2025年12月19日
    000
  • Sublime Text 3 中 ESLint 插件配置遇到困难怎么办?

    编辑器 sublime text 3 中 eslint 插件配置疑惑 sublime text 3 中的 eslint 插件在配置方面可能会遇到一些困难,这会影响在你使用 vue.js 开发时出现各种报错。如果你也遇到了同样的问题,本文将为你提供两种解决办法,希望能助你解除烦恼。 方式一:修改 es…

    2025年12月19日
    000
  • Sublime Text 3 中 ESLint 插件报错如何解决?

    sublime text 3 中 eslint 插件的报错处理 在使用 sublime text 3 编写 vue demo 时,许多用户遇到了由 eslint 插件引起的报错。这些报错五花八门,包括缩进、规则不一致等。本问答将指导你如何配置 eslint 插件以避免这些报错。 解决方法: 修改 e…

    2025年12月19日
    000
  • 使用 SCSS 和 Redux 在 React 中创建主题系统

    您是否曾经想开发一个具有多个主题的应用程序,但不知道如何去做?有很多方法 安装依赖项 让我们开始安装我们需要的一切。为此,我们需要 scss 和 redux: yarn add sassyarn add @reduxjs/toolkit 只需运行此脚本即可安装您需要的所有内容,并允许我们开始。 第 …

    2025年12月19日
    000
  • 聚集散点图

    使用 zingchart 可视化足球运动员的行走距离 在本教程中,我们将使用 zingchart 创建散点图,以可视化不同足球比赛中球员的移动距离。该图表显示了多场比赛的模拟数据,可以深入了解每分钟所经过的距离。 代码说明 此代码片段使用 javascript 生成八个游戏的虚假数据,然后使用 zi…

    2025年12月19日
    000
  • useReducer 以及它与 useState 的不同之处

    目录 简介何时使用 usestate何时使用 usereducer示例 1:带有 usestate 的计数器应用示例 2:使用 usereducer 的计数器应用示例 3:使用 usereducer 处理表单输入示例 4:使用 usereducer 构建测验应用程序usestate 和 usered…

    2025年12月19日 好文分享
    000
  • 使用 html css 和 javascript 制作太阳和月亮动画

    Day-Night Toggle body, html { margin: 0; padding: 0; height: 100vh; display: flex; justify-content: center; align-items: center; font-family: Arial, s…

    2025年12月19日 好文分享
    000
  • 如何使用 JavaScript 和 HTML 实现 JSON 数据的可折叠展开功能?

    要实现可折叠展开的 json 可视化功能,可以借助 javascript 和 html 来完成。具体实现步骤如下: 首先,创建一个用于显示 json 数据的 html 容器: 在模板中定义各种 json 类型值的 html 结构: : , : , : , : , : , : [ … ] , : …

    2025年12月19日
    000
  • 视频对讲画面延迟30秒,如何解决?

    视频对讲画面延迟 30 秒,优化方法解析 在使用 jssip 进行视频对讲时,对方视频画面出现 30 秒的延迟,这个问题困扰着许多开发者。针对这一问题,我们分析了代码配置和网络环境,锁定了问题的根源。 jssip 注册代码分析 如图所示,jssip 的注册代码中,sockets 数组用于配置 web…

    2025年12月19日
    000
  • 如何优化 JsSIP 视频对讲的延迟问题?

    优化视频对讲延迟 在使用 JsSIP 进行视频对讲时,可能会遇到对方视频画面延迟的问题。本文将探索如何优化视频画面显示时间,确保顺畅的视频通话体验。 JsSIP 是一款用于创建 WebRTC 应用程序的库。在您的代码示例中,您使用 JsSIP 提供的 Websocket 接口来建立到 FreeSWI…

    好文分享 2025年12月19日
    000

发表回复

登录后才能评论
关注微信