AI 助理
备案控制台
文章 2024-10-17 来自：开发者社区

写 React / Vue 项目时为什么要在列表组件中写 key

在 React 和 Vue 项目中，在列表组件中写key属性主要有以下几个重要原因： 一、提高渲染效率 当列表数据发生变化时，React 和 Vue 会使用一种高效的算法来更新 DOM。如果没有key，它们在对比新旧虚拟 DOM 时，可能需要进行大量的遍历和比较操作，效率较低。而有了key后，它们可...

文章 2023-07-19 来自：开发者社区

React、Vue框架如何实现组件更新，原理是什么？

原文合集地址如下，有需要的朋友可以关注 本文地址 合集地址 引言 React 和 Vue 都是当今最流行的前端框架,它们都实现了组件化开发模式。为了优化性能,两者都采用了虚拟DOM技术。当组件状态发生改变时,它们会使用虚拟DOM进行局部渲染比对,只更新必要的DOM节点,从而避免重新渲染整个组件树。本文将从React和Vue的组件更新原理入手,剖析两者虚拟DOM difer算法的异同...

文章 2023-07-06 来自：开发者社区

开发一个 React 和 Vue 都能用的组件？基于 Lit 和 Tailwind

背景最近在开发一个 HugGroup 组件。你这么一听，可能会对这个名字可能有些疑惑。我说出它的另外一个名字，你可能就懂了，它还叫做 OnlineUser。其实它就长这样。HugGroup 是一个更专业的称呼。因为这是一个开源项目，所以考虑多个框架的通用性，比如如何与 React、Solid、Angular 等框架进行结合。其实这个需求应该是应用的开发者来考虑的。但是最近这两年，我们这类做底层库....

开发一个 React 和 Vue 都能用的组件？基于 Lit 和 Tailwind
文章 2022-07-30 来自：开发者社区

Hooks时代，如何写出高质量的react和vue组件？

0、概述一个组件内部的所有代码——无论vue还是react——都可以抽象成以下几个部分:组件视图，组件中用来描述视觉效果的部分，如css和html、react的jsx或者vue的template代码组件相关逻辑，如组件生命周期，按钮交互，事件等业务相关逻辑，如登录注册，获取用户信息，获取商品列表等与组件无关的业务抽象单独拆分这三块并不难，难的是一个组件可能写得特别复杂，里面可能包含了多个视图，每....

文章 2022-06-13 来自：开发者社区

轻松使用纯css3打造有点意思的故障艺术(附React/Vue加强组件版)

前言很早之前就看到国外很多酷炫的网站在实践"故障艺术", 或者错位动画", 感觉非常有意思, 现在APP端的抖音启动界面有着这种设计的影子, 作为一名用于探索未知的前端工程师, 有必要好好实践一下这一设计.正文接下来笔者将带大家使用纯Css3来实现"故障动画", 并将这一特效封装成React/vue组件, 供大家学习和使用. 先来看看实现的效果:当然在下面的文章中笔者还会介绍其他风格的"故障动画....

轻松使用纯css3打造有点意思的故障艺术(附React/Vue加强组件版)
文章 2022-06-13 来自：开发者社区

精通React/Vue系列之实现一个全局提示(Message)组件

前言本文是笔者写组件设计的第十一篇文章, 今天带大家实现一个同样比较特殊的组件——全局提示(Message)组件。 我们看到的组件效果可能是这样的：由于全局提示组件的设计原理和笔者上一篇写的精通React/Vue系列之手把手带你实现一个功能强大的通知提醒框(Notification)是类似的，区别主要是布局和配置参数，所以说细节和实现原理部分就不在这篇文章介绍了，本文主要介绍设计思路和设计的方法....

精通React/Vue系列之实现一个全局提示(Message)组件
文章 2022-06-13 来自：开发者社区

《精通react/vue组件设计》之实现一个健壮的警告提示(Alert)组件

前言本文是笔者写组件设计的第七篇文章, 今天带大家实现一个自带主题且可关闭的Alert组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈.之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.前端组件一般会划分....

《精通react/vue组件设计》之实现一个健壮的警告提示(Alert)组件
文章 2022-06-13 来自：开发者社区

《精通react/vue组件设计》之配合React Portals实现一个功能强大的抽屉(Drawer)组件

前言本文是笔者写组件设计的第六篇文章,内容依次从易到难,今天会用到react的高级API React Portals,它也是很多复杂组件必用的方法之一. 通过组件的设计过程,大家会接触到一个完成健壮的组件设计思路和方法,也能在实现组件的过程逐渐对react/vue的高级知识和技巧有更深的理解和掌握,并且在企业实际工作做游刃有余.之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面....

《精通react/vue组件设计》之配合React Portals实现一个功能强大的抽屉(Drawer)组件
文章 2022-06-13 来自：开发者社区

《精通react/vue组件设计》之快速实现一个可定制的进度条组件

前言这篇文章是笔者写组件设计的第四篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码, 一切皆组件的思想深得人心.所以, 为了让工程师们有更多的时间去考虑业务....

《精通react/vue组件设计》之快速实现一个可定制的进度条组件
问答 2022-02-15 来自：开发者社区

使用 React / Vue构建项目时为什么要在列表组件中写 key，其作用是什么？#前端面试

使用 React / Vue构建项目时为什么要在列表组件中写 key，其作用是什么？

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

React Nativevue相关内容

React Native更多vue相关

React Native您可能感兴趣