- 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面... 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面...
- 在React中,生命周期有4个阶段,每个阶段又由不同的钩子函数组成。初始化运行中(更新阶段)销毁错误处理初始化在组件初始化阶段就会执行 ,由以下几个钩子函数构成constructorstatic getDerivedStateFromProps()componentWillMount()/UNSAFE_componentWillMountrender()componentDidMount()... 在React中,生命周期有4个阶段,每个阶段又由不同的钩子函数组成。初始化运行中(更新阶段)销毁错误处理初始化在组件初始化阶段就会执行 ,由以下几个钩子函数构成constructorstatic getDerivedStateFromProps()componentWillMount()/UNSAFE_componentWillMountrender()componentDidMount()...
- 元素渲染元素是构成 React 应用的最小单位，它用于描述屏幕上输出的内容。与浏览器的 DOM 元素不同，React 当中的元素事实上是普通的对象，React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。在Vue中template模板得到大量的使用，只要你会写HTML那么应该难不倒你这个小机灵鬼。而React则是使用了在函数中直接返回DOM。看起来非常的神奇，也... 元素渲染元素是构成 React 应用的最小单位，它用于描述屏幕上输出的内容。与浏览器的 DOM 元素不同，React 当中的元素事实上是普通的对象，React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。在Vue中template模板得到大量的使用，只要你会写HTML那么应该难不倒你这个小机灵鬼。而React则是使用了在函数中直接返回DOM。看起来非常的神奇，也...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React-Redux 的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在前面我们学习了 Redux ，我们在写案例的时候，也发现了它存在着一些问题，例如组件无法状态无法公用，每一个状态组件都需要通过订阅来监视，状态更新会影响到全部组件更新，面对着这些问题，React 官方在 r... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React-Redux 的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在前面我们学习了 Redux ，我们在写案例的时候，也发现了它存在着一些问题，例如组件无法状态无法公用，每一个状态组件都需要通过订阅来监视，状态更新会影响到全部组件更新，面对着这些问题，React 官方在 r...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 Redux 的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在了解了 Antd 组件库之后，我们现在开始学习了 Redux ，在我们之前写的案例当中，例如：todolist 案例，GitHub 搜索案例当中，我们对于状态的管理，都是通过 state 来实现的，比如，我们在给兄弟组... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 Redux 的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在了解了 Antd 组件库之后，我们现在开始学习了 Redux ，在我们之前写的案例当中，例如：todolist 案例，GitHub 搜索案例当中，我们对于状态的管理，都是通过 state 来实现的，比如，我们在给兄弟组...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 React antd组件库的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在我们学习JavaScript 的时候，我们学习了一个 bootstrap 的组件库。可以让我们快速开发，但是我们现在学习了 React ，一种组件化编程方式，很少说会去贴大量的 HTML ... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 React antd组件库的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在我们学习JavaScript 的时候，我们学习了一个 bootstrap 的组件库。可以让我们快速开发，但是我们现在学习了 React ，一种组件化编程方式，很少说会去贴大量的 HTML ...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 React 路由的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在上一篇中，我们学习了 React 中使用路由技术，以及如何使用 MyNavLink 去优化使用路由时的代码冗余的情况。这一节我们继续上一篇 React 路由进行一些补充 🍈 1. Switch 解... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 React 路由的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在上一篇中，我们学习了 React 中使用路由技术，以及如何使用 MyNavLink 去优化使用路由时的代码冗余的情况。这一节我们继续上一篇 React 路由进行一些补充 🍈 1. Switch 解...
- 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 React 路由的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在我们之前写的页面当中，用我们的惯用思维去思考的话，可能会需要写很多的页面，例如做一个 tab 栏，我们可能会想每个选项都要对应一个 HTML 文件，这样会很麻烦，甚至不友好，我们把这种称为 MPA ... 📢 大家好，我是小丞同学，一名大二的前端爱好者📢 这篇文章是学习 React 中 React 路由的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言在我们之前写的页面当中，用我们的惯用思维去思考的话，可能会需要写很多的页面，例如做一个 tab 栏，我们可能会想每个选项都要对应一个 HTML 文件，这样会很麻烦，甚至不友好，我们把这种称为 MPA ...
- 📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章是学习 React 中 GitHub 搜索案例的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言本文主要介绍 React 学习中 Github 搜索案例，这个案例主要涉及到了 Axios 发送请求，数据渲染以及一些中间交替效果的实现个人感觉在做完 TodoList 案例之后，这个案例会很... 📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章是学习 React 中 GitHub 搜索案例的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言本文主要介绍 React 学习中 Github 搜索案例，这个案例主要涉及到了 Axios 发送请求，数据渲染以及一些中间交替效果的实现个人感觉在做完 TodoList 案例之后，这个案例会很...
- 📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章是学习 React 中脚手架配置代理的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言React 本身只关注于页面，并不包含发送 Ajax 请求的代码，所以一般都是集成第三方的包，或者自己封装的自己封装的话，比较麻烦，而且也可能考虑不全常用的有两个库，一个是JQuery，一个是 axio... 📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章是学习 React 中脚手架配置代理的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言React 本身只关注于页面，并不包含发送 Ajax 请求的代码，所以一般都是集成第三方的包，或者自己封装的自己封装的话，比较麻烦，而且也可能考虑不全常用的有两个库，一个是JQuery，一个是 axio...
- React 入门学习（五）-- 认识脚手架📢 大家好，我是小丞同学，这篇文章是学习 React 脚手架的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你生活明朗，万物可爱 简介这篇文章主要围绕 React 中的脚手架，来解决一下几个问题灵魂三问：是什么？为什么？怎么办？什么是脚手架？为什么要用脚手架？怎么用脚手架？ 🍕 1. 什么是 React 脚手架？在我们的现实生... React 入门学习（五）-- 认识脚手架📢 大家好，我是小丞同学，这篇文章是学习 React 脚手架的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你生活明朗，万物可爱 简介这篇文章主要围绕 React 中的脚手架，来解决一下几个问题灵魂三问：是什么？为什么？怎么办？什么是脚手架？为什么要用脚手架？怎么用脚手架？ 🍕 1. 什么是 React 脚手架？在我们的现实生...
- React入门学习（四）-- diffing 算法📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章将尽力说明白 diff 算法📢 愿你忠于自己，热爱生活 前言diff 算法是 React 提升渲染性能的一种优化算法，在 React 中有着很重要的地位，也不止于 React ，在 Vue 中也有 diff 算法，似乎没有差别。在最近的 React 学习中，学到了 diff ... React入门学习（四）-- diffing 算法📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章将尽力说明白 diff 算法📢 愿你忠于自己，热爱生活 前言diff 算法是 React 提升渲染性能的一种优化算法，在 React 中有着很重要的地位，也不止于 React ，在 Vue 中也有 diff 算法，似乎没有差别。在最近的 React 学习中，学到了 diff ...
- 前言在RN项目开发过程中，经常会看到如下形式的路由跳转。render() { return ( <View> <Text>2</Text> <Button title = "跳转到指定的页面" onPress = {() => this.props.navigation.push('ChangePassword')... 前言在RN项目开发过程中，经常会看到如下形式的路由跳转。render() { return ( <View> <Text>2</Text> <Button title = "跳转到指定的页面" onPress = {() => this.props.navigation.push('ChangePassword')...
- React Native：从0到1构建"跨平台"应用。 React Native：从0到1构建"跨平台"应用。
- React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同:React 事件绑定属性的命名采用驼峰式写法，而不是小写。如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法)HTML 通常写法是：<button onclick="activateLasers()"> 激活按钮</button>React 中写法为：<button onC... React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同:React 事件绑定属性的命名采用驼峰式写法，而不是小写。如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法)HTML 通常写法是：<button onclick="activateLasers()"> 激活按钮</button>React 中写法为：<button onC...
上滑加载中
推荐直播
-
华为云IoT开源专家实践分享：开源让物联网平台更开放、易用2024/05/22 周三 16:30-18:00
张俭 华为云IoT DTSE技术布道师
开源，意味着开放、共享、互助、共赢。作为万物上云及各行业数字化的物联网底座，华为云IoT积极拥抱开源，借助行业开源的最佳实践，构建可靠、易用的物联网平台，并通过开放南北向SDK，助力开发者快速构建物联网应用。本期直播，华为云IoT开源专家、物联网平台资深“程序猿”张俭，带你了解华为云IoT的开源生态，并手把手教你玩转开源社区！
去报名 -
数字技术创新与商业愿景--数字化转型战略解读2024/05/22 周三 19:00-20:30
王纪奎老师 华为科学家咨询委员会CTO
数字化转型浪潮下，你是否缺乏对前沿科技的战略洞察、难以将企业转型与国家战略相融合、缺少系统性规划的数字化思维…… 我们特别邀请了华为科学家咨询委员会CTO、战略研究院数字经济与数字化转型首席专家、《数字化转型战略》一书的作者——王纪奎老师。 在5月22日（周三）19点，为我们带来一场主题为“数字技术创新与商业愿景--数字化转型战略解决”的精彩直播。
去报名 -
华为云开发者日·广州站2024/05/23 周四 14:30-17:30
华为云专家团
华为云开发者日HDC.Cloud Day是面向全球开发者的旗舰活动，汇聚来自千行百业、高校及科研院所的开发人员。致力于打造开发者专属的技术盛宴，全方位服务与赋能开发者围绕华为云生态“知、学、用、创、商”的成长路径。通过前沿的技术分享、场景化的动手体验、优秀的应用创新推介，为开发者提供沉浸式学习与交流平台。开放创新，与开发者共创、共享、共赢未来。
去报名
热门标签