鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 2024年软考 PMP项目管理软考资讯

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.5w内容

关注

分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。

文章博文帖子课程

共 2.5w 条

理解C++之构造函数

本篇文章我们从几个问题出发，加深一下对 C++ 中构造函数的了解

2023-11-28 11:51:01

让你开发更舒适的 Tailwind 技巧

使用 Tailwind CSS，我避免了在 React 项目中复制大量 CSS 文件的麻烦，使网页开发变得更加迅速高效。虽然 Tailwind 已经非常优秀，但我还是发现了一些技巧，可以进一步提升使用这个框架的体验。

2023-11-28 10:17:37

一图看懂四种接收实时数据更新的设计

TCP 本身允许双向数据流，使客户端和服务器可以同时向对方发送数据。然而，建立在 TCP 基础上的 HTTP/1.1 并没有充分利用这一功能。

2023-11-28 09:44:10

数据更新设计

聊聊常见的限流算法有哪些？

每个客户端请求进来的时候，必须要从令牌桶获得一个令牌才能访问，否则排队等待。在流量低峰的时候，令牌桶会出现堆积，因此当出现瞬时高峰的时候，有足够多的令牌可以获取，因此令牌桶能够允许瞬时流量的处理。

2023-11-28 09:19:12

限流算法客户端

三个中国程序员 vs三个美国程序员，不得不承认，差距太大了！

国内市场也没有很好的云服务作为基础设施，当时李彦宏表示，云计算只不过是新瓶装旧酒，15年来没有新东西，马化腾则认为云计算要像水电一样用还为时尚早。

2023-11-28 09:03:50

架构 Instagram

Go 浅析主流日志库：从设计层学习如何集成日志轮转与切割功能

本文对三个热门的日志库 logrus、zap 和 slog 设计要素进行浅析，我们发现虽然它们在创建日志实例的细节上有所差异，但它们共同依赖于 io.Writer 接口参数来处理日志的输出。掌握如何配置 io.Writer 参数，并结合 lumberjack 库的使用，我们就可以实现日志文件的轮转与切割功能。

2023-11-28 08:52:48

优雅实现API接口开关：让你的应用更可控

通过定义AOP切面和切入点，我们可以精确地拦截需要控制的方法，并在通知中根据开关状态执行相应的逻辑。这种技术手段有助于提高代码的可维护性和可扩展性，同时提供更好的灵活性和控制性来管理接口的行为。

2023-11-28 08:38:25

API 接口开关

彻底解决Spring Cloud Gateway中Body读取问题

AdaptCachedBodyGlobalFilter会监听EnableBodyCachingEvent事件，当发布该事件时就将RouteId放入routesToCache中。为了方便使用，我们可以编写一个配置类，在初始化时发布EnableBodyCachingEvent事件，将所有路由都启用缓存功能。

2023-11-28 08:36:16

Spring 中Body读取

一篇学会 Rust 内存布局

union的内存大小是其成员中最大的那个成员的大小,类似的,对于Data这个Enum类型,会选择最大的那个成员的大小所以24+tag的8字节,最终为32字节 (tag在这里就用来标识其为i32,还是f64,或者是Vec)。

2023-11-28 08:29:31

Rust 内存布局

如何高效地使用Goroutine，你学会了？

通过本文的例子和讨论，对如何高效使用 goroutine 有了更深入的理解。理解 goroutine 的创建、通信、避免泄漏、控制数量、同步等方面的技巧，将有助于读者在实际项目中更好地应用 Go 语言的并发编程特性。

2023-11-28 08:22:05

goroutine 语言

使用 sync.Cond 来协调并发 goroutine 的访问共享资源

互斥锁（sync.Mutex）用于保护临界区和共享资源，而 sync.Cond 则用于协调多个 goroutine 的执行顺序。互斥锁只能一个 goroutine 持有锁，其他 goroutine 必须等待锁被释放才能继续执行。而 sync.Cond 可以让等待的 goroutine 在条件满足时被唤醒，进而继续执行。

2023-11-28 08:01:48

互斥锁共享资源

聊聊 Calico BGP容器网络实践

变更管理/故障管理需云和网配合进行，明确双方分工和问题界定，紧密协作。比如管理云平台的团队配置BGP Filter功能，物理网络设备配置BGP Policy，防止对外发布非法路由，形成双保险。在技术探索过程中，引入可观测平台全链路流量和BGP监控等工具，最大程度将问题边界描述清晰，并提高运维效率。

2023-11-28 07:55:05

Calico 容器网络

我们一起聊聊异地多活之业务定制型异地多活架构

在本篇文章中, 我们使用#[test]注解完成了对指定函数的自动化测试, 使用assert!宏对错误进行断言, 在断言中自定义错误显示消息用于查看更详细的错误原因。使用了should_panic对panci错误进行了监控, 最后使用Result<T, E>替代断言分别完成了代码测试和自定义错误消息打印, 在以后的实际应用中, 可能还会有一些组合测试的场景出现, 到时候再具体问题具体分析。

2023-11-28 07:45:48

Rust 自动化测试

手把手教你写一个Shell脚本部署你的服务

nohup 这个命令的标识则是我们使用后台启动的方式，不必再关注如果执行jar -jar 的时候，我们关闭了当前的窗口，结果我们的服务就被迫终止了，而后面，我们还贴心的又查询了一下这个服务，然后把我们的服务是否启动成功给大家展示出来，如果运行之后，就会出现应用xxx启动成功，pid = xxxxx的标志了。

2023-11-28 07:36:41

Shell 脚本部署

Python GUI 编程：dearpygui 和 tkinter 的对比与选择！

本文将对比 dearpygui 和 tkinter 这两个库，并使用Python代码举例来说明它们之间的区别。

2023-11-27 19:42:56

Python GUI 编程

C++ extern的妙用

在C++编程中，extern关键字的使用是一种强大的工具，它允许我们在一个源文件中声明变量或函数，而在另一个源文件中定义它。

2023-11-27 19:35:01

收藏这五个优秀Python库，事半功倍！

在本文中，笔者将介绍五个优秀Python库，这些库在各个领域都具有卓越的功能和灵活的应用。

2023-11-27 19:22:24

Python库编程语言

得物商家域精准测试实践

存在多个域共建的情况下，这个时候也能够帮助精准推荐出测试范围。精准测试可以有效地提高测试的覆盖率和可靠性，可以帮助测试人员发现潜在的问题，避免多域共建的情况下信息偏差导致漏测接口，推荐出开发改动未评估到的影响接口；

2023-11-27 18:38:57

得物商家测试

秒杀系统 Go 并发编程实践！

使用互斥锁和计数器等原语，我们实现了并发控制、数据一致性和并发安全。这些原语帮助我们解决了高并发场景下的并发访问问题，并保证了系统的稳定性和性能。

2023-11-27 18:07:05

Go 并发编程

用Python替代Adobe，零成本从PDF提取数据

通过利用Python强大的库，可以自动化繁琐的PDF数据提取任务。这种方法不仅成本低，而且提供了Python开发者所喜爱的灵活性和强大功能。

2023-11-27 18:03:41

层次分析法--可以帮助你做决策的简单算法

层次分析法的核心其实就是层次单排序。层次单排序是对一个目标下的多个影响因子，计算各个因子对于该目标的权重。利用层次单排序我们就能在一个树型结构的层次评价模型里，由最上层的目标层层递进向下，最终得到树的叶子节点的权重，即我们想要得到的各个方案的权重。

2023-11-27 17:49:23

层次分析法算法

诉诸 Vitest、Storybook 和 Playwright 进行现代化前端测试

在本文中，我们将分享为什么我们认为前端测试值得一试，为什么它以往风评被害，以及我们采用的使我们的测试易于编写和维护的方案。

2023-11-27 17:40:45

Vitest Playwright 前端

一文读懂Web Component

Shadow DOM。主要用于将 Shadow DOM 的内容与外层 document DOM 隔离，可以理解为在document中的一个子容器，放置各种组件；HTML 模板。使用 <template> 来定义组件模板，使用 <slot> 作为插槽使用（Vuer一定不陌生）。

2023-11-27 17:35:48

Component Web 外层

如何使用Python防止他人截取你的屏幕？这里有六种方法！

在本文中，我们讨论了如何使用Python实现防截图的六种方法。这些方法中的大多数都依赖于Python中的库或API，例如Pillow，PyHook和OpenGL。

2023-11-27 17:24:43

Python 防截图

七个令人瞠目结舌的Python库

除了Python本身的强大功能之外，还有许多令人瞠目结舌的Python库，它们为开发者们带来了无尽的惊喜和创造力。在本文中，笔者为大家分享7个这样的Python库，建议收藏。

2023-11-27 16:51:28

Python Python库

八个很棒的 JavaScript 字符串操作技巧

在处理 JavaScript 字符串时，有许多有趣的技术可以提高我们的编码效率。本文将介绍一些关于字符串的JavaScript技巧，让你更加熟练的进行字符串操作。我们走吧！

2023-11-27 16:01:59

JavaScrip 技巧

深入探索Python中的contextlib模块

Python作为一门功能强大的编程语言，始终致力于提供简洁而灵活的解决方案。在Python标准库中，contextlib模块是一个强大的工具，它为我们提供了一种简单而优雅的方式来管理上下文。

2023-11-27 15:08:52

Python 编程语言

五分钟 K8s 实战-应用探针

存活探针往往是用于保证应用高可用的，虽然 kubernetes 可以在 Pod 退出后自动重启，比如 Pod OOM；但应用假死他是检测不出来的。

2023-11-27 13:54:00

kubernetes 高可用

四种消息队列，如何选型？

RocketMQ：天生为金融互联网领域而生，对于可靠性要求很高的场景，尤其是电商里面的订单扣款，以及业务削峰，在大量交易涌入时，后端可能无法及时处理的情况。RoketMQ 在稳定性上可能更值得信赖，这些业务场景在阿里双 11 已经经历了多次考验，如果你的业务有上述并发场景，建议可以选择 RocketMQ。

2023-11-27 13:42:00

消息队列 RocketMQ

云原生小技巧 : 如何在本地调试 Kubernetes Webhook？

在本文中，我们深入了解了 Kubernetes Webhook 的本地调试流程，从基础理解到实际操作。通过将传统的基于服务的配置方式转变为直接使用 URL，我们不仅克服了本地调试的局限性，还引入了前所未有的灵活性和效率，大幅优化了整个开发周期。

2023-11-27 13:41:00

Kubernete 本地调试

为什么Margin、Padding和其他间距技术应使用 Px 单位

CSS 长度是距离值的一种。CSS 百分比与长度类似，但区别在于它们总是页面中其他内容的一部分，具体取决于它们与什么属性一起使用。长度可以是绝对值，也可以是相对值。

2023-11-27 11:51:13

ChatGPT vs AutoGPT：比较顶级语言模型

ChatGPT 和 AutoGPT 都有各自的优点和局限性，两者之间的选择很大程度上取决于用户的具体需求。如果您需要一个工具来参与类似于人类的对话，ChatGPT 是更好的选择。如果您需要一个工具来自动化内容创建或数据输入，AutoGPT 是更合适的选择。

2023-11-27 11:34:59

ChatGPT AutoGPT

CSS 中 Rgb 与 Rgba 的进化史

我最早工作是需要兼容 IE6 的，所以对这块还算熟悉。在这个时代，只有Rgb，没有Rgba，也就是这种最原始的写法，因此如果要实现透明度颜色，要么整体透明，要么切图，是一件非常头疼的事。

2023-11-27 09:23:19

DDD死党：内存Join--将复用和扩展用到极致

使用 @JoinInMemory 注解完成繁琐的配置工作，将通用配置保留在自定义注解进行统一管理，基于 @AliasFor 完成入参的配置，还可以使用 @JoinInMemoryConfig 开启并发处理。

2023-11-27 09:19:04

Memory @AliasFor

Go HTTP GET 请求可以发送 body 吗

在 GET 类型的请求里使用 body 是一个没有定义的语义。如果在 GET 请求的 body 里传递参数可能会被某些实现方拒绝该请求。

2023-11-27 08:57:24

我们一起聊聊 State of JS 2023、CSS 容器查询、Rspack、Bruno、H3、medium-zoom

Cascade Layers, CSS Functions, and more CSS[8] - Miriam 与 Dave Rupert 和 Chris Coyier 一起讨论 CSS 相关的内容，包括容器查询、级联层、自定义属性、退出动画、CSS 函数、状态查询等。

2023-11-27 08:39:45

, CSS 级联层

阿里面试官：LinkedHashMap是怎么保证元素有序的？

这其实跟HashMap的底层设计有关，HashMap并不是像ArrayList那样，按照元素的插入顺序存储。而是先计算key的哈希值，再用哈希值对数组长度求余，算出数组下标，存储到下标所在的位置，如果该位置上存在链表或者红黑树，再把这个元素插入到链表或者红黑树上面。

2023-11-27 08:32:02

通过Spring AOP结合SpEL表达式：构建强大且灵活的权限控制体系

通过本文的介绍，我们了解了如何使用Spring AOP和Spring Security的组合来实现权限验证。通过这种方式，我们可以提高应用程序的安全性，并降低代码的耦合度，提高代码的可重用性和可维护性。希望本文能够帮助读者更好地理解和应用Spring AOP和Spring Security，为他们的应用程序开发提供有益的参考。

2023-11-27 08:28:37

如何使用 Formik 创建 React 表单

Formik 是一个用于构建和管理 React 表单的库。它的主要目的是简化表单的开发流程，使得创建和处理表单变得更加容易。

2023-11-27 08:24:57

面试官：抛开Spring来说，如何自己实现Spring AOP?

虽然Spring框架中的Spring AOP是Java社区中最著名的AOP实现，但为了完全理解这种思想，我们可以不依赖Spring来实现AOP功能。

2023-11-27 08:17:05

同步与异步：程序执行方式的不同之处

在实际开发中，异步操作常用于处理耗时的任务，例如网络请求、文件读写和数据库查询等。通过使用异步操作，可以充分利用系统资源，并提高程序的并发性和响应速度。然而，同步操作在某些情况下也是必需的，例如需要确保顺序执行或依赖前一操作结果的情况下。

2023-11-27 08:00:36

开发数据库查询

双向绑定与单向数据流之争，Solid会取代React吗

双向绑定是一种传统的解决方案，与之相对比，在前端领域 React 的解决方案是一个巨大的创新。单向数据流，Diff算法，双缓存策略，优先级队列，任务中断，浏览器空闲时间，并发，函数式编程，自定义Hook... 等等许多概念都极大的扩展了前端开发的技术视野。

2023-11-27 07:47:14

双向绑定 React

RabbitMQ高级之失败重试机制(含源码)

当消费者出现异常后，消息会不断requeue(重新入队）到队列，再重新发送给消费者，然后再次异常，再次requeue，无限循环，导致mq的消息处理飙升，带来不必要的压力。

2023-11-27 07:44:59

RabbitMQ 机制

新一代WebFlux框架核心技术Reactor响应式编程基本用法

Reactor中的Flux和Mono是响应式编程的核心组件，它们提供了丰富的操作符和方法来处理异步数据流。因此，对于使用WebFlux的开发者来说，掌握Reactor的使用是非常重要的。

2023-11-27 07:42:27

Reactor 响应式

不少人面试都挂在这道题了！你挂了吗？

为什么要这么定义呢？这是因为在工作者池模式中，每个工作者需要一个独立的作业通道来接收作业。通过将每个工作者的作业通道放入一个通道中，可以实现对工作者的动态分配和管理。

2023-11-27 07:37:50

面试协程池

一个注解搞定多数据源切换，你学会了吗？

数据操作完成后，方法返回第二步中的拦截器，执行DynamicDataSourceContextHolder.poll();清除掉此次Threadlocal中的数据源，避免影响后续数据操作。

2023-11-27 07:33:55

数据源切换

Springboot扩展点之BeanDefinitionRegistryPostProcessor，你学会了吗？

通过梳理整个过程，其实最关键的就是一句话：在Spring容器初始后、未刷新前，即Bean已被扫描注册为BeanDefinition后，未正式实例化前，可以通过实现BeanDefinitionRegistryPostProcessor做一些额外的操作。

2023-11-27 07:26:42

Springboot 容器

100行代码实现审计日志中间件

个人认为有以下几个优势：(1)中间件的方式可灵活地匹配路由组，从而灵活地指定需要记录日志的路由组；(2)同一个路由组中通过context value 来区分接口是否需要记录操作日志；(3)业务处理函数中可灵活配置需记录内容，不需集中处理。

2023-11-27 07:10:06

日志中间件

实现Eureka服务注册和服务发现，你学会了吗？

同样的，orderService项目中有一个接口是根据order表的ID查询order信息，在一条信息中包含了单价，数量，总价和用户的ID。

2023-11-27 00:55:43

Eureka 服务服务

Display和Visibility的区别，你了解了吗？

当元素样式设置为display：none时，则该元素和它的子元素都会隐藏，不占据文档流（就是元素原本占据的空间会释放出来）。

2023-11-27 00:48:46

display visibility

上一页 1 ··· 56 57 58 59 60 ··· 511 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区 AI.x社区

教育

51CTO学堂精培企业培训 CTO训练营