- 大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：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 ...
上滑加载中
推荐直播
-
开发者玩转DeepSeek2025/02/20 周四 16:30-17:30
Thomas – 华为云DTSE技术布道师
双擎驱动优势——华为云CodeArts IDE全栈能力与DeepSeek认知智能深度融合，打造智能编码助手。如何利用DeepSeek的能力，进一步强化业务。
即将直播 -
探秘仓颉编程语言：华为开发者空间的创新利器2025/02/22 周六 15:00-16:30
华为云讲师团
本期直播将与您一起探秘颉编程语言上线华为开发者空间后，显著提升开发效率，在智能化开发支持、全场景跨平台适配能力、工具链与生态完备性、语言简洁与高性能特性等方面展现出的独特优势。直播看点： 1.java转仓颉的小工具 2.仓颉动画三方库lottie 3.开发者空间介绍及如何在空间用仓颉编程语言开发
即将直播 -
大模型Prompt工程深度实践2025/02/24 周一 16:00-17:30
盖伦 华为云学堂技术讲师
如何让大模型精准理解开发需求并生成可靠输出？本期直播聚焦大模型Prompt工程核心技术：理解大模型推理基础原理，关键采样参数定义，提示词撰写关键策略及Prompt工程技巧分享。
去报名
热门标签