鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 24年11月软考 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

彻底解决客户端断连难题！Netty与ConnectionWatchdog实战指南

这篇文章中，我们详细讨论了如何通过 Netty 实现客户端的断连检测与重连机制。通过 ConnectionWatchdog 监控连接状态，并结合心跳检测和定时任务，能够有效保证长连接的稳定性。

2024-09-06 11:11:20

Netty 机制客户端

API网关之如何熟悉一个Lua-Resty-的插件

Lua-Resty-* 类库通常是为 OpenResty 等基于 Nginx 的环境而设计的，提供了一些功能强大的模块和工具。熟悉这些库可以帮助开发者更高效地构建和优化他们的 Web 应用。以下是一个关于如何熟悉 Lua-Resty-* 类库的指南。

2024-09-06 11:02:15

API 网关插件

Go并发编程详解锁、WaitGroup、Channel

Channel 可以分为有缓冲和无缓冲两种。无缓冲的 Channel 是同步的，有缓冲的 Channel 是异步的。发送操作只有在 Channel 满时才会阻塞，接收操作只有在 Channel 为空时才会阻塞。

2024-09-06 10:48:13

Channel 异步阻塞

使用 SpringBoot3.3 + SpEL 让复杂权限控制变得很简单！

通过本文的介绍，我们学习了如何使用 Spring Boot 3.3 和 SpEL 实现复杂的权限控制。通过 SpEL 强大的表达式支持，我们可以在业务逻辑中灵活地定义和执行权限校验，使得复杂的权限控制变得更加简洁和直观。

2024-09-06 10:05:47

SpEL Spring 权限

类加载机制的源码解读

WebApp 类加载器是每个 Web 应用独有的，而每个 Web 应用本质上就是一个 Context。因此，我们理所当然地将目光投向了 Context 的实现类。 Tomcat 中，StandardContext 是 Context 的默认实现，而 WebApp 类加载器正是诞生于 StandardContext 类的 startInternal() 方法中。

2024-09-06 09:37:45

WebApp 类加载器 Web 应用

曾经非常厌恶 SSR，现在终于不再需要它了 | 如何在考虑 SEO 的情况下构建 CSR 应用

在这篇文章中，我将讨论为什么 SSR 可能被高估了，以及当代的工具和技术如何让我们仅使用 CSR（客户端渲染）就能实现同样的目标。

2024-09-06 08:36:34

SSR 服务器端渲染 Web 应用程序

Uniapp 开发神器，效率翻倍！

wot-design-uni 组件库基于 vue3+Typescript 构建，参照 wot design 的设计规范进行开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题，旨在给开发者提供统一的UI交互，同时提高研发的开发效率。

2024-09-06 08:02:52

开发神器工具

Vuex原理：通过Vuex实现TodoList

「Vuex」是一个专为 Vue.js 应用程序开发的状态管理模式。它可以集中管理应用中的组件共享状态，并提供一些工具来保持状态的一致性。

2024-09-06 07:59:45

vuex Vue.js 模式

高性能、无侵入的 Java 性能监控神器

无法知道每个服务的运行情况，例如，某一台服务它目前的 QPS 是多少？它的平均延迟是多少，99% 的延迟是多少，99.9% 的延迟又是多少？

2024-09-06 07:55:42

Java 性能监控

.NET WebSocket 技术深入解析，你学会了吗？

.NET WebSocket 为开发者提供了强大的实时通信能力，使得在 .NET 环境下构建实时应用变得更加简单和高效。通过深入理解 WebSocket 的工作原理、使用场景和编程模型，并遵循最佳实践，开发者可以构建出高性能、低延迟的实时应用，为用户提供更好的体验和服务。

2024-09-06 07:29:05

.NET WebSocket 模型

同学：vue的template是如何转为render函数的？

Vue 的 template 是如何一步步转换为渲染函数的过程涉及多个复杂的步骤。这个过程包括模板解析、AST 构建、优化和最终的渲染函数生成。

2024-09-05 17:45:33

Python必知必会：15个令人相见恨晚的Python字符串格式化技巧！

前路漫漫，我爱Python！Hello，大家好，Python是一门简单易学且很有意思的语言，每天我都用它来帮我处理很多繁琐且复杂的工作，提升工作效率。字符串是最常用的数据类型之一，今天，我将向大家分享15个令人相见恨晚的Python字符串格式化技巧，帮你写出更高效、优雅且Pythonic的代码。

2024-09-05 16:02:52

Python 数据类型字符串

我经常会问应聘者的三个React面试题

在面试 React 开发人员时，了解他们如何思考解决问题和优化 React 应用程序至关重要。简单的问题是不够的。我喜欢向候选人提出更具挑战性的问题，以测试他们处理 React 复杂性的能力。

2024-09-05 13:02:41

高动态星地链路通信要素及模型研究

本文面向高动态星地链路通信场景，聚焦于手机直连卫星系统中星地链路通信的各项构成要素，总结了卫星轨迹、信道传播和用户分布三个维度的典型模型。

2024-09-05 12:41:43

链路通信模型

2024年了，为什么 CSS 预处理器依然火爆？

经过一番梳理我们发现，CSS虽然在社区的刺激下加快了其更新迭代速度，但依然达不到CSS预处理器的水平，只能说在使用CSS预处理器的同时，也可以在项目中尝试一些非常优秀的CSS新特性，即：CSS preprocessor + CSS。

2024-09-05 12:16:35

CSS 预处理器运算符

为什么Tailwindcss在开发者中如此受欢迎？揭秘背后的原因！

在原子化 CSS 中，CSS 组件被拆分为更小的部分，这些部分可以独立地编辑、测试和重用。这些原子通常是单个像素或极其微小的变化，例如颜色、大小、位置等。

2024-09-05 11:46:08

CSS @apply 指令

如何利用CSS实现三角形、扇形、聊天气泡框

使用 border 的不同边框属性来确定三角形的形状。通常，可以使用 border-width 控制边框的宽度，border-style 控制边框的样式，和 border-color 控制边框的颜色。

2024-09-05 11:20:54

CSS 形状宽度

解密 Python 集合的实现原理

对于字典来说，键值对始终按照先来后到的顺序添加在键值对数组中，然后将它在键值对数组中的索引保存在指定的哈希槽中。由于索引为 5 的哈希槽保存的是 -2，处于 Dummy 态，因此直接将它设置为 3。

2024-09-05 10:49:42

Python 集合数组

QA已死：我们接下来走向何方？

QA 团队已经消失，但质量工程的思维方式将永远需要。这种思维方式现在已经从特定的团队转变为融入每个从事产品开发的开发人员。组织现在必须找到方法，通过为他们提供生产高质量软件所需的工具和支持，来利用这种思维方式。

2024-09-05 10:09:04

QA 开发方式

一文看懂ASP.NET中Blazor Web与Razor Pages两兄弟

Blazor Web 和 Razor Pages 就像是 ASP.NET 家族中的两位性格迥异的兄弟：一个热衷于在客户端大显身手，一个习惯于在服务器端沉稳操作。

2024-09-05 09:57:30

ASP.客户端 Web

定时任务数量爆炸？Netty教你如何应对百万级挑战

在实际开发中，虽然Netty的HashedWheelTimer给我们带来了极大的性能提升，但在实现过程中，还是遇到了一些挑战。例如，如何合理配置时间轮的槽位数量、时间间隔，以及在多级时间轮中如何有效管理任务的迁移和持久化等。这些问题都需要我们在实际应用中不断调整和优化。

2024-09-05 09:54:32

Netty 开发性能

告别繁琐操作，实现一次登录产品互通

一个公司产品矩阵比较丰富的时候，用户在不同系统之间来回切换，固然对产品用户体验上较差，并且增加用户密码管理成本。也没有很好地利用内部流量进行用户打通，并且每个产品的独立体系会导致产品安全度下降。

2024-09-05 09:46:37

操作体系密码

PHP异步非阻塞MySQL客户端连接池

客户端透明地将这些查询分布在一个可扩展的可用连接池中，并使用100%的用户态PHP，没有外部扩展依赖性（例如ext/mysqli，ext/pdo等）。

2024-09-05 09:41:57

PHP 异步 MySQL

超赞！Spring Boot 3.3 自带 Controller 接口监控，大家赶紧用起来

Spring Boot 3.3 的 Actuator 模块为开发者提供了一整套强大的监控功能，使得应用程序的健康状况、性能指标、用户行为及安全性得以全方位掌握和管理。本文将详细介绍如何配置和使用 Actuator，并展示如何将这些监控数据在前端页面中可视化。

2024-09-05 09:38:55

Spring Actuator 应用程序

如何使用 CGLIB 在 Spring Boot 3.3 中实现动态代理

本文详细介绍了如何在 Spring Boot 3.3 中使用 CGLIB 实现动态代理。通过实际的代码示例，展示了 CGLIB 在动态代理中的应用，以及如何在 Spring Boot 项目中集成 CGLIB。

2024-09-05 09:35:58

CGLIB Spring 动态代理

Java8 中一个极其强悍的新接口，很多人没用过

Function接口是Java8引入的一个非常强悍的新接口，它让我们能够以更加声明式的方式来编写代码，极大地简化了我们的开发工作。通过上面的例子，我们可以看到Function接口在集合的转换、事件的监听、异步任务的处理等场景中的广泛应用。

2024-09-05 09:30:51

Function Java8 接口

SpringBoot这些异常你知道原因吗？你遇过到几个？

遇到该异常，那你就要检查UserDAO类上是否添加了@Component, @Repository, @Service, @Controller, 这些注解(或者配置类中使用@Bean)。还有一点是，当前这个类所在的包在当前扫描的范围内。

2024-09-05 09:25:59

Spring UserDAO 接口

这应该是全网最详细的Vue3.5版本解读

对于开发者来说Vue3.5版本中还是新增了许多有趣的功能的，比如：onEffectCleanup函数、onWatcherCleanup函数、pause和resume方法、watch的deep选项支持传入数字、useId函数、Teleport组件新增defer延迟属性、useTemplateRef函数。

2024-09-05 09:17:14

Vue3.5 响应式版本号

开发实战：使用Redisson实现分布式延时消息，订单30分钟关闭的另外一种实现！

调用 comsume() 之后，如果队列里没有消息，会阻塞等待队列里有消息并且取到了才会返回。之所以这么说是因为可能有别的 Java 进程也在跟你一样取同一个队列里的消息，如果消息被另一个抢完了，那这时就还得阻塞等待。

2024-09-05 09:10:07

Redisson 分布式延时

Vue3 无所不能！我用 Vue3 写接口给前端用你们信吗？

其实这个需求唯一的难点就在于怎么去跨两个Websocket进行通信，上面的做法是定义两个全局变量去存储但是感觉这样不太妥，如果以后Websocket连接实例多了，那么维护起来会不会很费劲？

2024-09-05 08:50:11

Vue3 接口前端

系统设计 | Java 应用中的配置含义和避坑

关于 Mybatis 的 map-underscore-to-camel-case 配置有一个坑，这个配置的含义是把数据库列名中的下划线自动映射为 Java 对象中的驼峰命名。

2024-09-05 08:39:21

Mybatis Java 对象

深入理解 Babel - 微内核架构与 ECMAScript 标准化

本文介绍了 Babel 的概述/微内核架构/ECMAScript标准化方面的设计思想和部分实现原理。

2024-09-05 08:13:05

Babel 架构原理

记一次线程池使用不当触发死锁导致RocketMQ消费停滞

线程池的使用还是要尽量消息，要避免出现线程池中的任务继续使用该线程池去执行任务，出现死锁。也可以考虑对线程池进行监控，避免出现大量任务阻塞。

2024-09-05 08:07:55

线程池死锁

我尝试重现 React 的 useState() Hook 并失去了工作机会

在这篇文章中，带你一起回顾我重现著名的 useState() 钩子的历程，称它为 useMyState()。同时，我也会给出一些建议，帮助你下次面试时避免失败。

2024-09-05 08:04:16

React useState()工具

转转搜推排序服务的响应对象序列化优化

本项目旨在解决搜索推荐服务化过程中因日志传输引起的序列化额外耗时问题。经过三次版本迭代和测试，最终方案成功落地。

2024-09-04 23:19:29

转转搜推排序服务

微服务为什么要容器化？

函数式接口是指只包含一个抽象方法的接口。这个注解虽然不是必需的，但它提供了一种明确的方式告诉编译器和开发者，这个接口是设计为函数式接口的。

2024-09-04 17:49:27

Lambda 接口抽象

面试官：说说Lambda表达式底层原理？

Lambda 表达式其实是匿名内部类的语法糖，这个语法糖在程序执行时会进行兑现，也就是生成匿名内部类并进行任务执行。

2024-09-04 17:35:09

Lambda 表达式 Java 8

16个 JavaScript 单行代码帮助你提升开发水平

今天我们将分享16个实用的单行 JavaScript 代码，旨在提高你的编码效率并简化你的代码。从数组和字符串操作到异步编程和面向对象编程等高级概念，我们都能满足你的要求。

2024-09-04 14:00:16

JavaScript 开发

Vue3.5 源码解析， useTemplateRef 实现原理

useTemplateRef 的实现并不复杂，本质上依然是基于 ref 的实现，只不过是在 ref 上进行了封装。访问 vue-next-3.5.0-master/packages/runtime-core/src/helpers/useTemplateRef.ts 下的代码，可以看到 useTemplateRef 的实现逻辑。

2024-09-04 11:42:17

Vue3.5 源码 API

SpringBoot3.3 中如何实现多端口监听

Spring通过本文的详细讲解，我们学习了如何在 SpringBoot 中实现多端口监听。这一功能在处理不同类型的请求或暴露多个服务接口时非常有用。我们通过配置 application.yml 文件和编写自定义配置类，结合前端展示，实现了这一功能。

2024-09-04 11:16:44

端口 Spring 配置类

万字长文浅谈三高系统建设方法论和实践

针对写多读少的系统，我们一般采用同步更新缓存，异步更新数据库，通过缓存来进行抗写的流量，异步化更新数据库，通过缓存和异步化提高系统的性能；此种技术方案以缓存数据为主，数据库数据为辅，这是我了解到的京东物流这边大部分团队的技术方案，例如我们物流平台-统一平台小组的订运关系单据的存储采用的就是这种技术方案。

2024-09-04 10:54:09

系统异步化数据库

从实现原理来讲，Nacos 为什么这么强？

Nacos支持基于DNS和RPC的服务发现，即服务消费者可以使用DNS或者HTTP的方式来查找和发现服务。Nacos提供对服务的实时的健康检查，阻止向不健康的主机或者服务实例发送请求。Nacos支持传输层（Ping/TCP）、应用层（HTTP、Mysql）的健康检查。

2024-09-04 10:44:19

Next.js国际化全面指南

在Next.js中实现国际化为来自不同语言背景的用户提供了无缝体验。通过调整路由，你可以为全球用户创建更加包容和易于访问的应用程序。

2024-09-04 10:27:53

Next.js 国际化语言

"深入探索：Tomcat 类加载机制揭秘"

Java 虚拟机将描述类的字节码数据从 Class 文件加载至内存，并对其进行严格的校验、转换解析和初始化，最终生成可供虚拟机直接执行的 Java 类型。这一过程便是虚拟机的类加载机制。

2024-09-04 09:47:21

Java 虚拟机数据

DDD最全详解(图文全面总结)

实体是具有唯一标识的对象，其生命周期贯穿系统中的多个状态转变。实体的标识符通常是不可变的，而它的状态可以变化。在校园教务系统中，“学生（Student）”就是一个实体。

2024-09-04 09:43:36

DDD 值对象标识

商品准时达，购物不抓瞎，快来学习转转履约时效新姿势

转转履约时效系统的构建，是对用户体验的高度重视与不懈追求的体现。从精准的预计送达时间计算逻辑，到应对高并发的巧妙技术方案，再到不断优化的次日达等筛选功能，转转始终致力于为用户打造一个高效、可靠的购物环境。

2024-09-04 09:36:27

商品系统技术

聊聊不同版本 Kafka Producer 的分区策略

某微服务，使用 log4j kafka appender 写日志到 kafka 中。业务同学反馈，微服务日志中有频繁出现类似如下的kafka连接断开的日志，希望分析下kafka连接断开的原因，并确认是否会因此丢失微服务日志。

2024-09-04 09:18:03

一个能让你少写循环和判断的Go开源包，支持范型

今天介绍的lo库大家可以尝试用起来，等用习惯了确实能让自己的代码少写不少循环加判断的逻辑，整体风格会更清爽，自己也能少写一些代码。如果你们还在用的Go版本不支持范型，可以尝试用一下风格类似的库go-funk。

2024-09-04 09:00:52

lo库逻辑范型

我们一起聊聊如何设计一个全局唯一的订单号？

UUID 是Universally Unique Indentifier的缩写，翻译为通用唯一识别码，顾名思义 UUID 是一个用于记录唯一标识一条的数据，其按照开放软件基金会（OSF）指定的标准进行计算，用到了以太网卡地址（MAC）、纳秒级时间、芯片 ID 码和许多可能的数字。

2024-09-04 08:55:56

UUID 识别码数据

静态化API是什么？用golang如何实现？

如何使用 Go 语言实现一个简单的静态化 API，通过预生成静态文件的方式来提高 API 响应效率，降低后端压力。根据具体业务需求，还可以在此基础上进行更多的定制化优化。

2024-09-04 08:46:38

上一页 1 ··· 21 22 23 24 25 ··· 543 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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