组件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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