直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

五分钟 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

Prometheus 的查询语言 PromQL 详解

需要注意的是，本文我们介绍的是 PromQL 的查询范畴，关于 PromQL 计算范畴的内容，我们都没有介绍，比如，算术运算符、比较运算符、逻辑运算符，也是非常重要的内容，尤其在我们配置告警时会用到这些运算符。

2023-11-26 23:59:16

PromQL 算术运算符

深入解析PyQt 6：为什么它比PyQt 5更强大？

本文将详细介绍 PyQt 6 相比 PyQt 5 的优势，以及在代码开发上的区别，帮助您更好地理解和应用这一强大的 GUI 库。

2023-11-26 18:47:42

PyQt 6 PyQt 5 Python

Python中的协程，你知道怎么用吗

在当今高度互联的世界中，编写高效且响应迅速的程序是至关重要的。Python作为一种功能强大且易于使用的编程语言，提供了许多工具来实现异步编程。其中，协程是一项强大的技术，可以帮助我们编写高效的异步代码。

2023-11-26 18:35:25

Python 编程语言

防微杜渐！向扁鹊学习治理代码

在C++代码中应该避免实现显式地使用new和delete。但是有时候代码中仍然可能无法避免。比如brpc的bthread_start_background()函数函数需要接收一个void*类型的指针用来传参，这时候一般是在外部使用new来创建一个参数对象，然后在回调函数中进行delete。

2023-11-26 18:03:00

深入解析React中useEffect的原理与实际应用

React的useEffect是处理组件副作用的重要Hook，通过深入探讨其实现原理，我们能更好地理解其在React中的作用。副作用函数涵盖了数据获取、订阅外部事件、手动DOM操作等。

2023-11-26 18:02:00

Svelte 5 重写之后即将带来的巨大变化

总的来说Svelte5的重写，降低了学习曲线，同时优化了内部逻辑，可以更灵活的控制响应式的精度和层级。

2023-11-26 18:00:00

Svelte 5 层级重写

优化 React 组件性能：深入理解 useEffect 第二个参数的使用

通过深入理解 useEffect 第二个参数的不同情况，我们可以更精确地控制副作用的触发时机，从而优化性能并确保正确的行为。在实际项目中，选择合适的 useEffect 第二个参数是一项重要的优化策略，它可以有效减少不必要的计算和请求，提高应用的响应性能。

2023-11-26 17:59:00

React 组件参数

15 个实用的 JavaScript 技巧

在今天这篇文章中，我们将分享 15 个实用的 JavaScript 技能。我们希望它们能够帮助您提高开发效率。

2023-11-26 17:54:07

JavaScript 开发

为什么你应该把 Google / StackOverflow / 文档搜索都扔掉，改用 devv.ai？

作为一个开发者，每天都要在海量的信息中寻找答案，而 https://devv.ai/ 能带来了极大的便利。与传统的搜索引擎相比，它在使用中文提问的情况下，总是能够迅速准确地给出效果最好的答案，而且比起使用 ChatGPT 和 Perplexity 更加出色。

2023-11-26 17:52:00

Google 文档搜索

从阿里云故障想到，稳定性问题本质是什么

稳定性任务，应该持续贯穿在全年，按照合理的比重，与业务功能迭代任务一起评估考量，才能确保长期处于相对高的稳定性水平。

2023-11-26 17:51:00

阿里云故障本质

【运营思维】美团面试题：如何把梳子卖给寺庙和尚？

总而言之，虽然这个问题一开始听起来有点困难，但只要我们找准切入点，深入了解目标群体，突显产品独特之处，通过巧妙的营销策略引发共鸣，建立合作关系，就一定能够成功卖出梳子给寺庙的和尚们！

2023-11-26 17:48:00

站点可靠性工程SRE最佳实践 -- 黄金监控信号

黄金信号是SRE工具箱中的关键工具。通过测量和监控延迟、流量、错误和饱和度指标，即使面对日益增加的复杂性和需求，SRE也可以确保其系统保持可靠、可扩展和高性能。

2023-11-26 13:41:24

工具信号 SRE

在Spring Boot中使用WebSocket实现实时在线人数统计

这样，当有用户连接到WebSocket并发送消息时，greeting方法将被调用，处理逻辑并将更新后的在线用户数发送到/topic/onlineUsers。

2023-11-26 09:10:34

WebSocket greeting在线用户

Android使用SharedPreferences存储轻量级持久化数据

一般来说，推荐使用apply()方法来提交SharedPreferences的修改，因为它不会阻塞当前线程，而且在大多数情况下，数据的写入操作都是非常快的。

2023-11-26 09:06:46

Android 线程数据

Vue 又更新了，性能大幅提升！

重构导致运行时编译器略微增大。全局构建大小的变化，包括编译器和运行时（min+brotli）：44.5kb => 46.4kb（+1.9kb）。考虑到性能改进以及大小增加不会影响使用构建步骤的项目，这是可以接受的。

2023-11-26 09:04:10

超高效，使用Terraform创建Docker镜像和容器

使用资源块定义基础架构的组件。资源可以是物理或虚拟组件，如Docker容器，也可以是逻辑资源，如Heroku应用程序。

2023-11-26 00:52:12

Docker 镜像容器

解密Spring Cloud微服务调用：如何轻松获取请求目标方的IP和端口

Spring Cloud 线上微服务实例都是2个起步，如果出问题后，在没有ELK等日志分析平台，如何确定调用到了目标服务的那个实例，以此来排查问题。

2023-11-26 00:42:07

微服务日志

Javascript的闭包有哪些应用？你学会了吗？

通过闭包，可以创建私有变量和方法。外部作用域无法直接访问闭包内的变量，从而实现了信息隐藏和封装。使用闭包可以创建模块，将相关的功能组织在一起，同时保持内部状态的私有性。

2023-11-26 00:34:36

Javascript 应用方法

前端性能指标--首屏时间统计

随着公司的高速发展，业务需求越来越多，用户和公司对于页面的稳定性、性能也有了更高的诉求。根据Aberdeen Group的调研发现从浏览器输入地址开始访问到页面展示的最佳时间为3秒内，每多一秒的延迟会使客户满意度降低16%。页面首屏加载速度就成了重要的前端性能指标，统计首屏时间可以帮助我们更好地分析原因和优化性能，进而提升项目质量、提高用户的使用体验。

2023-11-25 20:16:22

一文搞懂Go gRPC服务Handler单元测试

在本文中，我们详细探讨了如何对gRPC服务端Handler进行单元测试，我们的目标是找到像net/http/httptest包那样的，可以为gRPC服务端handler测试提供脚手架代码帮助的测试方法。

2023-11-25 09:41:34

Go gRPC Handler

十个杀手级VS Code插件

识别和使用合适的插件可以增强使用Visual Studio Code进行开发的过程。定期更新对这些插件的了解，可以获得更好的开发体验。

2023-11-24 18:10:38

Python 哈希表的实现——字典

当在字典中发生哈希冲突时，Python 会使用线性探测，即从哈希冲突的位置开始，依次往后查找下一个可用的插槽（空槽），直到找到一个空的插槽来存储要插入的键值对。

2023-11-24 17:58:03

PHP 8.3 正式发布！译文精选

根据 StackOverflow 年度报告，开发人员的 PHP 使用率似乎正在下降。2023 年有 18.58% 的开发人员表示他们使用 PHP 编写代码，而 2022 年为 20.87%，2020 年为 26.2%。尽管如此，PHP 仍然很受欢迎，来自 W3Techs 的数据显示，WordPress（使用PHP语言开发的内容管理系统）在43%的网站上运行，服务器端编程语言的网站中有 76.7%

2023-11-24 17:54:47

PHP 开发人员

C++ 之std::future：理解并掌握异步编程的利器

在C++的世界里，std::future是一种非常重要的工具，它让我们能够以异步的方式执行代码，并在需要的时候获取结果。

2023-11-24 16:13:05

Python：打造可视化数据分析应用的实战指南！

本文介绍了如何使用Python打造可视化数据分析应用，以及NumPy、Pandas和Matplotlib这些常用模块的使用方法和代码案例。

2023-11-24 14:02:00

Python 数据分析

提升Python编程体验：探索VS Code的无限可能

本文将带您探索在使用 VSCode 进行 Python 开发时的一些优秀实践和技巧，

2023-11-24 12:14:55

Python内置数据库：轻量级SQLite

本篇文章将介绍Python内置数据库SQLite的特点、用法和一些实用技巧，帮助读者更好地利用它来构建全面的应用程序。

2023-11-24 11:11:08

Python 数据库

上一页 1 ··· 36 37 38 39 40 ··· 490 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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