- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！在今天的 React 基础文章中，我们将增强我们的 第一个 React 组件 带有列表。昨天我们制作了一些静态书籍组件，如下所示：<Book title=... 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，邀你进群，一起学习交流前端，成为更优秀的工程师～关注公众号：半夏话前端,了解更多前端知识！点我探索新世界！在今天的 React 基础文章中，我们将增强我们的 第一个 React 组件 带有列表。昨天我们制作了一些静态书籍组件，如下所示：<Book title=...
- 我坚信边做边学。在本系列中，我们将逐步介绍 React。在这一部分中，我们将创建我们的第一个应用程序，并基本了解创建我们可以使用的组件。创建我们的第一个 React 应用程序永久链接要创建我们的第一个应用程序，我们需要运行以下命令。该my-app部分是您的应用程序的名称。npx create-react-app my-app 注意阅读正确。这是npx不是npm对这个命令我们还可以通过运行以... 我坚信边做边学。在本系列中，我们将逐步介绍 React。在这一部分中，我们将创建我们的第一个应用程序，并基本了解创建我们可以使用的组件。创建我们的第一个 React 应用程序永久链接要创建我们的第一个应用程序，我们需要运行以下命令。该my-app部分是您的应用程序的名称。npx create-react-app my-app 注意阅读正确。这是npx不是npm对这个命令我们还可以通过运行以...
- hooks 存在的意义hooks 之间的状态是独立的，有自己独立的上下文，不会出现混淆状态的情况让函数有了状态管理解决了 组件树不直观、类组件难维护、逻辑不易复用的问题避免函数重复执行的副作用 应用场景利用 hooks 取代生命周期函数让组件有了状态组件辅助函数处理发送请求存取数据做好性能优化 hooks API从 react 中引入 1. useState给函数组件添加状态初始化以及更新... hooks 存在的意义hooks 之间的状态是独立的，有自己独立的上下文，不会出现混淆状态的情况让函数有了状态管理解决了 组件树不直观、类组件难维护、逻辑不易复用的问题避免函数重复执行的副作用 应用场景利用 hooks 取代生命周期函数让组件有了状态组件辅助函数处理发送请求存取数据做好性能优化 hooks API从 react 中引入 1. useState给函数组件添加状态初始化以及更新...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React扩展部分的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言学到这里 React 已经学的差不多了，接下来就学习一些 React 扩展内容，可以帮助我们更好的开发和理解，这部分的知识还有很多的东西可以探寻，比如：网红 React-Hook，就是我们需要注意的地方，打了 10... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React扩展部分的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言学到这里 React 已经学的差不多了，接下来就学习一些 React 扩展内容，可以帮助我们更好的开发和理解，这部分的知识还有很多的东西可以探寻，比如：网红 React-Hook，就是我们需要注意的地方，打了 10...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React-Redux 数据共享 的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在写完了基本的 Redux 案例之后，我们可以尝试一些更实战性的操作，比如我们可以试试多组件间的状态传递，相互之间的交互如上动图所示，我们想要实现上面的案例，采用纯 React 来实现是比较困难的，... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React-Redux 数据共享 的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在写完了基本的 Redux 案例之后，我们可以尝试一些更实战性的操作，比如我们可以试试多组件间的状态传递，相互之间的交互如上动图所示，我们想要实现上面的案例，采用纯 React 来实现是比较困难的，...
- 我们以todolist中增加代办事项这个功能为例:为了开发规范一点我们要采取reducer的分片写法,即一个类型数据一个模块不使用react-redux书写规范生产安装reduxyarn add redux在src目录下建立store目录建立index.js和reducer.jsindex.jsimport { createStore } from 'redux'import reducer... 我们以todolist中增加代办事项这个功能为例:为了开发规范一点我们要采取reducer的分片写法,即一个类型数据一个模块不使用react-redux书写规范生产安装reduxyarn add redux在src目录下建立store目录建立index.js和reducer.jsindex.jsimport { createStore } from 'redux'import reducer...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 React 路由跳转的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 1. push 与 replace 模式默认情况下，开启的是 push 模式，也就是说，每次点击跳转，都会向栈中压入一个新的地址，在点击返回时，可以返回到上一个打开的地址，就像上图一样，我们每次返回都... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 React 路由跳转的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 1. push 与 replace 模式默认情况下，开启的是 push 模式，也就是说，每次点击跳转，都会向栈中压入一个新的地址，在点击返回时，可以返回到上一个打开的地址，就像上图一样，我们每次返回都...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 GitHub 搜索案例的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在昨天写的 Github 案例中，我们采用的是 axios 发送请求来获取数据，同时我们需要将数据从 Search 中传入给 App，再由 App 组件再将数据传递给 List 组件，这个过程会... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 GitHub 搜索案例的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在昨天写的 Github 案例中，我们采用的是 axios 发送请求来获取数据，同时我们需要将数据从 Search 中传入给 App，再由 App 组件再将数据传递给 List 组件，这个过程会...
- 这篇文章我们主要来总结一下React的学习过程，React是一个声明式，高效且灵活的用于构建用户界面的JavaScript库，主要用来构建UI，是起源于Facebook的一个内部项目。React的生态完善，社区活跃，官方文档也比较详细，学起来也比较容易。 这篇文章我们主要来总结一下React的学习过程，React是一个声明式，高效且灵活的用于构建用户界面的JavaScript库，主要用来构建UI，是起源于Facebook的一个内部项目。React的生态完善，社区活跃，官方文档也比较详细，学起来也比较容易。
- 不知不觉，华为云大前端公开课第三阶段已经接近尾声，所谓“工欲善其事，必先利其器”，要想学好大前端，在企业开发中提升开发效率，框架是不可或缺的一部分，感谢华为云提供了这么好的一次学习大前端框架的机会，通过这次学习可以说是收获满满，以下是我对华为云大前端第三阶段技术学习收获的简要总结。 不知不觉，华为云大前端公开课第三阶段已经接近尾声，所谓“工欲善其事，必先利其器”，要想学好大前端，在企业开发中提升开发效率，框架是不可或缺的一部分，感谢华为云提供了这么好的一次学习大前端框架的机会，通过这次学习可以说是收获满满，以下是我对华为云大前端第三阶段技术学习收获的简要总结。
- 简单来说，async/await是基于promises的语法糖，使异步代码更易于编写和阅读。一、async：async创建一个异步函数来定义一个代码块，在其中运行异步代码; 怎样变成异步函数呢？以 async 这个关键字开始，它可以被放置在一个函数前面async function f() { return 1;} f().then(alert); // 1 //上下结果一样 async f... 简单来说，async/await是基于promises的语法糖，使异步代码更易于编写和阅读。一、async：async创建一个异步函数来定义一个代码块，在其中运行异步代码; 怎样变成异步函数呢？以 async 这个关键字开始，它可以被放置在一个函数前面async function f() { return 1;} f().then(alert); // 1 //上下结果一样 async f...
- 大厂不缺人才甚至天才，对于新人的关注点在于是否具备学习能力及成长能力，而这部分的知识点恰恰可以体现你的基础功底，从而让面试官得到想要的内容。这里的面试重点在于ES6、7、8、9的新语法。 大厂不缺人才甚至天才，对于新人的关注点在于是否具备学习能力及成长能力，而这部分的知识点恰恰可以体现你的基础功底，从而让面试官得到想要的内容。这里的面试重点在于ES6、7、8、9的新语法。
- 📢 大家好，我是小丞同学，这一篇是关于 React 的学习笔记，关于组件的生命周期📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你生活明朗，万物可爱 引言在 React 中为我们提供了一些生命周期钩子函数，让我们能在 React 执行的重要阶段，在钩子函数中做一些事情。那么在 React 的生命周期中，有哪些钩子函数呢，我们来总结一下 React 生命周期React 生命周期主要... 📢 大家好，我是小丞同学，这一篇是关于 React 的学习笔记，关于组件的生命周期📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你生活明朗，万物可爱 引言在 React 中为我们提供了一些生命周期钩子函数，让我们能在 React 执行的重要阶段，在钩子函数中做一些事情。那么在 React 的生命周期中，有哪些钩子函数呢，我们来总结一下 React 生命周期React 生命周期主要...
- 📢 大家好😪 ，我是小丞同学，最近在学习 React、小程序、阅读 JS 高程，以及整理 Node 的笔记，这是关于 React 的第二篇文章，也是我学习的第一个框架，内容如有错误，欢迎大家指正📢 愿你生活明朗，万物可爱 一、组件的使用当应用是以多组件的方式实现，这个应用就是一个组件化的应用注意：组件名必须是首字母大写虚拟DOM元素只能有一个根元素虚拟DOM元素必须有结束标签 < />... 📢 大家好😪 ，我是小丞同学，最近在学习 React、小程序、阅读 JS 高程，以及整理 Node 的笔记，这是关于 React 的第二篇文章，也是我学习的第一个框架，内容如有错误，欢迎大家指正📢 愿你生活明朗，万物可爱 一、组件的使用当应用是以多组件的方式实现，这个应用就是一个组件化的应用注意：组件名必须是首字母大写虚拟DOM元素只能有一个根元素虚拟DOM元素必须有结束标签 < />...
- 📢 大家好😪 ，我是小丞同学，最近在学习 React、小程序、阅读 JS 高程，以及整理 Node 的笔记，这是关于 React 的第一篇文章，也是我学习的第一个框架，内容如有错误，欢迎大家指正📢 愿你生活明朗，万物可爱先附上React官网 ，有很多问题都要通过查询官方文档来解决，要学会查文档~ 一、React 简介 1. 关于 React整几个面试题来认识一下~~什么是 React ... 📢 大家好😪 ，我是小丞同学，最近在学习 React、小程序、阅读 JS 高程，以及整理 Node 的笔记，这是关于 React 的第一篇文章，也是我学习的第一个框架，内容如有错误，欢迎大家指正📢 愿你生活明朗，万物可爱先附上React官网 ，有很多问题都要通过查询官方文档来解决，要学会查文档~ 一、React 简介 1. 关于 React整几个面试题来认识一下~~什么是 React ...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
苏州工业园区“华为云杯”2025人工智能应用创新大赛赛中直播2025/08/21 周四 16:00-17:00
Vz 华为云AIoT技术布道师
本期直播将与您一起探讨如何基于华为云IoT平台全场景云服务，结合AI、鸿蒙、大数据等技术，打造有创新性，有竞争力的方案和产品。
回顾中 -
深入解读架构师专业级培训认证2025/08/22 周五 16:30-17:30
阿肯-华为云生态技术讲师
解决方案架构专业级是开发者认证中的顶端明珠。这门认证聊什么？值得学吗？怎么考、考什么、难不难？这门课程深入解答
回顾中
热门标签