组件

最近想体验下自定义指令功能，看了看文档和 vue2 差异不大，语法如下：,起初，最大的痛点是需要手动创建 dom ，然后插入 el 中。,这样好难受啊，我不想写原生 dom ，能不能写个组件渲染到指令...

,uni-app 项目中，页面有两种：.vue 和 .nvue 文件。两者差异在于 .vue 文件使用 webview 进行渲染，.nvue 会使用原生进行渲染。,一个页面就是一个符合 vue 的单文...

大家好，我是 CUGGZ。,最初，在 React 中可以使用 createClass 来创建组件，后来被类组件所取代。在 React 16.8 版本中，新增的 Hooks 功能彻底改变了我们编写 Re...

在开始今天的文章之前，大家不妨先想一下触发 React 组件 re-render 的原因有哪些，或者说什么时候 React 组件会发生 re-render 。,先说结论：,这里有个误解：props 变...

大家好，我是年年!组件库的样式覆盖不掉，这应该是很多前端在工作中遇到过的问题。今天从实际案例出发分析原因，最后会给出在React和Vue项目中的最优解。,本文会讲清：,先不讲概念，直接从需求出发：我使...

React 是用于构建用户界面的JavaScript库，其核心是让开发者能够使用函数组件创建组件驱动的用户界面。它带有一些内置解决方案，例如，用于本地状态、副作用和优化性能的 React Hooks...

,Vue 3已经发布了一年，它的主要新功能是：Composition API。从2021年秋季开始，推荐新项目使用Vue 3的 ​​script setup ​​语法，所以希望我们能看到越来越多的生产...

,大家好，我是前端西瓜哥。,本文探究 fiber、DOM、ReactElement、类组件实例对象之间的引用关系。,,原生组件 fiber，指的就是 type 为 "span"、"div" 的 fib...

,曾经，我每次面试时几乎都会问一个问题：antd 中的 Input 组件是受控组件还是非受控组件？,有些人会毫不犹豫的回答：是受控组件，因为有 value 和 onChange，而另外也有一些人会比较...

,vue和react都已经全面进入了hooks时代（在vue中也称为组合式api，为了方便后面统一称为hooks），然而受到以前react中类组件和vue2写法的影响，很多开发者都不能及时转换过来，以...

最近随着微服务（Microservice）的火爆，微服务架构也被大家越来越多的提及，今天就为大家结合收集的资料，权当做一个微服务架构的全面总结式的梳理~,微服务架构（Microservice Arch...

作者丨Michael Pautov, 译者 | 翟珂, 审校丨Noe, 谈到前端开发，ReactJS是目前最受欢迎的选择之一。下面列出的是最常问到的ReactJS面试题。, 从易到难，让我们看一下五...

微服务是构建可以独立工作的小型自治团队的流行方式。不幸的是，就其本质而言，微服务只在后端工作。即使有最好的微服务架构，前端开发仍然需要高度的相互依赖，这会引入耦合和通信开销，这会拖慢每个人的速度。,我...

作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码, 一切皆组件的思想深得人心。,组件就是对一些具有相同业务场景和交互模式代码的抽象，这就需要我们对组件进行规...

译者 | 陈峻,审校 | 孙淑娟,无论您是否已经实现了微服务，您的系统往往会由反向代理、应用程序、以及数据库等多个组件组成。只要服务请求流经的组件数量越多，您对于监控的需求就越强烈。当然，监控只是状态...

,内容混杂用法 + 原理 + 使用小心得，建议收藏，慢慢看。,整体来看，变化不大，只是名字大部分需要 + on，功能上类似。使用上 Vue3 组合式 API 需要先引入；Vue2 选项 API 则可直...

接手新项目或者阶段性切换项目开发再或者翻阅社区项目时，快速run起来的技能方式通常是阅读项目下的名为 README.md文档所得。,前面所述仅仅是万里长征的第一步，当你想了解项目所使用的技术栈、组件库...

,响应式设计指的是根据屏幕视口尺寸的不同，对 Web 页面的布局、外观进行调整，以便更加有效地进行信息的展示。我们日常生活中接触的很多应用都遵循响应式的设计。,响应式设计如今也成为 web 应用的基本...

,毫无疑问，Spring Cloud是目前微服务架构领域的翘楚，无数的书籍博客都在讲解这个技术。不过大多数讲解还停留在对Spring Cloud功能使用的层面，其底层的很多原理，很多人可能并不知晓。因...

世界各地的开发人员都在采用微服务架构来跨分布式环境部署他们的应用程序。随着分布式应用架构的兴起，对全面可观察性解决方案的需求自然变得更加重要。但是，对环境中的组件进行跟踪和故障排除具有挑战性。组织需要...

,​与Spring MVC类似，Spring WebFlux是围绕前端控制器模式设计的，其中核心处理程序WebHandler 的实现DispatcherHandler为请求处理提供共享算法，而实际工作...

然而，我找到了一个非常好用的 表单 插件,就是通过下发JSON配置来生成表单视图的方法！！！！,它就是 FormRender ，一站式中后台 表单解决方案。,香不香？我反正已经上手使用过了，是真的香...

,作者 | Kislay Verma,译者 | 崔皓 ,审校 | 云昭,本文讨论分布式系统如何对随机故障进行弹性处理，这个问题非常重要，因为随着系统规模的增大，随机故障会变得越来越普遍。,系统理论告...

最近哈啰单车前端团队开源的Quark Design组件库，号称是下一代前端组件库，可以同时在任意框架或无框架中使用。,那么，什么是Web Components？,现今前端生态中框架层出不穷，在生产中为...

微服务架构使得可以通过明确定义的服务边界来隔离故障。但是像在每个分布式系统中一样，发生网络、硬件、应用级别的错误都是很常见的。由于服务依赖关系，任何组件可能暂时无法提供服务。为了尽量减少部分中断的影响...

大家好，我是 CUGGZ。,在单独使用 TypeScript 时没有太多坑，不过和 React 结合之后就会复杂很多。下面就来看一看如何在 React 项目中优雅的使用 TypeScript！,在Re...

随着Vue 3.2的发布，一个新的组合工具提供给我们，叫做 expose。,你是否曾经创建过一个需要向模板提供一些方法和属性的组件，但又希望这些方法对组件是私有的，不能被父类调用？,如果你在开发一个开...

SpringCloud是目前微服务转型的首选，主要得益于其活跃的社区支持度以及全量的配套组件，本章笔者将会把SpringCloud Netfix的几个核心组件组合起来，和老铁们一起逐步完成全套的应用框...

大家好，我是 CUGGZ。,今天来推荐几款开箱即用的中后台管理模版！,vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈...

大家好，我是 CUGGZ。,泛型是静态类型语言的基本特征，允许将类型作为参数传递给另一个类型、函数、或者其他结构。TypeScript 支持泛型作为将类型安全引入组件的一种方式。这些组件接受参数和返回...

在我们的业务里，我们通常会二次封装一些高频业务组件，比如弹框，抽屉，表单等这些业务组件，为什么要二次封装？我们所有人心里的答案肯定是，同样类似的代码太多了，我想复用组件，或者原有组件可能达不到我想要的...

前面的文章了不起给大家介绍了 LangChain 的一些基本知识，没看过的小伙伴可以点击这里去看下，今天了不起给大家介绍一下 LangChain 的第一个很重要的组件提示词 Prompt。 什么提示词...

对于 @Component​ 注解在日常的工作中相信很多小伙伴都会使用到，作为一种 Spring​ 容器托管的通用模式组件，任何被 @Component​ 注解标注的组件都会被 Spring 容器扫描...

作者｜ Jackie，携程前端开发，关注组件化开发，低代码式建设，致力于通过前端技术解决现实问题。,乐高系统是携程市场研发部开发的活动搭建平台，主要满足运营所需的各种营销、广告、频道、定制等页面的快速...

,RocketMQ集群架构图,如图所示，RocketMQ集群由4部分组成：Producer会根据业务需要发送消息；Broker负责接收、存储和分发消息；Consumer负责按需消费消息；Name Se...

假设 React 组件有这样一个状态：,我们这样修改了它的状态：,你觉得组件会重新渲染么？,我们先在 class 组件里试一下：,渲染 state.a.b 的值，两秒以后修改 state。,,你发现它...

,1、概念,通过独立的中间件来统一管理所有数据源和数据分片整合，后端数据库集群对前端应用程序透明，需要独立部署和运维代理组件。,代理组件为了分流和防止单点，一般以集群形式存在，同时可能需要 Zooke...

库可以帮助我们快速启动我们的应用程序，使用 UI 库可以节省时间、精力并为我们的应用程序带来一些统一性。,在本文中，我将与您分享可以在应用程序中使用的顶级 React UI 库。,地址：​​https...

,,python dash简单基础,Dash应用程序由两部分组成：,Dash应用的布局描述了应用的外观。布局是一个分层的组件树。,Dash HTML Components(dash.html)为所有H...

,到目前为止，我们一直在以最基本的形式使用 Linkerd，而没有关注生产级别的相关问题。本节我们将了解生产环境中使用的一些主要注意事项，包括高可用 (HA) 模式、Helm Chart、跨集群通信和...

译者 | 涂承烨,审校 | 孙淑娟,在本教程中，我将向你展示如何使用Spring Boot及其不同组件构建微服务。在最后一节中，我将向你展示如何使用Docker容器部署微服务。,我们将学习：,1、 实...

,如果你在社交媒体上停留的时间过长，那么，你所在的网站很可能正在使用无限滚动组件。,无限滚动组件是在用户向下滚动页面时加载新内容，而不是将其分成多个页面。,它们对于特定类型的内容（例如用户生成的内容...

基于Golang模块化完整的基础设施框架，创建现代化Web应用和APIs。,使用目前最为流行的组件，并用模块化技术来提供这些组件。,框架完美支持 DDD领域驱动​ 的战术设计，如仓储资源库、应用层事务...

,Suspense 不是你想的那样。是的，它帮助我们处理异步组件，但它的作用远不止于此。,Suspense 允许我们协调整个应用程序的加载状态，包括所有深度嵌套的组件。而不是像一个爆米花用户界面一样...

你只面向工作学习吗？,如果说编程只是单纯的承接产品需求开发系统功能，那么基本可以把程序开发简单理解成按照需求PRD，定义属性、创建方法、调用展示，这三个步骤。,尤其是在一些大公司中，会有易用的、完善的...

,大家好，我是 CUGGZ。,在日常开发中，当项目组件特别多或者刚接手一个项目时，可能需要花费一定时间去查找页面元素/组件对应的代码。下面就来分享几个插件，通过这些插件，点击页面元素就可以直接跳转到 ...

公司发展到一定程度，随着业务分支不断变多，B端C端的项目也随之增多，由于历史原因可能产生新老技术栈（vue/react）共存的情况，这既不利于组件物料的抽离统一(一类通用组件需适配多套技术栈)，也增大...

,大家好，我卡颂。,下面这个React组件代码，用到3个use关键词，你理解他们的作用吗？,真是几天不写React，语法都看不懂了。本文就来聊聊这几个use关键词各自的意义。,首先是位于代码顶部的'u...

在项目开发中，页面和功能大都拆分为多文件来实现，多文件管理逐渐暴露出以下问题：,随着项目的不断迭代，以上问题便会导致：,而产生以上问题的原因主要体现在：,随着项目的迭代，从长期维护的稳定性和可操作性方...

这节课，我们来看下 Vue3 中的 $attrs 属性。首先，我们会介绍它的用途以及它的实现与 Vue2 有哪些不两同点，并通过事例来加深对它的理解。,真正理解了 $attrs 属性有助于我们构建易于...

SOA作为一种面向服务的架构，是一种设计思想和方法论。在SOA架构中，服务是最核心的抽象手段和系统最基础的描述单元。,每个服务组件具备独立的功能，且可被复用；服务组件之间的接口遵循统一标准，可互相访问...

,基于组件的架构可以帮助您交付优化的应用程序来响应不断变化的市场需求。最好的部分是你不需要聘请昂贵的应用专家来做这件事！,除了在您的软件应用程序中拥有可重用的代码位之外，基于组件的开发还带来了许多优势...

写 react 项目的小伙伴应该都用过 antd 组件库，但绝大多数同学并没有看过它的源码。,而想深入掌握 antd 组件库，只熟悉参数是不行的，必须要深入到源码层面。,所以今天就来分享下如何调试 a...

组件封装，是我们前端一直在探讨的话题。但现在我们的组件库，更多的是基于某个框架去实现，比如 Vue 的 ElementUI，React 的 ANTD。这种组件的缺点就是对外部框架的依赖，你必须基于 V...

,大家好，我是前端西瓜哥。今天带大家来学习如何做 React 性能优化。,一个组件可以通过 React.memo 方法得到一个添加了缓存功能的新组件。,再次渲染时，如果 props 没有发生改变，就跳...

以下是HDFS设计时的目标。,硬件故障对于HDFS来说应该是常态而非例外。HDFS包含数百或数千台服务器（计算机），每台都存储文件系统的一部分数据。事实上，HDFS存在大量组件并且每个组件具有非平凡的...

,大家好，我是 CUGGZ。,Vue 3.0 已经发布两年多的时间，今年 2 月 Vue 3.0 也正式成为新的默认版本。今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库！,Elemen...

​译者 | 李睿,审校 | 孙淑娟,本文面向软件开发人员、技术经理、软件架构师、测试工程师以及其他有兴趣了解如何在软件系统中使用缓存的人员。 ,（1）为什么需要缓存 ,如今，现代软件系统变得越来越分散...

通过上一篇文章，我们对乔巴乐高海报平台的整体架构有了初步的了解。今天我们深入到编辑器部分，对其中的难点和实现细节进行分析。,这是目前生产的编辑器页面：,,对应的原型图：,,不难看出和市面上大部分低代码...

,vue 要求任何传递给组件的数据，都要声明为 props。此外，它还提供了一个强大的内置机制来验证这些数据。这就像组件和消费者之间的契约一样，确保组件按预期使用。,这节课我们来看下这个验证机制，它可...

,Web 组件是一系列开源技术（例如 JavaScript 和 HTML）的集合，你可以用它们创建一些 Web App 中可重用的自定义元素。你创建的组件是独立于其他代码的，所以这些组件可以方便地在多...

,依赖注入 DI (Dependency Injection) 是编程领域中一个非常常见的设计模式，它指的是将应用程序所需的依赖关系（如服务或其他组件）通过构造函数参数或属性自动注入的过程。这样做的好...

,React Hook 已成为当前最流行的开发范式，React 16.8 以后基于 Hook 开发极大简化开发者效率，同时不正确的使用 React Hook也带来了很多的性能问题，本文梳理基于 Rea...

​​上篇文章​​写了怎么调试 antd 的源码，反响很不错：,,但很多小伙伴是写 Vue 的，可能平时用的是 Element UI 的组件库，所以这篇文章就来讲下怎么调试 Element UI 的源码...

3年前我开发了一款零代码搭建平台 H5-Dooring, 主要目的是想用更低的成本, 更快的效率, 上线 web 页面(其实是不想写重复的代码了,写麻了). 好在陆陆续续折腾了3年, 目前已经可以满足...

,大家好，我卡颂。,前几天写的一篇介绍use这个新hook的文章中聊到React原生实现了一个缓存函数的方法 —— cache。,对于如下代码，被cache包裹的函数，当多次调用时，如果传参不变，会始...

大家好，我是 CUGGZ。,今天来分享在 React 开发中常见的一些错误，以及如何避免这些错误。理解这些问题背后的细节，防止犯下类似的错误。, Can’t perform a React state...

大多数时间序列可以分解为不同的组件，在本文中，我将讨论这些不同的组件是什么，如何获取它们以及如何使用 Python 进行时间序列分解。,,时间序列是（主要）三个组成部分的组合：趋势、季节性和残差/剩余...

在日常开发中，团队中每个人组织代码的方式不尽相同。下面我们就从代码结构的角度来看看如何组织一个更加优雅的 React 组件。,我们通常会在组件文件顶部导入组件所需的依赖项。对于不同类别的依赖项，建议对...

CF是一款十几年前流行的第一人称射击游戏，在当时有非常庞大的玩家群体，现在很多年轻人小时候都玩过这款游戏。因此在最新的win11更新后，不少用户想要重温过去的游戏回忆，但是却发现win11玩cf闪退了...

,大家好，我是前端西瓜哥。今天来学习 React 中的调和器 Reconciler。,ReactElement 就是 React.createElement() 方法的返回结果，一种 映射真实 DOM...

,组件之间传值，大家都很熟悉，涉及到 VUE3 +TS 好多同学就无从下手了，所以分享这篇文章，希望看完后提起 VUE3+TS 能够不慌不忙。,平时使用的函数如：ref、reactive、watch...

作者 ｜ vivo 互联网大前端团队- Youchen,现在大型的 Vue项目基本上都是多人协作开发，并且随着版本的迭代，Vue 项目中的组件数也会越来越多，如果此时让你负责不熟悉的页面功能开发，甚至...

,大家好，我是 CUGGZ。,今天来分享 10 个编写更简洁 React 代码的实用小技巧！,如何将 true 值传递给给定的 props？,在下面的示例中，使用 prop showTitle 在导航...

有的玩家想要在win11系统中玩亿万僵尸却发现怎么都玩不了，进不去游戏。这是一款比较新的游戏，因此不太会出现兼容性问题，可能是因为我们缺少了部分组件，可以使用修复工具进行修复，下面一起来看看吧。,,方...

,说明,1、mainloop()方法允许程序循环执行，并进入等待和处理事件。,窗口中的组件可以理解为一个连环画.,2、mainloop()方法的作用是监控每个组件，当组件发生变化或触发事件时，会立即更...

在几乎每一个软件设计的基础上都有一种感知、抽象和分解的方法论。这种理念采用特定的抽象和分解技术将导致更好的设计。在处理变更的场景中，主要有软件开发的组件方法和服务方法，本文分析了它们在处理变更方面的差...

,高可用（High availability，即 HA）的主要目的是为了保障「业务的连续性」，即在用户眼里，业务永远是正常（或者说基本正常）对外提供服务的。高可用主要是针对架构而言，那么要做好高可用...

之前发过一篇搭建组件库文章 使用 Vite 和 TypeScript 从零打造一个属于自己的 Vue3 组件库 两篇文章可以结合一起学习,组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开...

,我们从官网摘下来一段Form代码，可以很清晰的看出一个简单的表单，主要是为了统一收集和校验组件的值。,那么它是如何做到统一收集和校验呢？原理很简单，只需要通过监听表单组件的onChange事件，获取...

写过 Vue 的读者一定用过官方提供的一个浏览器调试工具 vue-devtool[1]，它支持在浏览器中调试组件时，点击对应的按钮打开该组件对应你本地代码的文件。,这真的非常实用，而且是 Vue 官网...

为了便于理解，以下代码示例采用的都是 React + rdeco 编写，设计模式本身是高度抽象的，并不局限于某一类特定的框架,组件模式是我们用的最多的或者说目前大家都唯一能够理解的模式，组件模式的特点...

我使用 Vue 已经很多年了，特别是去年一直在使用 Vue3，因此，学到了很多东西。,如果以前使用过组合 API，我们需要始终执行 defineComponent 和 setup() {}：,对每个组...

,本篇我们将讨论分层架构模式。,分层架构模式是一种n层模式，其中组件按照水平层次进行组织。这是设计大多数软件的传统方法，旨在实现自我独立。这意味着所有组件之间相互连接，但彼此之间不相互依赖。,,这种架...

与仅承担数据处理逻辑的后端不同，前端需要负责界面渲染、数据处理、和接口调用，在框架诞生前，更多地是编写页面维度的顺序脚本代码。随着前端继续的持续发展，ES6推出了class语法糖，React提出了函数...

这是很多小伙伴问我的一个问题，最近看到Kai Niklas讲架构师的一篇文章，其中的真知灼见引起了我的强烈共鸣，尤其是后面的非技术部分。翻译过来（略有删减），分享给大家。,我事先给一位同学看了一下，他...

Vue 要求将传递给组件的任何数据显式声明为 props。此外，它还提供了一个强大的内置机制来验证这些数据。这就像组件和消费者之间的合同一样，确保组件按预期使用。,让我们来探讨一下这个强大的工具，它可...

今天给大家盘点12个Vue 3的高颜值UI组件库，凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库，用广东话讲：个个都靓。,,官网地址：https://vuetifyjs...

TienChin 项目也是一个前后端分离项目，前后端分离项目如果做成 SPA（单页面）的形式，就必然面临一个首屏加载的问题，因为默认情况下首页文件比较大，可能超过 1 MB，进而带来首页加载很慢的问题...

前面我们提到了 Loki 部署的单体模式和​​读写分离两种模式​​，当你的每天日志规模超过了 TB 的量级，那么可能我们就需要使用到微服务模式来部署 Loki 了。,微服务部署模式将 Loki 的组件...

usePersistFn可以持久化function，保证函数地址永远不会变化。,在React官方文档中提到,在某些场景中，你可能会需要用 useCallback 记住一个回调，但由于内部函数必须经常重...

通常在组件中使用路由参数，大多数人会做以下事情。,在组件中使用 $route 会导致与其相应路由的高度耦合，通过将其限制为某些 URL 来限制组件的灵活性。,正确的做法是通过 props 来解耦。,将...

,随着Vue 3越来越受重视并成为默认版本，许多事情正在发生变化，生态系统逐渐完善中。直到最近，Vue3 的状态管理默认推荐的是使用 Pinia。这节课，我们根据项目的规模，探索不同的状态管理方式，并...

​阅读前应该具备：,按照惯例，在Vue的生态中，当您要测试应用程序时，您可以使用@ vue/test-utils-Vue的官方测试库。这个库提供相关API以方便用户测试渲染的Vue组件实例。例如：,您...

,大家好，我是前端西瓜哥。,最近做的新功能有性能问题，所以我想尝试优化一下 React 组件的性能。下面我们来好好学习一下 React.memo 的用法。,当某个组件里的状态发生改变时，React 会...

开发世界中的事正在难以置信地快速发展，云上的自动化和扩展每天也都有新的高度。你几乎可以对任何东西进行 "作为一种服务"--无论是存储、网络、云中、计算还是安全。云供应商也在越来越多地投资于他们的自动化...

红警又称红色警戒，是一款非常经典的RTS游戏，有着极为优秀的游戏性。不过这款游戏已经有着很久远的历史了，所以不少用户碰到了win11玩不了红警的情况，下面就跟着小编一起看看具体的解决方法吧。,,方法一...

,hello, 大家好, 我是徐小夕, 今天继续和大家分享有关 Dooring低代码 的技术实践, 我会从辅助设计的维度来和大家分享一下 Dooring 在这方面做的一些技术实践和展望.,H5-Doo...

组件是前端框架的基本构建块。把它们设计得更好会使我们的应用程序更容易改变和理解。在这节课中，分享一下在过去几年中工作中学到的 9 个技巧。,在创建一个组件之前，看看它是为了可重用性和为某些UI添加一个...

vue3从2022年9月正式发布以来，它在源码、性能、语法API方面都做了很大的优化，如果你想要学习Vue的话，可以从今天这篇文章内容开始学起来，在这篇文章中，我跟大家分享了7个关于Vue3的开发技巧...