随笔 - 148  文章 - 0  评论 - 13  阅读 - 21万

随笔分类 -  react技术栈

react、react-router、redux、antd
useEffect 和 useLayoutEffect浅析
摘要:执行时期的区别 一 useEffect 回调函数的执行时期 useEffect为异步执行,执行时期为 触发状态更新(如:setState,forceUpdate) React渲染函数执行(render) 将更新渲染到页面上 执行useEffect回调函数 二 useLayoutEffect 回调函数 阅读全文
posted @ 2022-10-07 23:38 长安城下翩翩少年 阅读(295) 评论(0) 推荐(0) 编辑
React 实战详解 - 从react小白到大白
摘要:使用create-react-app 脚手架 一 通过create-react-app脚手架 搭建项目 首先全局安装 create-react-app 脚手架: yarn add -g create-react-app 通过create-react-app新建一个项目 npx create-reat 阅读全文
posted @ 2020-12-21 17:49 长安城下翩翩少年 阅读(579) 评论(0) 推荐(0) 编辑
前端 实现 opensearch功能 (umi项目中如何实现)
摘要:一 什么是 opensearch ? 第一步: 用百度举例:先输入百度的域名 第二步: 按Tab键 第三步: 输入值就能进行搜索了 二 一般项目使用opensearch 很简单 1.第一步,新建一个xml文件 <OpenSearchDescription xmlns="http://a9.com/- 阅读全文
posted @ 2020-11-30 17:39 长安城下翩翩少年 阅读(492) 评论(0) 推荐(0) 编辑
react 中 Link 标签 重新打开一个新的浏览器窗口
摘要:a标签的target属性 _self :默认。在相同的框架中打开被链接文档。 _blank: 新开一个窗口打开文档 _parent : 在父框架集中打开被链接文档。 _top:在整个窗口中打开被链接文档。 a标签 react-router-dom 或者 umi 中使用 <Link target = 阅读全文
posted @ 2020-11-30 15:51 长安城下翩翩少年 阅读(5499) 评论(0) 推荐(0) 编辑
React.Component 和 React.PureComponent 、React.memo 的区别
摘要:一 结论 React.Component 是没有做任何渲染优化的,但凡调用this.setState 就会执行render的刷新操作。 React.PureComponent 是继承自Component,并且对重写了shouldComponentUpdate周期函数,对 state 和 props 阅读全文
posted @ 2020-10-21 23:06 长安城下翩翩少年 阅读(765) 评论(0) 推荐(0) 编辑
react中 受控组件和 非受控组件 浅析
摘要:受控组件,非受控组件 都是针对于 input,select,textarea 等表单元素的。 一 受控组件 顾名思义,受控 - 能够被控制,简而言之也就是 ,组件的value 通过外部state控制,并通过onChange改变外部state。 二 非受控组件 组件的value值不受外部的state决 阅读全文
posted @ 2020-10-16 17:55 长安城下翩翩少年 阅读(320) 评论(0) 推荐(0) 编辑
JSX 详解
摘要:一 jsx 的本质是什么? jsx是语法糖,需要被编译成js才能运行。 jsx 看似是html 结构,实质是js结构的语法糖,在代码编译阶段被编译成js结构。所以jsx的本质可描述为看似html结构的js结构。 jsx是独立的标准,可被其他项目使用(pReact) //编译前的jsx <div> < 阅读全文
posted @ 2020-10-15 15:17 长安城下翩翩少年 阅读(744) 评论(0) 推荐(0) 编辑
虚拟dom详解
摘要:什么是vdom 顾名思义虚拟dom并非真实的dom,而是由按照一定的规则构成的可对真实dom进行描述的 JS对象。 结构如下 //虚拟dom { tag:'ul', attrs :{id:'list'}, children:[{tag:'li',attrs:{className:'li'},chil 阅读全文
posted @ 2020-10-14 17:30 长安城下翩翩少年 阅读(350) 评论(0) 推荐(0) 编辑

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示