小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
如何使用网页组件构建与框架无关的用户界面

网页组件提供了一种独立构建UI元素的方法,避免了框架锁定问题。它们基于Web标准,支持多种浏览器,适用于各种项目。通过自定义元素、影子DOM和HTML模板,网页组件实现了可重用性和封装性,提高了开发效率和安全性。许多公司已在生产中采用网页组件,证明了其灵活性和稳定性。

如何使用网页组件构建与框架无关的用户界面

The New Stack
The New Stack · 2025-08-21T18:00:26Z
运用原子设计原则创建统一的设计系统

本文介绍了Brad Frost的原子设计方法,将界面拆分为原子、分子、组织、模板和页面,以构建统一且可扩展的设计系统,从而提升设计的一致性和可重用性,帮助设计师和开发者更高效地构建用户友好的界面。

运用原子设计原则创建统一的设计系统

DEV Community
DEV Community · 2025-05-19T17:16:48Z
如何在Laravel中使用Laravel Sieve实现可扩展的过滤

Laravel Sieve是一个开源包,旨在简化Laravel应用中的动态过滤。它通过将过滤逻辑隔离到专用类中,遵循SOLID原则,减少控制器中的冗余代码,提高代码的可维护性和可重用性,使开发者更容易管理复杂的过滤需求。

如何在Laravel中使用Laravel Sieve实现可扩展的过滤

DEV Community
DEV Community · 2025-05-16T13:44:38Z
我用Python一行代码替代了Bash脚本

Bash脚本在处理复杂逻辑时可读性和可重用性较差,Python可以用一行代码替代Bash脚本,提供更好的错误信息和维护性。对于超过五行的脚本,建议使用Python。

我用Python一行代码替代了Bash脚本

DEV Community
DEV Community · 2025-05-15T09:44:17Z
网络服务如何运作 – 连接世界的隐形引擎

网络服务是不同软件应用通过网络进行通信的标准化方式,支持互操作性、可重用性和平台独立性。主要类型包括SOAP(适用于高安全性需求的企业应用)和REST(因其简单性和可扩展性广泛用于Web开发)。

网络服务如何运作 – 连接世界的隐形引擎

freeCodeCamp.org
freeCodeCamp.org · 2025-05-14T14:48:19Z
复合组件:高级React模式 👩🏻‍💻

高级React模式通过复合组件提升代码的可维护性和可重用性。复合组件允许父组件共享状态,简化API设计,避免属性传递,增强灵活性,适合动态UI和自定义布局的构建。

复合组件:高级React模式 👩🏻‍💻

DEV Community
DEV Community · 2025-05-08T04:25:23Z
Laravel 12中的自定义验证规则

Laravel 12支持创建自定义验证规则,以满足特定需求。通过Artisan命令生成规则类,定义验证逻辑和错误信息。这些规则可在表单请求中使用,或通过闭包定义简单规则。自定义规则易于测试,提升了可读性和可重用性,增强了应用的健壮性。

Laravel 12中的自定义验证规则

DEV Community
DEV Community · 2025-05-05T08:46:01Z
科技巨头如何利用抽象,以及你何时也应该这样做

抽象是软件开发中的关键概念,通过隐藏细节来管理复杂性。科技巨头如谷歌、Facebook和亚马逊利用抽象提高开发效率和可维护性,使开发者专注于特定问题,增强代码的可重用性。掌握抽象应用有助于创建可扩展和易维护的代码。

科技巨头如何利用抽象,以及你何时也应该这样做

DEV Community
DEV Community · 2025-05-04T08:58:30Z
使用React和TailwindCSS创建通用按钮

随着项目规模扩大,组件的可重用性愈发重要。本文介绍了如何创建一个通用的React按钮组件,该组件可根据传入属性作为<button>或<a>元素使用,并使用TailwindCSS进行样式设计,示例展示了多种用法。

使用React和TailwindCSS创建通用按钮

DEV Community
DEV Community · 2025-05-04T01:18:55Z
宣布对Databricks资产包的Python支持,以简化部署

Databricks在公共预览中推出了对Python的支持,用户可以用Python定义和部署整个管道生命周期。该资产包提供了结构化的代码优先方法,增强了灵活性和可重用性,简化了作业和管道的部署,减少了重复配置,提高了维护性。

宣布对Databricks资产包的Python支持,以简化部署

Databricks
Databricks · 2025-05-01T16:00:00Z
DRY原则

DRY原则(不要重复自己)强调代码的可重用性和模块化,旨在减少冗余,提高可维护性和开发效率。通过提取重复代码的公共功能,可以构建更清晰、灵活的代码结构。但过度抽象可能影响可读性,因此需谨慎应用。

DRY原则

DEV Community
DEV Community · 2025-04-28T14:37:01Z
在React中使用“函数作为子元素”

在React中,'函数作为子元素'模式允许传递函数而非静态JSX,提供灵活性、可重用性和组合性,便于动态控制渲染。常见应用包括工具提示、动态表格和可调整面板。

在React中使用“函数作为子元素”

DEV Community
DEV Community · 2025-04-27T06:44:24Z
可扩展的React组件模式:从原子设计到复合组件

随着React应用的增长,组件的组织和构建变得至关重要。文章探讨了原子设计、复合组件和渲染属性等关键组件模式,这些模式有助于构建模块化、可维护和可扩展的前端,提升可重用性、减少属性传递并增强UI的可定制性。掌握这些模式有助于构建一致的UI系统,提升团队协作和代码维护性。

可扩展的React组件模式:从原子设计到复合组件

DEV Community
DEV Community · 2025-04-25T07:49:14Z

CTE(公共表表达式)在可读性、可重用性和递归方面优于子查询,尽管性能相似,但CTE在复杂查询中更易于维护。建议逐步过渡到CTE以发挥其优势。

SQL CTE与子查询:这场辩论还没有结束!

KDnuggets
KDnuggets · 2025-04-16T14:00:02Z
MuleSoft中的接口隔离原则(ISP):针对特定需求的特定接口

接口隔离原则(ISP)强调客户端不应依赖未使用的方法。MuleSoft中应用ISP可通过分层设计API,确保消费者仅使用所需接口,从而降低复杂性和维护成本。具体做法包括将API分为系统层、过程层和体验层,创建针对特定消费者的API,以及模块化流程,以提高可重用性和简化维护。

MuleSoft中的接口隔离原则(ISP):针对特定需求的特定接口

DEV Community
DEV Community · 2025-04-14T09:17:05Z
Laravel IQ - 第1级 - 第4部分 (BST)

SOLID原则是一组旨在提升代码可维护性和可重用性的设计原则,包括单一职责、开放封闭、里氏替换、接口隔离和依赖倒置。遵循这些原则可使代码更清晰、易于扩展和维护。

Laravel IQ - 第1级 - 第4部分 (BST)

DEV Community
DEV Community · 2025-04-14T06:13:29Z
探索Vue 3 Composition API的新特性

Vue 3的Composition API改变了应用开发方式,提供了更强大的逻辑管理,便于重用,提升了开发体验和TypeScript支持。与Options API相比,Composition API在代码组织、可重用性和学习曲线方面更具优势,适合复杂组件和现代工具。

探索Vue 3 Composition API的新特性

DEV Community
DEV Community · 2025-04-09T05:00:00Z
Swift中的结构体:代码的基本构建块

在编程中,Swift的结构体是数据建模的基础,定义数据类型及其属性和方法。作为值类型,结构体在赋值时会创建独立副本,确保数据安全和可预测性。使用结构体可以提高代码的可读性和可重用性,适合建模简单和独立的数据。

Swift中的结构体:代码的基本构建块

DEV Community
DEV Community · 2025-04-06T23:02:25Z
掌握React中的自定义钩子 – 初学者指南 🪝

自定义钩子是以“use”开头的JavaScript函数,允许将组件逻辑提取为可重用的函数。它们利用React内置钩子,增强代码的可重用性和清晰度。示例中创建了一个名为useLocalStorage的钩子,用于管理本地存储,从而保持代码整洁和模块化。

掌握React中的自定义钩子 – 初学者指南 🪝

DEV Community
DEV Community · 2025-04-06T15:03:55Z
🚀 没有组件的 Tailwind?你这样做是错的!

使用Tailwind CSS时,组件至关重要,提供可重用性、可维护性和可读性,避免代码混乱。通过组件,样式更改集中管理,提高开发效率。使用现成的组件库如DaisyUI和Headless UI可节省时间并确保响应式设计。应避免过度使用内联类和忽视响应式工具,以保持代码整洁。

🚀 没有组件的 Tailwind?你这样做是错的!

DEV Community
DEV Community · 2025-03-10T06:24:12Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码