我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：佳岚可编辑表格在数栈产品中是一种比较常见的表单数据交互方式，一般都支持动态的新增、删除、排序等基础功能。交互分类可编辑表格一般为两种交互形式：实时...

来源：博客园 2024-08-08 16:29 106

什么是KeepAlive?用过Vue的童鞋都知道Vue官方自带了Keep-Alive组件，它能够使组件在切换时仍能保留原有的状态信息，并且有专门的生命周期方便去做额外的处理。该组件在很多场景非常有用，比如：tabs缓存页面分步表单路由缓存我们先看看Vue中是如何使用的,通过KeepAl...

来源：博客园 2024-05-30 10:29 97

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：佳岚SuspenseSuspense组件我们并不陌生，中文名可以理解为暂停or悬停 ,在React16中我们通常在路由懒加载中配合Lazy组件一起使用，当...

来源：博客园 2024-02-23 10:29 64

关于REACT2024首先，挑战赛官网如下：https://sites.google.com/cam.ac.uk/react2024/home这个挑战赛的任务是：建立一个机器学习模型，在双人交互的背景下，通过说话者的视频、音频、表情等数据，生成听者的面部反应并要保证反应的合理性(FRDistan.....

来源：博客园 2024-01-10 16:29 114

React实现视觉差效果缓动轮播效果如下（图片帧率低看起来有点卡顿，看个大概就行）：分享一下思路：1.正常引入一个轮播组件（站在巨人肩膀省时省力），去除指示点、引导箭头等不需要的元素，有些组件支持配置，不支持就手动覆盖CSS样式了2.找到组件中用于显示展示当前图片的类名3.添加trans...

来源：博客园 2023-12-01 20:18 27

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：的卢引入在日常开发过程中，我们会使用很多性能优化的API，比如像使用memo、useMemo优化组件或者值，再比如使用shouldComponentUp...

来源：博客园 2023-10-24 15:30 73

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：佳岚回顾传统React动画对于普通的React动画，我们大多使用官方推荐的react-transition-group，其提供了四个基本组件Transi...

来源：博客园 2023-10-11 11:30 67

Effect的概念起源从输入输出的角度理解Effecthttps://link.excalidraw.com/p/readonly/KXAy7d2DlnkM8X1yps6L编程中的Effect起源于函数式编程中纯函数的概念纯函数是指在相同的输入下，总是产生相同的输出，并且没有任何副作用(s...

来源：开源中国 2023-10-11 11:00 65

Vue3目前已经趋于稳定，不少代码库都已经开始使用它，很多项目未来也必然要迁移至Vue3。本文记录我在使用Vue3时遇到的一些问题，希望能为其他开发者提供帮助。1.使用reactive封装基础数据类型传统开发模式中，数据声明很简单。但是在Vue中有多个响应式变量声明方式，整体的使用规则如下：使...

来源：开源中国 2023-09-11 10:30 79

说起数据加载的机制，有一个绕不开的话题就是前端性能，很多电商门户的首页其实都会做一些垂直的定制优化，比如让请求在页面最早加载，或者在前一个页面就进行预加载等等。随着react18的发布，请求机制这一块也是被不断谈起，并且在后续其实也给出了明确的方向。假如我们页面中有三个组件C1、C2、C3依次嵌套....

来源：开源中国 2023-08-18 10:30 101

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：霜序前言在前一篇文章中，我们详细的说了react-router@3.x升级到@6.x需要注意的问题以及变更的使用方式。react-router版本更新...

来源：博客园 2023-08-17 10:00 73

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：景明升级背景目前公司产品有关react的工具版本普遍较低，其中reactrouter版本为3.x(是的，没有看错，3.x的版本)。而最新的reactro...

来源：博客园 2023-08-09 11:00 88

前三章我们分别介绍了思维链的使用，原理和在小模型上的使用。这一章我们正式进入应用层面，聊聊如何把思维链和工具使用结合得到人工智能代理。要回答我们为什么需要AI代理？代理可以解决哪些问题？可以有以下两个视角首先是我们赋能模型，如果说LLM是大脑，那Agent提供了手脚和感官感官：获取真实世界的...

来源：博客园 2023-07-28 20:30 138

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：空山前言由于笔者最近在开发中遇到了一个重复渲染导致子组件状态值丢失的问题，因此关于性能优化做了以下的分析，欢迎大家的交流我们在日常的项目开发中往往...

来源：博客园 2023-07-26 10:00 68