- 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的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...
上滑加载中
推荐直播
-
鲲鹏开发者创享日·江苏站暨数字技术创新应用峰会2024/04/25 周四 09:30-16:00
鲲鹏专家团
这是华为推出的旨在和众多技术大牛、行业大咖一同探讨最前沿的技术思考，分享最纯粹的技术经验，进行最真实的动手体验，为开发者提供一个深度探讨与交流的平台。
回顾中 -
产教融合专家大讲堂·第①期《高校人才培养创新模式经验分享》2024/04/25 周四 16:00-18:00
于晓东 上海杉达学院信息科学与技术学院副院长；崔宝才 天津电子信息职业技术学院电子与通信技术系主任
本期直播将与您一起探讨高校人才培养创新模式经验。
回顾中
热门标签