以下是个人收集总结的一些使用 react 的小技巧。一. 组件相关1. 使用自闭合组件// 不好的写法// 推荐写法2. 推荐使用Fragment组件而不是 DOM 元素来分组元素在 React 中，每个组件必须返回单个元素。不要将多个元素包装在或中，而是使用来保持 DOM 整洁。不好的写法：使用 div 会使 DOM 变得杂乱，并且可能需要更多 CSS 代码。import Header from "./header"; import Content from "./content"; import Footer from "./footer"; const Test = () => { return (); };推荐写法:包装元素而不影响 DOM 结构。import Header from "./header"; import Content from "./content"; import Footer from "./footer"; const Test = () => { return ( // 如果元素不需要添加属性，则可以使用简写形式< />); };3. 使用 React fragment 简写< />（除非你需要设置一个 key 属性）不好写法：下面的代码有点冗余。const Test = () => { return (); };推荐写法 ...继续阅读 (43)

大家好，我是熊猫，你的NAS领航员。NAS不只是存储那么简单，数码也可以是生活，关注我，给你的生活加点'技'趣！引言今天介绍的项目并不是Docker项目，而是由html组成的，通过添加各种组件实现了很多复杂以及好用的效果。今天要介绍的就是多模式的个人主页以及引导页—NOISE主页。特性个性化支持：将各类组件以js形式引入。使一个页面包含多种功能多模式：加入不同页面去构成一个统一的模式框架。广告位支持：引入了侧边广告位及横幅标语式文字通告相册支持： 你可以在home页引入更多相关相册。音乐组件个性化：修改了音乐的css样式。让页面整体更统一API组件支持：通过请求api响应的json，可以加入如每日60秒看世界及摸鱼日历的引入移动端适配：完美支持移动端，实现自适应布局。部署因为是使用各种html拼接形成的，且目前项目并没有打包成docker，所以在部署上我们需要使用web station，而目前支持web station的NAS有群晖、威联通。也就是说极空间以及绿联目前不支持该项目部署。在部署前我们下载好web station套件以及PHP。准备好套件之后，到项目页下载项目的源代码（https://docs.noisework.cn/），下载之后将其放到NAS中，将其进行解压。解压之后能看到使用说明以及项目的根目录，这时候我们打开web station套件，在php设置中选择php7 ...继续阅读 (57)

DeskWidgets是一款专为 macOS 打造的桌面小组件库，内置 30+ 款可交互的小组件：照片相册、便签日程、计时器、计算器等等。@数码荔枝上新这些小组件不仅能让你的桌面更加美观，还能让你更高效地管理任务、安排日程、查看系统实时信息，以及快速访问常用的应用和文件。软件使用非常简单，在小组件库中点击添加按钮或直接拖拽，即可添加到桌面。利用时钟日历、计时器、倒数日等组件，可帮助我们追踪时间变化。利用 Todo 清单、便签、图片组件，可以将重要的信息钉在桌面。DeskWidgets 提供了简易的桌面分区功能，可让我们将软件启动图标和各类文件分区摆放，保持桌面整洁。它还提供了一些系统性能监测组件，在桌面就能实时查看处理器 / 内存 / 硬盘 / 网速的情况。这些小组件都支持通过右键菜单调整尺寸、样式等参数，比如在日历组件中，支持在多种样式之间快速切换。在倒计日组件的菜单中，可自定义我们想要日期和事件内容，用起来非常简单。如果你正在寻找一种方法来提升工作效率、美化桌面，DeskWidgets 绝对是你的不二之选。软件支持买前免费试用，赶快下载体验一下吧！新品上架，通过小众软件专属链接DeskWidgets 到手低至7 元（支持买断），比软件内购更加便宜！https://lizhi.shop/site/products/id/770?cid=jxlwguir原文：https://www ...继续阅读 (29)

官网提供的按需引入方法为全量按需引入，在打包分离中，仍旧存在使用不到的图表被打包进去。例如：组件A使用了折线图、柱状图，组件B只用到了折线图，但是打包组件B的时候，柱状图也会被打包进去。本文提供一种动态按需引入的思路，使得只用到折线图的组件B，打包的时候只打包折线图，不会将组件A用到的柱状图也打包进去。目录结构： Index.ts 如下： [crayon-66c597027c5cc980800259/] Core.ts 如下： [crayon-66c597027c5d3457334249/] BarChart.ts 如下： [crayon-66c597027c5d6603294916/] LineChart.ts 如下: [crayon-66c597027c5d8512849997/] RadarChart.ts 如下: [crayon-66c597027c5da152632955/] 如果项目中还用到其他图表类型，则按照具体需要引入即可。可以根据具体业务进行调用封装，下面是封装的示例 util.ts: [crayon-66c597027c5dc929012790/] 具体调用： [crayon-66c597027c5df604569588/] ...继续阅读 (57)

在快速发展的数字化产品领域，组件库的更新迭代是提升产品竞争力的关键步骤。然而，这个过程并不简单，它涉及到资源协调、分类优化和使用规范等多个方面。本文将深入探讨组件库更新的三个注意事项，帮助设计团队高效迭代，同时确保产品质量和团队协作的流畅性。关于组件的更新迭代，很多同学都遇到过类似的问题：组件库的更新和迭代有哪些注意事项呢？做了更新迭代后，之前已经画好的设计稿应该怎样处理？所有的稿子都需要重新优化一遍么？已经上线的产品页面在组件更新后，该怎么进行维护呢？本文就来给大家分享些经验和注意事项——PART 1 更新组件的三个注意事项在更新组件的同时，你需要做好三件事：1. 判断上下游团队资源的可用性。要知道设计组件的更新不仅仅只是设计部门的事情，也涉及到上下游的协作部门，并需要他们给予有力的支持：如果上游的业务方和产品方没有给组件的更新迭代留出充足的时间，那对于下游的设计和开发团队来说，将会面临“又做业务、又搞基建”的混乱且繁忙的局面，这种情况下的工作质量自然也很难保证，很有可能导致最后上线的产品一塌糊涂：所以设计师在进行比较大范围的组件更新迭代之前，一定要先跟上下游做好同步，了解大家的工作意愿和排期；当然也可以先发制人，梳理出组件更新的必要性和价值点，直接向业务和开发索要资源支持。2. 给需要做调整的组件进行分类。更新组件的工作量并不小，尤其是当组件的数量很多时，你可以将组件进行分类， ...继续阅读 (23)

【摘要】Daniel Roth在2024年3月20日发布了一篇文章: .NET 智能组件简介 – AI 驱动的 UI 控件。文章主要介绍了.NET Smart Components，这是一系列可以快速轻松地添加到.NET应用程序中的AI驱动的UI组件。这些组件旨在简化在现有软件中添加AI功能的过程，无需花费阅读全文 ...继续阅读 (29)

作者：MiAo引言记得以前刚刚入职的时候，有一次同事们在谈论’JBus’的问题，当时的我完全没听过这个组件，心想果然要学的东西还有很多呀，好奇地凑过去一看才恍然大悟，原来大家说的是这个。计算机技术诞生于英语系国家，构造出的产物多以英语命名。就像上学时代不同数学老师对希腊字母的读音不同，各地都有各地的方言，传到不同的部门有各自的部门级发音也自然正常，用的时候又不用先喊它一声要它答应，大家都听得懂就行。但是偶尔还是会好奇，在这些软件诞生之初，作者究竟想赋予其什么样的含义，它们又是怎么发音的呢。今天这篇文章，处处都是技术名词，但是不主讲技术，让我们来轻松地考古探究下，经常使用的一些组件，它们的官方读音与由来是怎么样的。操作系统类Linux[‘linэks] – “里讷克斯”Linux的读音江湖流传着好多种读法，但是Linux之父Linus Torvalds 本人是这么读的，感兴趣的可以点开这个链接听一听他本人的发音。http://www.paul.sladen.org/pronunciation/torvalds-says-linux.wavUbuntu[ʊ’bʊntʊ] – “乌布恩图”Ubuntu的名称来自非洲南部祖鲁语或科萨语，含有”人性”、”我的存在 ...继续阅读 (29)

在快速发展的数字化时代，构建一套企业级的B端设计规范对于提升设计协同效率、确保产品质量和统一品牌形象至关重要。设计夹的这篇文章详细介绍了如何从零开始搭建一个B端设计体系，包括分析现状、梳理框架、设计组件、编写规范指南以及进行效果验证的全过程。今天主要是和大家分享一下公司内部建立设计体系的方法和实践案例，希望大家能指正与交流～FS B+Design System是以当前互联网主流B端框架为基础，并编合FS特定业务场景而打造的具有”FS品牌特色的B端后台设计体系”(以下简称为”B+Design”)，包含了有关颜色、字体、icon、栅格、版式、间距、数据可视化等设计规范指南，组件层提供 30+ 不同的组件，包括它们的不同状态，形成的模式，以及应用的产品。一、为什么要建立B+Design设计体系?随着公司快速发展，目前公司用于业务支撑的后台管理系统”品类繁多且零散独立”,需构建一套”灵活、专业”的设计体系来统一设计生态风格及交付标准。当前痛点:沟通时间成本高：跨部门的项目实施过程中流程混乱，产品、设计、开发、测试等岗位在工作对接时沟通低效且问题耦合度高；交付质量差：无项目统一交付标准，不同项目质量产出不稳定，项目质量高度依赖于各个环节负责人的个人能力;做不好设计协同：各个系统级页面架构、组件、样 ...继续阅读 (48)

而这个行列布局完全靠两个字符串来决定，因此，灵活性上来说，它没有GridRow容器灵活，但是它简单一些，对于大量元素显示的布局就比较合适，比如图片浏览显示等等。主要的属性就两个，第一个属性是columnsTemplate，它是设置每行多少列显示的。例如， '1fr 1fr 2fr' 是将父组件分3列，将父组件允许的宽分为4等份，第一列占1份，第二列占1份，第三列占2份。设置为'0fr'时，该列的列宽为0，不显示GridItem。如果这两个属性都设置，那么只按照这个设置进行显示，多余不会显示。 ...继续阅读 (88)

为了有效管理日益增长的产品线和复杂的客户协议，企业需要一种灵活而高效的产品管理方法。产品工厂的概念应运而生，它借鉴了制造业的流水线管理方式，将产品视为可组装的零部件，实现快速生产和发布，以适应市场的变化和业务创新的需求。产品多了、客户签的协议也会增多、配置费率也是五花八门，使得管理难度越来越大。面对这种问题我们会想各种办法来做个配置，搞个流程来解决这些杂乱无序的产品、费率和协议签约。今天我们就介绍一个终极大招，产品工厂，他可以把软件产品像零部件一样来进行装配和发布，并且也能对产品进行全生命周期管理。一、什么是产品工厂产品工厂就是把产品从零部件开始进行生产、加工和组装，然后对外销售。并且能够维护产品的完整生命周期。1.1、产品工厂起源产品工厂是设计思想来源于银行、保险行业的金融产品管理；这两个行业的金融产品非常复杂，产品需要受过专业培训的人员来推广和运营。金融行业在长期的快速发展中积累了众多冗余系统，这些系统功能重叠，数据与参数分散于各个平台。产品升级与改造因此面临漫长的研发周期。为了提高效率，业界引入了“产品工厂”的概念，它借鉴流水线管理方式，将产品组件标准化，实现快速生产、组装与推广，以迅速响应业务创新和市场发展的需求。1.2、产品工厂能做什么1）产品生命周期管理随着产品运营周期的延长，新旧产品可能会相互交织，这不仅会消耗宝贵的IT资源，还可能将那些应该淘汰的产品错误地推荐给用户 ...继续阅读 (19)

为了有效管理日益增长的产品线和复杂的客户协议，企业需要一种灵活而高效的产品管理方法。产品工厂的概念应运而生，它借鉴了制造业的流水线管理方式，将产品视为可组装的零部件，实现快速生产和发布，以适应市场的变化和业务创新的需求。产品多了、客户签的协议也会增多、配置费率也是五花八门，使得管理难度越来越大。面对这种问题我们会想各种办法来做个配置，搞个流程来解决这些杂乱无序的产品、费率和协议签约。今天我们就介绍一个终极大招，产品工厂，他可以把软件产品像零部件一样来进行装配和发布，并且也能对产品进行全生命周期管理。一、什么是产品工厂产品工厂就是把产品从零部件开始进行生产、加工和组装，然后对外销售。并且能够维护产品的完整生命周期。1.1、产品工厂起源产品工厂是设计思想来源于银行、保险行业的金融产品管理；这两个行业的金融产品非常复杂，产品需要受过专业培训的人员来推广和运营。金融行业在长期的快速发展中积累了众多冗余系统，这些系统功能重叠，数据与参数分散于各个平台。产品升级与改造因此面临漫长的研发周期。为了提高效率，业界引入了“产品工厂”的概念，它借鉴流水线管理方式，将产品组件标准化，实现快速生产、组装与推广，以迅速响应业务创新和市场发展的需求。1.2、产品工厂能做什么1）产品生命周期管理随着产品运营周期的延长，新旧产品可能会相互交织，这不仅会消耗宝贵的IT资源，还可能将那些应该淘汰的产品错误地推荐给用户 ...继续阅读 (17)

前言这是一个每天更新一题的文章，欢迎评论区网友提供题目和答案，不断更新中，记录下来，方便学习，参考答案如有问题，敬请批评指正，废话不多说，开始进入正文。第一题题目判断一个对象是否为空，包含了其原型链上是否有自定义数据或者方法。 该如何判定？参考解答参考解答:要判断一个对象是否为空，并且考虑到对象自身及其原型链上是否有自定义数据或方法，您可以使用以下的 JavaScript 函数来实现：function isObjectEmpty(obj) { // 首先获取对象自身的属性 const ownProperties = Object.getOwnPropertyNames(obj); // 遍历自身属性 for (const property of ownProperties) { const descriptor = Object.getOwnPropertyDescriptor(obj, property); // 如果属性是数据属性并且有值，或者是方法（可调用函数），则对象不为空 if ( (descriptor.value && descriptor.value !== null && descriptor.value !== undefined) || typeof descriptor.value === "f ...继续阅读 (55)

（一般来说，装饰器在这里，）在 React 中，装饰器（Decorators）是一种语法糖，用于简化和增强组件的功能。它的主要作用是通过在组件类或类成员（如方法、属性）上添加修饰符，来扩展或修改组件的行为。装饰器通常以 @ 符号开头，紧接着是装饰器函数的名称，并且可以附带参数。@decorator// ...// ...装饰器本质上是一个高阶函数，它接收一个目标（类或类成员）并返回一个新的目标（通常是经过修改后的类或类成员）。装饰器通过操作传入的目标来实现增强或修改其功能。 ...继续阅读 (44)

引言大家好！我们非常高兴地跟大家宣布，今天正式发布我们的新产品——OpenTiny HUICharts。这是一款前端 Web 可视化图表库，其基础图表功能构建于 ECharts 之上，而高阶图表则采用了新的底层技术，以满足更广泛的数据可视化需求。OpenTiny HUICharts集成了自适应、性能提升、数据状态管理、无障碍能力、刻度优化、刻度均分等特性。这些特性帮助我们解决了许多内部业务场景中的问题。我们追求的目标是让图表的使用变得更加简单、直观且易于上手。为什么要做 OpenTiny HUIChartsOpenTiny HUICharts的诞生源于我们的内部业务需求。在处理数据可视化时，我们常常遇到两个主要问题：工具过于复杂和定制性不足。许多现有的图表工具虽然功能强大，但使用起来相对繁琐，需要频繁查询 API 文档。在处理大量复杂数据时，我们发现市场上现有的解决方案无法完全满足我们对数据可视化工具的要求。此外，我们还意识到公司内许多部门使用的图表工具缺乏统一的规范和主题样式，这造成了视觉上的不一致。综合上面的问题，我们自主研发了OpenTiny HUICharts。目前支持原生使用，也支持 Vue 框架封装组件，参考OpenTiny Vue 组件库。 我们支持基础图表如线形图、柱状图、圆盘图、雷达图等，这些图基于 Echarts 图表库，但我们简化了相关 API 的使用，使其更 ...继续阅读 (44)

在 React 中，类组件和函数组件是两种不同的组件定义方式。它们各有特点，适用于不同的场景。类组件 vs. 函数组件代码简洁性：函数组件通常比类组件更简洁。状态管理：类组件通过 this.state 和 this.setState 管理状态，而函数组件使用 useState 钩子。生命周期管理：类组件使用生命周期方法，而函数组件使用 useEffect 钩子（Hook）来管理副作用。 ...继续阅读 (42)

从中国铁路太原局集团有限公司获悉，8月1日凌晨，山西省中部的山西转型综改示范区内，一趟满载50车光伏设备组件的快运专列从中鼎物流园驶出，开往青海省，拉开了山西开行“光伏专列”的序幕。当天开行的专列编组50辆，由50个40英尺集装箱组成，所载货物均为光伏组件。这趟专列采取直达列车模式开行，中途不分解编组，抵达青海省德令哈站，助力当地清洁能源技术开发和利用。（央视新闻） ...继续阅读 (41)

引言随着互联网应用的不断发展，弹窗组件已经成为了界面设计中不可或缺的一部分。弹窗组件可以帮助我们更好地展示信息，提供更多的交互方式，以及增强用户体验。但是，设计一个好的弹窗组件并不是一件容易的事情。需要考虑的因素很多，比如弹窗的类型、场景、功能、样式等等。同时，弹窗是一把双刃剑，用的好能使用户行为更加聚焦从而提效，如果使用的不恰当，可能会使用户产生负面情绪甚至击退潜在用户。因此，本文将为大家系统剖析UI弹窗组件设计，介绍常用的几种弹窗组件设计的指导原则以及使用场景、技巧，帮助大家更高效正确的设计出易用的弹窗，提升产品的用户体验。正文弹窗组件是产品中重要的核心组件之一，是一种瞬态的交互式视图，它会在“合适”的时间弹出到页面的最顶层，并借由用户的一次点击完成关闭。文章将从弹窗的定义及分类，弹窗的设计规范，弹窗的设计实践三个部分进行讲解。▲内容概览Part 1:弹窗定义及分类弹窗的定义：弹窗是一种模式窗口，它出现在应用程序内容界面z轴最上方，用于提供关键信息或要求做出决定。 弹窗具备两个特点及作用：一个是聚焦用户视线，再一个是给予用户重要提示。▲常见弹窗示例弹窗的分类：从弹窗的交互特点上来看，可分为模态弹窗和非模态弹窗两种。模态是UI控件或视图的一种状态，用户只能对处于模态的控件或视图进行响应，不能操作其他非模态的控件或视图。两者的主要区别在于是否打断当前进程，以及需不需要用户对其进行 ...继续阅读 (30)

36氪获悉，据中国贸易救济信息网，美国国际贸易委员会（ITC）7月26日投票决定对特定光动力治疗系统及其组件和与之结合使用的药品（Certain Photodynamic Therapy Systems, Components Thereof, and Pharmaceutical Products Used in Combination with the Same）启动337调查（调查编码：337-TA-1411）。 ...继续阅读 (16)

由于 B 页面是个合成的复杂页面，将其改造成组件，然后进行弹框将会比较麻烦。既然改造方案不好实行，那么就想到了通过 iframe 的方式，直接将 B 页面嵌套在弹框里进行显示就可以了。 ...继续阅读 (29)

react的组件分为类组件和函数组件，Hook 是一种特殊的函数，可以让你在函数组件中使用类组件中才有的一些特性。useState、useEffect、useReducer都是Hook。其中useState用于在函数组件中添加状态，useEffect用于在函数组件中执行副作用，而useReducer则是useState的加强版。在 React 中，“副作用”（side effect）通常指的是那些在组件渲染之外发生的操作，即那些不直接参与 UI 渲染的行为。 ...继续阅读 (39)

基本介绍 什么是 Canal？ Canal 由阿里巴巴开源的一个基于 MySQL 数据库的增量日志（Binary Log）解析工具，提供增量数据订阅和消费，模拟 MySQL salve 方式，实现 MySQL 的主从同步，同时加入了增量日志解析等功能。 基于日志增量订阅&消费支持的业务： 数据库镜像 ...继续阅读 (55)

在B端设计领域，组件不仅是构建用户界面的基础元素，也是提升开发效率的关键。对于B端设计师而言，理解并分析新组件是一项必备技能。本文将带你走进B端设计师与组件之间的世界，探讨如何从形式、交互和场景三个方面全面理解一个新组件。作为一个 B 端设计师，我们究竟要如何理解组件？当接触到一个新组件时，通常会陷入到迷茫。一方面是组件过于的熟悉，我们在日常的工作当中会频繁接触到大量的组件内容（毕竟是组件设计师…）另一方面则是新的组件不断涌入，我们作为设计师一时之间不知道如何进行分析，今天我们就来聊聊 B 端设计师与组件之间的“爱恨情仇”先来简单说说什么是组件？我认为组件就是组成用户界面的基本元素，也是前端在开发过程当中，抽象出来可以复用的模块。对于定义大家不必过于纠结，最主要还是要了解其使用，比如在下方页面当中，会包含有哪一些组件？A. 输入框 开关 上传 按钮 文本提示B. 输入框 开关 上传 按钮 气泡卡片C. 输入框 开关 图片预览 按钮 文本提示这就是我们要了解关于一个组件的判断流程，我认为会有三步：形式、交互、场景形式决定功能其实我们在去辨别新一个组件的时候，会优先关注组件的「样子」，进而来进行辨别。比如下方的两个组件，我们其实很快速就能判断出一个是 单选框，一个是多选框。因为在我们潜意识当中单选为圆形、多选则为方形，】】】】】】】】】】】】】】】】】】】】因此对于一个组件 ...继续阅读 (32)

36氪获悉， 阿特斯公告，预计2024年上半年实现归属于母公司所有者的净利润为12亿元到14亿元，实现归属于母公司所有者的扣除非经常性损益的净利润为12亿元到14亿元。预计2024年第二季度净利润环比第一季度继续提升，环比增长7%到42%之间。2024年一季度公司实现组件出货量6.3GW，较去年同期增长3.28%，其中北美市场占比超20%。预计2024年第二季度组件出货量约8GW，环比增长27%。公司判断下半年业绩会好于上半年。 ...继续阅读 (22)

近期参加的项目，主管丢给我一个任务，说要支持滑动验证码。我身为50岁的软件攻城狮，当时正背着双手，好像一个受训的保安似的，中规中矩地参加每日站会，心想滑动验证码在今时今日已经是标配了，司空见惯，想必网上一搜一大把，岂非手到擒来。so easy，妈妈再也不用担心我的工作与学习。孰料在网上寻寻觅觅点点击击，结果就是凄凄惨惨戚戚。好像提的最多的就是AJ-Captcha，但居然貌似下线了，文档打不开，demo也不见。还有一个声称可能是最好的滑动验证码，但好像很复杂，并且日本少女漫画风，跟我有代沟。 ...继续阅读 (53)

前面学习了Column等容器，现在学习一个灵活弹性的容器，它就是Flex容器。它可以让容器里面的组件按不同的方式来排序前后，而不需要调整界面显示的代码。在这里可以看到组件显示的方向不一样，前面一行是从左到右进行布局，而后面一行是从右到左布局。针对这种需求，只能使用Flex容器才能方便实现。标准Flex布局容器。这是方向参数的区别。 ...继续阅读 (44)

文 | 王方玉编辑 | 苏建勋行业持续寒冬之下，财大气粗的光伏龙头们也没有余钱了。7月5日晚，光伏龙头晶澳科技发布公告称，今年上半年累计新增借款高达244.94亿元，这个数字不容小觑，毕竟晶澳总市值也只有340多亿元。2023年末，晶澳科技净资产为351亿元，新增借款金额相当于净资产的7成。从一季度已披露数据看，晶澳的资产负债率攀升，短期偿债指标也在走低。无独有偶，根据另一家光伏龙头天合光能本月初公告，上半年该公司累计新增借款184亿元，也占到其去年末净资产的近6成。就连近两年扩张保守、被认为稳健的隆基绿能，也在6月宣布，要公开发行不超过100亿元的公司债券。图片来源：36碳制图大手笔的借款和发债，凸显出龙头企业们在光伏行业的新局势下对于资金的渴求。当下，光伏行业的硅料、硅片、电池、组件四大环节基本上都跌破现金成本，包括光伏龙头在内，厂商生产越多就亏损越多，全产业链都在“失血”当中——只有血条够厚，扛得住现金的持续流失，才有资格留在牌桌上。协鑫科技高级副总裁胡泽义在近期接受媒体采访时坦言，目前整个光伏行业都在失血，每个月大约现金流失80亿元。据他观察，现在光伏行业的“血”还没有流干，排名前十的龙头每家账面上平均都还有200亿现金。国金证券新能源与电力设备首席分析师姚遥在6月下旬的一次会议上指出：“若后续筹资减量、不放缓扩产，即使不考虑银行抽贷等潜在外部影响因素，行业也将在5个季度内 ...继续阅读 (15)

要在文本组件里显示出来，需要定义一个数字变量，然后在上面两个事件里对这个变量进行计数，点击减少就对变量进行减少，点击增加就对变量进行增加，然后就可以在文本组件里显示出变量的值变化。这段就是事件响应代码，如果变量值不是按1变化，可以按10变化地修改。上面组件中间显示5的组件是一个文本组件，边上提供了增减的按钮。 ...继续阅读 (46)

在产品设计中，Ghost Component是一种在国外产品中使用比较多的设计风格，看起来比较轻量化和简洁。这篇文章，作者分享了他的一些思考，供各位参考。在UI设计中，这种风格的图标和组件也常被称为“Ghost Component”：使用细线条勾勒出图标或组件的轮廓，而内部保持透明或半透明。在设计系统和组件库中，这种风格的图标和组件通常会作为一个独立的系列或变体存在，以便设计师可以根据需要选择使用实心(Filled)或描边(Outlined)版本。值得注意的是，虽然这种设计风格最常见于图标，但也可以应用于其他UI组件，如按钮、卡片或输入框等。在这些情况下，组件名称可能会保持不变，但会添加”outline”或”bordered”等修饰词来区分不同的样式变体。Ghost Component背后的设计思考：视觉轻量化：透明的中间区域可以减少界面的视觉重量，让整体设计更加轻盈和简洁。这种设计可以降低用户的视觉负担，让界面看起来不那么拥挤。增强可读性：细描边可以清晰地定义UI元素的边界，同时透明的中间区域允许背景内容部分可见。这种设计可以在不完全遮挡底层内容的情况下，突出显示UI元素。层次感：透明的中间区域可以创造出层次感，让用户更容易理解界面的结构和元素之间的关系这种设计可以帮助用户更好地导航和理解界面布局。美观性：细描边配合透明中心可以创造 ...继续阅读 (26)

36氪获悉，金力永磁在机构调研时表示，金力永磁一直严格遵守国家有关规定，从合法合规渠道采购包括稀土产品在内的原材料。《稀土管理条例》的落地，有利于稀土供应优化，对于规范行业发展将起到正向的促进作用。另外，公司积极配合世界知名客户的人形机器人用磁组件的研发。公司已规划在墨西哥投资建设“墨西哥新建年产100万台/套磁组件生产线项目”，项目建成达产后，有助于提升公司在人形机器人等领域的市场竞争力。 ...继续阅读 (35)

风险管理实践-对接组件库-安全管控流程引入管理1、从0到1：最初全量扫描 有风险的原则上全部出库。若风险组件为项目必须使用，项目组提交组件入库申请，或者 逐步推广 控增量、清存量，严格控制新增、对存量的限制固定时间内限期整改。2、组件扫描 ...继续阅读 (46)