组件

涉及轻微的源码展示，可放心参考！,服务注册发现是微服务架构中最基础的能力，下面将从源码层面分析实现逻辑和原理，在这之前要先来看下依赖工程的基础结构，涉及如下几个核心组件：,commons：服务组件的抽...

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

,CSS容器查询终于来了! 它们目前在谷歌浏览器（105）中得到了支持，很快就会在Safari 16中得到支持。这对前端来说容器查询与媒体查询一样重要。,在这节课中，我们介绍一下容器查询是如何工作的...

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

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

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

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

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

,tomcat作为一款经典的轻量级应用服务器，自然也使用了很多优雅的设计模式。,今天给大家简单介绍一下tomcat在初始化组件时使用的几种设计模式。,,,tomcat大体上的架构,在tomcat中，把...

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

前端社群常见的宗教战争文：TailwindCSS根本邪魔歪道， Class根本不是这样用的， 看了真他妈一肚子火 —— 硬派本格 CSS/SCSS支持者。,会有这样的言论，也许是你日常的工作流程中，不...

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

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

最近又有粉丝问我这样一个问题，说Netty中最核心的组件有哪些？它们都起什么作用？今天，给大家详细聊一聊,我把Netty的核心组件分为三层，分别是网络通信层、事件调度层和服务编排层。,,在网络通信层有...

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

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

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

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

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

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

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

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

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

许多Vue模式涉及使用props将数据从父组件传递到子组件。但如果我们需要一个子组件将数据传给它的父组件呢？,使用 emit，我们可以触发事件并将数据传递到组件的层次结构中。这对下面几种情况很有用，如...

最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来build。构建之后的组件，会合并成单个的 js 文件，而且...

最近遇到了好几起和 COM 相关的Dump,由于对 COM 整体运作不是很了解，所以分析此类dump还是比较头疼的，比如下面这个经典的 COM 调用栈。,为了做一个简单的梳理，我们搭建一个简单的多语言...

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

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

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

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

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

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

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

在每个组件或HTML标签上，我们可以使用一些特殊的（文档没写的）钩子作为事件监听器。这些钩子有：,我主要是在组件上使用onVnodeMounted​，当需要在组件挂载时执行一些代码，或者在更新时使用o...

thumbs.db组件是什么？据我孰知，这一文件是一个承担微软系统略缩图的文件，大家可不用删除。假如确实想删除，操作步骤如下所示： 1.按win r进到运行窗口，输入gpedit.msc。 2.在本地...

作者 | 波哥,审校 | 孙淑娟,SpringCloud是目前微服务转型的首选，主要得益于其活跃的社区支持度以及全量的配套组件，本章笔者将会把SpringCloud Netfix的几个核心组件组合起来...

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

大家好，我是前端西瓜哥。今天我们看看React 中使用 Redux 的 4 种写法。,Redux 是一种状态容器 JS 库，提供可预测的状态管理，经常和 React 配合来管理应用的全局状态，进行响应...

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

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

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

一款基于 React 框架开发的后台管理模板，它有几百个组件，其中几十个是动态组件，它是完全免费开源的，你可以随意修改它的代码。,Notus React 提供了从原型设计到真实页面转换的全功能代码，您...

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

Vue 3.0 已经发布两年多的时间，今年 2 月 Vue 3.0 也正式成为新的默认版本。今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库！,Element Plus 是一套由饿了么开...

作者 |这波能反杀丶,来源 |这波能反杀(ID：keepKilling),当了二十多天废物，今天开始更新，让大家久等了。花了挺长的时间优化文章 UI 细节，进一步提高阅读体验，大家多多感受一下.,us...

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

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

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

,每个学习 React 的程序员在学习过程中都会犯大量的错误。 有时他们甚至不知道自己犯了这些错误。 如果您精通 React，则需要避免这些错误并根据最佳实践进行编码。 所以，我想展示你们所做的错误并...

我们经常需要在React的useEffect中监听键盘事件、鼠标事件等，但是我们经常忘记删除它们。,是的，当我们回到这个组件的时候，scroll事件又会被监听。,换句话说，我们可能会将数千个 wind...

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

,大家好，我是前端西瓜哥。今天来过一下 React 类函数的生命周期。,React 中类组件的生命周期函数，分为挂载、更新、卸载三种：,相关的拦截器：,更新状态的方法：,旧版生命周期：,,新版生命周期...

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

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

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

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

,开发管理后台基本是企业的日常需求, 基本每个前台项目都必有一个后台项目跟着, 虽然是必需品, 但是大家好像有不是那么在意他, 毕竟只有管理员用。,crud-vue通过简单的JSON配置即可实现完整的...

,一位应届毕业生被问到这样一道面试题，说谈谈你对Spring MVC中的九大组件的理解。,今天，我给大家分享一下我的理解。,,使用Spring MVC框架时，它的主要入口是DispatcherServ...

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

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

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

,聪明的你做了几个项目之后，有没有发现发现某些工具方法或者组件的使用频率很高，好多项目都在用。如何做到这些工具方法或者组件的更优雅地复用而不是用到了就复制粘贴呢？封装为一个npm包是一个不错的选择。本...

小伙伴是不是经常遇到接口调用异常，超时的场景？尤其网络抖动导致timeout超时的场景，我们一般产品就会叫我们要重试几次。,很多小伙伴的实现方式是写个循环调用；,这种实现方式是比较简单，但非常不灵活...

泛型是静态类型语言的基本特征，允许开发人员将类型作为参数传递给另一种类型、函数或其他结构。当开发人员使他们的组件成为通用组件时，他们使该组件能够接受和强制在使用组件时传入的类型，这提高了代码灵活性，使...

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

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

,大家好，我是 CUGGZ。,在面向对象编程（OOP）中，SOLID 原则是设计模式的基础，它的每个字母代表一种设计原则：,下面就来看看每个原则的含义以及如何在 React 中应用 SOLID 原则...

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

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

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

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

做为一名前端开发人员,掌握vue/react/angular等框架已经是必不可少的技能了,我们都知道,vue或react等MVVM框架提倡组件化开发,这样一方面可以提高组件复用性和可扩展性,另一方面也...

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