组件

,这篇文章，出自我自己的开源组件库 fighting-design[2] 中的 Avatar 头像[3] 组件的 load-image[4] 类。,相比于其它的静态组件，像图片加载这种的组件，内部我...

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

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

今天继续和大家分享一下比较有意思的可视化印章组件的实现.,,你将收获,我们都知道任何低代码或者零代码搭建产品都非常注重底层搭建协议(schema), 这些产品通常会设计一套向上兼容且可扩展的 DSL ...

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

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

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

实际开发的时候，为了减少重复造轮子，提高工作效率，节省开发时间成本， 免不了会使用ui组件库，比如在web前端很受欢迎的element-ui。但有的时候，我们需要在原组件的基础上做些改造，比如一个im...

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

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

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

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

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

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

​​想了解更多内容，请访问：​​ ​​51CTO OpenHarmony技术社区​​ ​​https://ost.51cto.com​​ 概述 本文介绍的是如何使用 TS 的容器组件 Stack 和绘...

,随着前端技术的发展，业界涌现出了许多的UI组件库。例如我们熟知的ElementUI,Vant，AntDesign等等。但是作为一个前端开发者，你知道一个UI组件库是如何被打造出来的吗?,读完这篇文章...

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

,大家好，我卡颂。,对于长期迭代的React项目，性能是不能忽视的问题。通常我们通过：,检测运行时性能瓶颈。,实际上，React本身就内置了性能检测组件 —— Profiler，可以很方便的检测Rea...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 自​​上一篇​​ #HarmonyOS ArkUI入门训练营...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 1、简介 智能感知调度部件位于全局资源调度管控子系统中，通过帧感知...

最近，我学到了一些比较实用的CSS编程技巧，之前很多效果不得不求助于 JavaScript 来实现，但是今天，我学会了直接用CSS 来完成。相信看完这篇你也会爱上CSS，一起来看看吧！,,没想到用CS...

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

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 新的学期又开始啦！这学期笔者继续学习鸿蒙开发的相关课程，同时...

在去年，正式上线了对N品类的质检能力。质检中心也有一套标准可以来拓展越来越多N品类，实现用户闭眼打包寄卖，在系统维度上可以认为转转官方验没有不能质检的品类。,在传统的报告中，通常采用固定的模板和结构...

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

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

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

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

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

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 前段时间项目中遇到了计时器的功能，项目中的计时器其实只是显示...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ OHOS标准系统的samgr组件位于3.1分支代码的//found...

​​想了解更多内容，请访问：​​ ​​51CTO和华为官方合作共建的鸿蒙技术社区​​ ​​https://ost.51cto.com​​ Flex布局 概述 Flex布局是很常用也是很方便的一种布局模...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 本文会学习如何设置OpenHarmony的转场动画，主要包括页面的...

大家好，我是 CUGGZ。,今天来分享 8 个高颜值的微信小程序 UI 组件库，速速收藏！,Vant 是一个轻量、可靠的移动端组件库，由有赞于 2017 年开源。目前 Vant 官方提供了 Vue 2...

,通过Spring定义请求接口非常容器，通过几个注解就可以完成，如下：,通过上面的@RestController, @RequestMapping就完成了一个简单的接口定义。,实际Spring Web...

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

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

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

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 本节讲解评分条组件Rating的两种基本使用方法：用作表单组件和用...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 1、创建商品列表页面 在这一节，我们将完成主页界面以及商品列表页签...

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

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

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

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 项目简介 通过实现一个简单的运行在Hi3516DV300开发板上的...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 最近在FA项目开发中，遇到类似这样的圆形进度条，参考开发文档...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 最近在学习HarmonyOS开发相关知识，在项目开发过程中有...

我们会讲以下七种组件通信方式：,本文将使用如下演示，如下图所示：,上图中，列表和输入框分别是父组件和子组件。根据不同的通信方式，会调整父子组件。,props 是 Vue 中最常见的父子通信方式，使用起...

一、背景简介 在项目研发的过程中，对于数据存储能力的依赖无处不在，项目初期，相比系统层面的组件选型与框架设计，由于数据体量不大，在存储管理方面通常容易被轻视，当项目发展进入到中后期阶段，系统的复杂性很...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 学习 HarmonyOS ArkUI(JS) 也有一段时间了...

我之前在这个博客上写过什么是分布式系统，以及它们如何以不得不处理更复杂的系统设计为代价为我们提供巨大的可扩展性。让我们讨论一下如何使分布式系统对随机故障具有弹性，随着系统变大，这种随机故障会变得越来越...

,插槽 slot 就是子组件中提供给父组件使用的一个占位符，用 <slot></slot> 表示，父组件可以给这个占位符内填充任何模板代码，填充的内容会自动替换 <slo...

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

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

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 最近项目有用到Canvas组件，想扩展熟悉下eTS Canv...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 上一期把DAYU200的开发板系统升级成了OpenHarmony3...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 1、简介 显示能效管理组件是OpenHarmony电源管理子系统的...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 最近项目中有柱状图的功能，看了下JS中的组件chart，发现...

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

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 此处健康生活实战课程，个人觉得非常值得学习，里面普及到的Ar...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 最近在开发FA项目时使用到switch开关组件，该switc...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ OpenHarmony3.1支持很多组件，这篇文章演示一下如何使用...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 因为项目上需要，并且该组件目前还没见到社区有其他童鞋写过，所...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 一、环境 开发板：DAYU200 系统版本：OpenHarmony...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 最近刚接触基于openHarmony开源框架的应用开发，特别...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 本文以OpenHarmony 3.1 Release - powe...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ OHOS标准系统的safwk组件位于3.1分支代码的//found...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 日常开发中，经常会遇到一些图片查看的需求，此时有的用户习惯放...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 1、前言 自从上次发贴​​ArkUI eTS上实现"流光按钮"效果...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 鸿蒙3.0推出了一种新的开发方式ETS，本文通过采用ETS实...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 此帖详细介绍基于画布组件Canvas上，画一个饼图自定义组件...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前几篇博文解决了HarmonyOS和OpenHarmony的通信问...

​​想了解更多内容，请访问：​​ ​​51CTO OpenHarmony技术社区​​ ​​https://ost.51cto.com​​ 千呼万唤始出来，在OpenHarmony最新发布的3.1版本中...

​​想了解更多内容，请访问：​​ ​​51CTO OpenHarmony技术社区​​ ​​https://ost.51cto.com​​ 背景 3月30日openharmony3.1版本发布，open...