react
文章平均质量分 58
react原理相关
勇敢快乐的风筝
分享前端技术干货
展开
-
项目实战 React+antd+node完整版博客系统
对于初学前端的童鞋来说,愁于找不到实战项目,苦于没有项目经验,我耗时三月打造了功能齐全的博客系统,几乎涵盖前端项目工作中里常见的功能,比如登录拦截、注册,文件上传、列表渲染,表单提交,分页等,还提供服务端node接口功能模块,数据库使用mysql。 研习好这个项目,让你工作中懂得如何和后端联调,前端各功能如何处理,甚至你还能学会如何建表,学会后端知识。 博客系统 个人写作作品,发表到个人博客里,用户访问博客平台,可阅读文章,点赞 技术栈 create-react-app React v16 react-r原创 2021-12-17 11:37:22 · 919 阅读 · 0 评论 -
React如何绑定捕获方式事件
熟悉React的都知道,比如onClick绑定的事件是在冒泡阶段执行的,如何监听捕获阶段的事件呢? 答案:onClickCapture,只需要在事件绑定熟悉会加上Capture后缀,React会在捕获阶段调用事件回调执行 举个???? import React, { Component } from "react"; class App extends Component { handleClick = (type) => { console.log(`${type}-触发`); }原创 2021-12-15 15:16:49 · 1473 阅读 · 0 评论 -
redux用法和原理
1. 概述 本文带着大家回顾下redux用法,redux的API,createStore、reducer、dispatch等,理解用法后,一起探究原理,难点是redux中间件的原理部分。 注意:本文只探究redux,不关注react-redux,react-redux的使用和原理后面会有专文讲解,redux的用处不限于react,任何你想要订阅事件的地方,都可以单独使用redux。 2. 设计思想 redux是将整个应用状态存储到到一个地方,称为store,单一数据源 里面保存一棵状态树state 派发d原创 2021-12-11 15:57:27 · 881 阅读 · 0 评论 -
PureComponent原理
1. PureComponent介绍 PureComponent会对props和state进行浅比较,跳过不必要的更新,提高组件性能。 2. demo举例 使用Component import React, { Component } from "react"; class Foo extends Component { render() { console.log("foo-render") const { num } = this.props; return原创 2021-12-11 09:29:27 · 142 阅读 · 0 评论