React Portal 实战——登陆弹窗 React Portal ——“传送门”,它给React提供了一个强大的功能,原始的子组件只能在父组件的代码内部调用位置进行渲染,这就会影响到整个父组件的排版,特别是一些类似于弹窗的效果,会挤占父组件的渲染空间,没有 Portal,我们就只能预留空间给弹窗组件,防止布局的混乱。而 Portal 的提出,让子组件能够跳出父组件,在其他任意挂载节点进行渲染,提高了代码的灵活性。本章结合 Portal 2020-12-08 React React React-Portal
React Portal React Portal ——“传送门”,它给React提供了一个强大的功能,原始的子组件只能在父组件的代码内部调用位置进行渲染,这就会影响到整个父组件的排版,特别是一些类似于弹窗的效果,会挤占父组件的渲染空间,没有 Portal,我们就只能预留空间给弹窗组件,防止布局的混乱。而 Portal 的提出,让子组件能够跳出父组件,在其他任意挂载节点进行渲染,提高了代码的灵活性。本章内容主要转载于知乎专 2020-12-08 React React React-Portal
React Router 路由 上一次简单介绍了 react-router-dom 的简单实用方法,后续又进一步观看了技术胖的 react-router 教程讲解,并结合当前项目实现了多页面路由跳转的功能,本章主要介绍和记录整个代码编写过程、思路以及编写过程中踩过的一些坑。 2020-12-07 React React react-router-dom
React+Redux实现小书评论实战(一~三) React小书中已经实现了评论功能,但是对于多级的状态管理,用Redux更加方便,为了学习和体会Redux的状态管理优势,在经过一段时间的Redux学习后,尝试动手实现评论功能,并通过实战对项目进行优化,包括代码分离,界面和业务逻辑独立等优化。 2020-12-04 React React Redux
Redux UI界面与业务逻辑分离 Redux是一个用来管理管理数据状态和UI状态的JavaScript应用工具。在当前页面复杂度越来越高的互联时代,React组件的状态管理以及状态提升给管理带来了极大的难度,而Redux就是降低管理难度的。但注意的一点是,Redux除了支持React之外,还能支持Angular、jQuery甚至纯JavaScript。本专题将结合博主“技术胖”的Redux免费教程内容,对自身学习做一个总体的总结, 2020-12-03 React React Redux
Redux工程优化 Redux是一个用来管理管理数据状态和UI状态的JavaScript应用工具。在当前页面复杂度越来越高的互联时代,React组件的状态管理以及状态提升给管理带来了极大的难度,而Redux就是降低管理难度的。但注意的一点是,Redux除了支持React之外,还能支持Angular、jQuery甚至纯JavaScript。本专题将结合博主“技术胖”的Redux免费教程内容,对自身学习做一个总体的总结, 2020-12-02 React React Redux
Redux 基础及实战 Redux是一个用来管理管理数据状态和UI状态的JavaScript应用工具。在当前页面复杂度越来越高的互联时代,React组件的状态管理以及状态提升给管理带来了极大的难度,而Redux就是降低管理难度的。但注意的一点是,Redux除了支持React之外,还能支持Angular、jQuery甚至纯JavaScript。本专题将结合博主“技术胖”的Redux免费教程内容,对自身学习做一个总体的总结, 2020-12-01 React React Redux
React小书学习笔记 —— 高阶组件(Higher-Order Components) 前言学习前端一小步,迈向成功一大步!本专栏主要记录学习前端React框架的一些个人心得,分享一些实战教学,如有不足,欢迎交流讨论。React框架的入门教学强推胡子大哈的React小书,简单易懂还有代码实战。还等什么?让我们开始本篇的前端学习之旅,欢迎各位入坑前端! 2020-11-29 React React
React的img标签 在一个html文件中,img的src属性赋值为相对路径或绝对路径的字符串即可访问到图片。但在jsx文件中,不支持直接在标签内写图片的路径,因此将介绍两种 React 引用本地图片的方法。 2020-11-29 React React