随笔分类 -  React

React
react的路由的练习手册
摘要:https://www.jianshu.com/techareas/backend 实现这个功能 阅读全文

posted @ 2022-10-11 23:19 漫思 阅读(18) 评论(0) 推荐(0) 编辑

memo、useCallback、useMemo的区别和用法
摘要:memo、useCallback、useMemo的区别和用法 发布于2021-12-06 11:26:26阅读 3980 react在渲染父子嵌套组件的时候,有时会发生不必要的渲染,根据经验总结出来,大致有四种情况需要处理: 父子组件嵌套,父组件未向子组件传值 父子组件嵌套,父组件向子组件传值,值类 阅读全文

posted @ 2022-10-11 13:51 漫思 阅读(106) 评论(0) 推荐(0) 编辑

7 款最棒的 React 移动端 UI 组件库 - 特别针对国内使用场景推荐
摘要:7 款最棒的开源 React 移动端 UI 组件库和模版框架 - 特别针对国内使用场景推荐 蒋川 B 端数据开发,卡拉云联合创始人 最近更新 2022年05月24日 React 优秀的 React UI 移动端组件库和模版框架,帮我们节省开发时间,提高开发效率,统一设计语言。更棒的是内置的功能复杂, 阅读全文

posted @ 2022-09-06 12:57 漫思 阅读(1158) 评论(0) 推荐(0) 编辑

componentWillReceiveProps代替方案
摘要:componentWillReceiveProps代替方案 易剑圣关注 0.6692019.07.10 15:51:02字数 448阅读 14,152 componentWillReceiveProps 这个周期函数在最新的react 不建议用了,那么由没有替代方案呢。答案是肯定的。 compone 阅读全文

posted @ 2022-08-12 10:43 漫思 阅读(573) 评论(0) 推荐(0) 编辑

React 函数组件和类组件的区别
摘要:React 函数组件和类组件的区别 发布于2021-07-08 10:44:01阅读 1.7K0 函数组件和类组件有什么不同,在编码过程中应该如何选择呢? 一、什么是函数组件 定义一个组件最简单的方式就是使用 JavaScript 函数: import React from 'react' cons 阅读全文

posted @ 2022-08-12 10:31 漫思 阅读(119) 评论(0) 推荐(0) 编辑

hash和history的区别
摘要:一. vue-router(前端路由)有两种模式,hash模式和history模式1.hash 就是指 url 后面的 # 号以及后面的字符,history没有带#,外观上比hash 模式好看些2.原理的区别(原理)3. hash 能兼容到IE8, history 只能兼容到 IE10;4.由于 h 阅读全文

posted @ 2022-08-11 11:37 漫思 阅读(714) 评论(0) 推荐(0) 编辑

react全量文档
摘要:前端常用网址 zh_lead关注 0.1262022.07.28 23:13:49字数 988阅读 28 前端地址 React react开发文档官网:https://react.docschina.org/ create-react-app(react脚手架文档):https://create-r 阅读全文

posted @ 2022-08-04 18:49 漫思 阅读(40) 评论(0) 推荐(0) 编辑

react 代码优化
摘要:react 代码优化千次阅读 2018-08-19 19:33:37 1.减少setstate:setstate会增加render的次数,从而影响性能。如果涉及到与视图层无关的属性,直接当做class实例的属性,而不是state的状态。这样改变这个属性不会造成页面重新的渲染。 小结:render需要 阅读全文

posted @ 2022-08-01 00:18 漫思 阅读(31) 评论(0) 推荐(0) 编辑

头条前端架构师总结全面的react组件通讯的技巧和弊端
摘要:1、props 父组件引起props变化。正常的进行渲染。 内侧想让props变化,就得写回调。onClose,onCallBack,典型的是弹框的应用 。 visable的属性,交叉变量,内测也用,外侧也用 外侧可以读写,内部只能读,造成了内外能力不统一,这类的父子或者兄弟关系只是层级结构关系,并 阅读全文

posted @ 2022-06-12 21:51 漫思 阅读(44) 评论(0) 推荐(0) 编辑

这些高阶的函数技术,你掌握了么
摘要:这些高阶的函数技术,你掌握了么 阿宝哥发布于 2020-11-16 在 JavaScript 中,函数为一等公民(First Class),所谓的 “一等公民”,指的是函数与其他数据类型一样,处于平等地位,可以赋值给其他变量,也可以作为参数,传入另一个函数,或作为其它函数的返回值。 接下来阿宝哥将介 阅读全文

posted @ 2022-05-28 18:12 漫思 阅读(60) 评论(0) 推荐(0) 编辑

用React写函数组件,如何避免重复渲染?
摘要:用React写函数组件,如何避免重复渲染? 场景: 有一个自定义的item组件, 它的onClick方法是父组件透传的。父组件中含有大量的item。 当父组件更新时,onClick会被重新创建,由于函数跟常量不一样,是一个引用,因此即使item用了React.memo包裹,也会认为props中传过来 阅读全文

posted @ 2022-05-11 10:05 漫思 阅读(403) 评论(0) 推荐(0) 编辑

一文了解AsyncHooks
摘要:一文了解AsyncHooks 字节前端 ​ 已认证帐号 ​关注 14 人赞同了该文章 官方文档 async_hooks 模块提供了用于跟踪异步资源的 API。在最近的项目里用到了 Node.js 的 async_hooks 里的 AsyncLocalStorage Api。之前对 async_hoo 阅读全文

posted @ 2022-05-11 09:53 漫思 阅读(141) 评论(0) 推荐(0) 编辑

hash
摘要:hash 让生成的文件包含hash后缀,适用于增量发布和避免浏览器加缓存(短时间内发布多个版本,不发生变化)。 打包后的文件会增加哈希 如: umi.df723s.js 添加 hash:true import { defineConfig } from 'umi'; export default d 阅读全文

posted @ 2022-04-25 01:15 漫思 阅读(116) 评论(0) 推荐(0) 编辑

React useEffect Hook的对象 & 数组依赖 useEffect监控复杂对象
摘要:React useEffect Hook的对象 & 数组依赖 核心精神 useEffect(() => { $('#micro-container').animate({ scrollTop: '0px' }, 200); }, [datasource.pagenation.count,dataso 阅读全文

posted @ 2022-04-24 13:32 漫思 阅读(2111) 评论(0) 推荐(1) 编辑

React.createElement
摘要:React.createElement 是低代码引擎的核心 阅读全文

posted @ 2022-04-10 14:24 漫思 阅读(55) 评论(0) 推荐(0) 编辑

浅谈react受控组件与非受控组件
摘要:浅谈react受控组件与非受控组件 引言 最近在使用蚂蚁金服出品的一条基于react的ant-design UI组件时遇到一个问题,编辑页面时input输入框会展示保存前的数据,但是是用defaultValue就是不起作用,输入框始终为空值而不是具体的传入的值。具体编辑页面中文本框相关的代码如下: 阅读全文

posted @ 2022-03-31 16:15 漫思 阅读(500) 评论(0) 推荐(0) 编辑

前端福音:为什么使用 React 和 SVG 开发图形 UI 是天作之合?
摘要:前端福音:为什么使用 React 和 SVG 开发图形 UI 是天作之合? 原创2020-06-10 15:50·InfoQ 本文最初发布于 Data Language 网站,经网站授权由 InfoQ 中文站翻译并分享。 React 和 SVG 是一种强大的组合:声明式 UI 组件库与声明式图形语言 阅读全文

posted @ 2022-02-28 13:46 漫思 阅读(59) 评论(0) 推荐(0) 编辑

推荐几款ReactJS最优秀的UI框架
摘要:推荐几款ReactJS最优秀的UI框架 AetherArtemis于 2018-07-06 08:42:26 发布24062 收藏 13 使用优秀的UI框架来构建你的ReactJS应用。 Material-UI 一款React组件库来实现Google的Material Design风格UI界面框架。 阅读全文

posted @ 2022-02-26 18:14 漫思 阅读(115) 评论(0) 推荐(0) 编辑

在React中使用react-router-dom路由
摘要:在React中使用react-router-dom路由 aimmarc关注 72018.05.07 13:06:16字数 1,174阅读 248,738 在React中使用react-router-dom路由 使用React构建的单页面应用,要想实现页面间的跳转,首先想到的就是使用路由。在React 阅读全文

posted @ 2021-12-17 16:48 漫思 阅读(1455) 评论(0) 推荐(0) 编辑

React 中的不可变数据 — Immer
摘要:Immer 是什么? Immer 是一个不可变数据的 Javascript 库,让你更方便的处理不可变数据。 什么是不可变数据? 不可变数据概念来源于函数式编程。函数式编程中,对已初始化的“变量”是不可以更改的,每次更改都要创建一个新的“变量”。 Javascript 在语言层没有实现不可变数据,需 阅读全文

posted @ 2021-12-14 21:06 漫思 阅读(1118) 评论(0) 推荐(0) 编辑

导航