51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
账号设置 退出

前端

2.8w内容  
分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。
文章 博文帖子课程
共 2.8w 条
Go1.25 新特性：支持 FlightRecorder 模式、支持读取符号链接、OS 版本推进等
本次主要是针对一些细致的特性进行了说明，像是大家可以检查自己 macOS 是否符合新版本的诉求。之前我就有因此将 OS 和集群版本升级的诉求。

2025-06-16 08:54:01

macOS模式版本
ElementPlus 被发现重大 BUG！可能会让页面崩掉！
一开始，我也没有怀疑这种高 Star 的开源组件，觉得肯定是我写的代码有问题。为了追查到底，我主要用了 ElDialog 组件，封装成了一个命令式的 Dialog组件，避免频繁使用 v-model参数。然后，我就把怀疑的目光投向了 ElDialog。

2025-06-16 08:51:09

ElementPluv-model参数
聊聊Spring中最常用的十种设计模式
作为一名有多年开发经验的老司机，每次翻看Spring源码都让我感叹："这哪是框架，分明是设计模式的百科全书！"有些小伙伴在工作中可能只会用@Autowired，却不知背后藏着多少精妙设计。今天这篇文章跟大家一起聊聊Spring中最常用的10种设计模式，希望对你会有所帮助。

2025-06-16 08:22:23

设计模式Spring
为什么面试官总爱问 HTTPS ？因为它远不止“加密”那么简单
HTTPS像一扇门，推开它，可以窥见候选人在网络基础、安全意识、系统设计甚至性能优化等多个维度的综合素养。

2025-06-16 08:10:00

HTTPS网络加密
ObjectMapper：Java 数据处理利器
ObjectMapper 是 Jackson 库中用于将 Java 对象转换为 JSON 格式（序列化），以及将 JSON 格式转换回 Java 对象（反序列化）的核心类。它提供了一系列方法，支持多种数据格式的读写，包括 JSON、XML、YAML 等，不过最常用的还是 JSON 处理。

2025-06-16 07:07:03

Java数据Jackson
SpringBoot实现实时弹幕的技术探索与实践
实时弹幕的核心需求是实现消息的即时推送与展示，用户发送的弹幕信息需要快速传递到其他在线用户的客户端并展示出来。在技术架构层面，通常采用客户端 - 服务器 - 客户端的模式。

2025-06-16 04:00:00

Spring弹幕技术
腾讯一面面经：C++多态解决了什么问题？
对于许多开发者而言，随着项目规模不断扩张，代码逐渐变得复杂，紧耦合问题随之而来。所谓紧耦合，就好比一个齿轮组，各个齿轮紧密咬合，一个齿轮稍有变动，整个齿轮组都会受到影响。在代码中，当不同模块或类之间相互依赖程度过高时，牵一发而动全身的情况屡见不鲜。

2025-06-16 03:22:00

C++多态项目
什么是功能开关？开发人员无压力部署的秘诀
或许是因为真正好用的模式，总要等到“焦虑”累积到一定程度，才会被注意到。功能开关不仅解决技术难题，更重塑了整个发布流程——从“唯恐出错”到“大胆试错”。

2025-06-16 02:00:00

开发部署功能开关
el-upload 封装上传组件也能申请专利？中石化这波 “基于 vue 的二次封装” 把我看麻了…
你封装的上传组件、你构建的表单生成器、你提炼的设计系统组件库，都可以被文档化、固化、产品化，甚至 “专利化”！

2025-06-16 01:00:00

el-upload中石化vue
COPS 性能和一致性之间的更贴合业务直觉、更易于编程的「中间地带」
让我们先构思一个最简单的方案，称之为“稻草人”设计一号：每个数据中心都分片存储着完整数据。用户的读写请求都只发往本地数据中心的分片，本地写入成功后，再异步地把这次写入“推送”给其他数据中心的对应分片。

2025-06-16 00:00:25

COPS性能编程
TypeScript 之痛，为啥很多人会用成 AnyScript
TypeScript 作为类型约束的语言，在套在强调类型灵活性的 JavaScript 上时，在实际的使用过程中是有非常多的镇痛的，甚至有很多即使用了类型体操都无法解决的问题，因为他们从底层本质上来说，确实有许多无法统一的逻辑和场景。

2025-06-13 10:14:55

TypeScriptJavaScriptanyScript
五大 Web3D 渲染引擎！特效炸裂！
今天给大家推荐五个超强的数字孪生可视化引擎，让你的项目开发效率翻倍！

2025-06-13 09:50:00

Web3D渲染引擎开发
如何取消一个已经开始的 JavaScript Promise
虽然 Promise 本身的核心设计使其不可变，但通过 AbortController 这一强大的模式，我们已经可以非常有效地控制和终止异步流程，编写出更健壮、更高效的应用程序。​

2025-06-13 09:40:45

JavaScriptPromise开发
Vue3 终于可以共享自己的屏幕给别人看了！
现代浏览器通过 ​​MediaDevices​​ 接口提供媒体设备访问能力，其中 getDisplayMedia 方法专门用于获取屏幕共享流。该方法会触发用户授权流程，成功后可获得包含屏幕内容的媒体流对象。

2025-06-13 09:35:26

Vue3屏幕共享
别在 MyBatis-Plus 里瞎用 @Transactional！这锅背到我差点被踢出项目组
今儿个咱就掰开揉碎了聊，保证让你看完再也不会在事务管理上栽跟头，说不定还能反向指导新人避坑，妥妥的升职加薪小技巧啊！

2025-06-13 09:30:50

MyBatisSpring事务
高并发系统必看！G1如何让亿级JVM吞吐量提升300%？
虽然 G1 也有类似 CMS 的收集动作：初始标记、并发标记、重新标记、清除、转移回收，并且也以一个串行收集器做担保机制，但单纯地以类似前三种的过程描述显得并不是很妥当。

2025-06-13 09:12:28

G1JVM吞吐量
Java 22 外部函数和内存 API
Java 22 的外部函数和内存 API 为 Java 开发者带来了前所未有的能力，打破了 Java 与本地代码之间的壁垒。通过深入理解和合理运用这一新技术，我们能够在 Java 中实现更高效、更强大的功能，拓展 Java 在各个领域的应用边界。

2025-06-13 08:34:38

外部函数内存API
Vue 生态新玩具：依赖可视化！兼容 React！
今天，我要向大家介绍一个由 Vue 团队成员 antfu 倾力打造的神器——Node Modules Inspector。

2025-06-13 08:30:00

前端Vue开发
手把手教你用 Jetpack Compose 做会动的点赞按钮！
画就像做菜，得分步骤！我们把这个效果拆成：1. 圆形背景「膨胀」（像吹气球🎈）2. 大拇指「闪现」3. 小圆点点「炸烟花」（最炫的part！）4. 所有元素「优雅退场」。

2025-06-13 08:26:08

JetpackCompose按钮
按钮重复点击：这个“简单”问题，为何能挡住一大半的面试者和开发者？
解决按钮重复点击问题，没有一劳永逸的银弹，以下方案各有优劣，适用于不同场景，通常建议组合使用。

2025-06-13 08:25:00

按钮重复点击前端开发
Spark 核心技术概要与大数据生态圈的演进之路
关于 能源效率 ，虽然它是计算机科学的一个重要议题，但在分布式系统软件设计层面，它通常不是首要的优化目标。主要的节能工作集中在数据中心设计、硬件（如 CPU 动态调频）和散热等方面。因为在软件层面进行优化的节能效果，远不如在这些物理层面进行改进来得显著。

2025-06-13 08:01:34

Spark大数据核心技术
直播必备！Spring Boot 实现高并发观众统计功能的技术方案揭秘
通过 Redis 的高并发处理能力，结合 Spring Boot 提供的 REST 接口和 WebSocket 推送机制，我们可以实现一个既轻量又高效的直播观众统计系统。

2025-06-13 07:42:13

Spring技术高并发
Java大模型集成攻略
本文将介绍在 Java 项目中集成各种大模型的方法，并以阿里巴巴 DashScope SDK 为例进行重点讲解。项目环境：SpringBoot 3.4.4，JDK 21，Maven 3.8.4。

2025-06-13 02:10:00

Java大模型集成
公司系统太多，能不能实现账号互通？
session 主要以 cookie 或 URL 重写为基础的来实现的，默认使用 cookie 来实现，系统会创造一个名为 JSESSIONID 的变量输出到 cookie 中。

2025-06-13 02:00:00

系统cookieURL
一日一技：如何正确使用正则表达式的字符串替换
在日常工作中，可能需要一次性给大模型发送N篇文章，让其帮忙提取并返回Markdown格式的产品信息。然后，让大模型从这N篇文章中提取出产品信息，标明对应产品的出处URL，并以Markdown表格返回。

2025-06-13 01:15:00

正则表达式大模型
面试官灵魂暴击！消息不丢不重，消息队列咋选？
RabbitMQ 提供了两种确认机制：普通确认模式和批量确认模式。在普通确认模式下，生产者每发送一条消息，就会等待 Broker 的确认，确认收到了，才会发送下一条。要是没收到确认，那就可能需要重试。

2025-06-12 09:46:15

消息RabbitMQBroker
前端代码更新，如何优雅地通知用户刷新页面？
前端如何能够自动检测到代码已经更新，并友好地提示用户刷新页面呢？今天分享几种主流的前端自动检测代码更新的策略及其实现思路。

2025-06-12 09:42:08

前端Web 应用开发
Node.js 官方发布新工具，助力稳定 TypeScript 支持！
Node.js 和 TypeScript 的整合已经迈出关键一步。Amaro 让“直接用 Node 跑 TS”变得可行。未来开发时，.js​ 和 .ts 之间的区别会越来越小，开发方式会更加统一、高效，也更安全。​

2025-06-12 09:31:14

Node.jsTypeScripNode
Vue3 开发新选择！华为重磅开源！支持 Vue、React、Angular！
DevUI 作为华为开源的前端解决方案，以其先进的设计理念、丰富的组件生态和跨框架支持，为企业级应用开发提供了强大的助力。

2025-06-12 09:18:22

DevUI前端开源
WebWorker 即将被取代！JS 发布全新 API
我们可以通过下图来理解这个问题。为了让页面二、页面三、页面四能够知道页面一的数据状态，数据的状态管理就变得至关重要。可以把数据状态理解为类似于 Promise 的三种状态：未缓存、缓存中和已缓存。

2025-06-12 08:52:18

WebWorkerJSAPI
接口被刷百万QPS，怎么防？
今天我们不聊风花雪月，只讲这个让无数开发者夜不能寐的终极命题：当恶意流量如海啸般扑来，如何守住你的系统防线？有些小伙伴在工作中可能经历过接口被刷的噩梦，但百万QPS量级的攻击完全是另一个维度的战争。

2025-06-12 08:21:22

接口QPS维度
Tailwind 是技术债务：组件化 CSS 才是未来之道
2025 年的前端世界中，组件化 CSS 才是真正高效、清晰且长期可维护的架构之选。相比之下，Tailwind 正逐渐变成技术债务，而非技术资产。

2025-06-12 08:10:48

CSSTailwind前端
揭秘 @Autowired 自动装配原理与实现机制
在Java开发中，Spring框架凭借强大的依赖注入（Dependency Injection，DI）功能极大地提升了代码的可维护性和可扩展性。其中，@Autowired注解作为Spring实现依赖注入的核心手段之一，被开发者广泛使用。

2025-06-12 05:00:00

@Autowired自动装配实现机制
明明加了 volatile，为什么数据还是错的？
HotSpot 会将这些读写操作转换为对应平台的内存屏障指令（如 x86 上的 LOCK 前缀），这会触发 缓存一致性协议（MESI） 来确保其他 CPU 核心能感知这一变更。

2025-06-12 03:25:00

volatileLOCK内存
一文彻底精通 Spring Boot 单元测试
Spring Boot提供了许多实用工具和注释，可以在测试应用程序时提供帮助。测试支持由两个模块提供:spring-boot-test包含核心项，spring-boot-test-autoconfigure支持测试的自动配置。

2025-06-12 03:10:00

Spring工具应用程序
同源异构：Jolt如何解决质检报告的差异化展示难题
虽然当前基于Jolt的质检报告方案已经满足了大部分业务灵活调整的需求，实现了从硬编码到配置化的重要跨越，但仍存在一定的技术门槛。

2025-06-12 02:25:00

Jolt差异化质检报告
Netflix前端系统设计：高性能与用户体验的实践
Netflix不会一次性加载所有内容。当用户向下滚动时，系统会根据观看历史和偏好动态加载后续分类内容，通常预加载5-6个分类区。

2025-06-12 02:22:00

Netflix前端系统
别再只会打时间戳！Spring Boot 实现签到打卡的五种高效方案全揭秘
在实际项目中，推荐混合使用多种方案以覆盖不同场景，例如：Redis + Bitmap 实现高效记录，数据库用于定期归档与报表分析，二维码或 GPS 用于线下校验。

2025-06-12 02:00:00

Spring签到打卡
如何将一个 Git 项目关联到两个远程仓库（且不出错）
也许公司用的是 GitHub，但团队的 CI/CD 流程跑在 GitLab 上； 或者你正在测试迁移方案； 又或者你就是喜欢多备份备份。

2025-06-12 01:33:00

Git项目远程仓库
为什么90%的工程师都搞不懂Async/Await
即使是经验丰富的开发者也会陷入一些微妙陷阱，导致未处理的Promise、静默失败或混乱的调用堆栈。让我们深入剖析，帮你真正掌握这项技术。

2025-06-12 01:11:11

AsyncAwait函数
Go结构体比较全解析：为什么有的能比有的不能？
本文将彻底解析Go结构体比较的规则，并通过丰富的代码示例帮助你完全掌握这一重要知识点。

2025-06-12 00:21:27

Go结构体false
以为很简单的 int (1) 和 int (10)，却成了面试滑铁卢！
各位程序员朋友们，下次遇到类似的问题，不要轻敌，多问自己几个为什么：为什么会有自动装箱？为什么 Integer 要设计缓存机制？缓存范围为什么是 - 128 到 127？修改 JVM 参数会有什么影响？只有把这些问题都搞清楚，才能在面试中从容应对，避免滑铁卢。

2025-06-12 00:00:00

int (1)int (10)面试
刚刚，OpenAI最强推理模型o3-pro诞生！碾压Gemini 2.5 Pro击穿底价
最强推理模型一夜易主！深夜，o3-pro毫无预警上线，刷爆数学、编程、科学基准，强势碾压o1-pro和o3。更惊艳的是，o3价格直接暴降80%，叫板Gemini 2.5 Pro。

2025-06-11 08:56:54

OpenAIo3-proo3
JavaScript 中十个“过时”的 API，你的代码里还在用吗？
JavaScript 作为一门不断发展的语言，其API也在持续进化。一些旧的API则因为各种原因被标记为“废弃”（Deprecated）。

2025-06-11 08:10:00

JavaScripAPI代码
Spring Data Jpa必杀技：12大实战技巧让开发 & 性能飙升300%
随着时间的推移，系统的数据量也随之增大，我们都遇到过一些常见的挑战，比如查询速度慢、管理复杂的关系、理解复杂的原生查询或优化接口效率。很多人都会遇到这些问题，解决这些问题对于提升我们的开发流程至关重要。

2025-06-11 04:44:00

技巧Spring性能
解锁 JavaScript 可选链：编写健壮代码的终极指南
在现代前端开发中，高达 68%的 JavaScript 运行时错误源于访问未定义属性。本文将深入解析可选链（?.）如何从根本上解决这一问题，并结合实际场景、底层原理与最佳实践，助你彻底规避TypeError陷阱。

2025-06-11 03:22:00

JavaScript开发前端
没人问了，也没人做了？SEO 已经被“前端”除名了？？？
究其原因，本质上是因为大量的中小厂日常工作都是以“后台管理系统”为主，“增删改查”变成了日常开发的主旋律，无需在与 C 端用户、搜索排名 打交道了。但是，如果一直这样下去，肯定会影响我们知识的广度，不利于后期的职业发展（跳槽涨薪）。

2025-06-11 03:15:00

SEO前端”开发
只用一行 CSS，秒解决布局难题
侧边栏安稳地摆在那里，头部也端正得体，可某个区域却突然像家宴上闹情绪的弟弟，硬是不肯听话。无论怎么调宽度、最小宽度，还是用 calc(100% - 某值)，甚至向 CSS 神明献上了缺失的分号……布局就是不肯对齐。

2025-06-11 03:00:00

CSS布局区域
Excel终于要完蛋了吗？
有一种编程语言，它是一种没有“框”的“电子表格”，不但能画各种函数图像，生成图标，还能查询实时数据，做图像识别、生成 3D 几何图形、自动计算微分积分……  计算灵活性号称是Excel的1000倍。

2025-06-11 02:33:00

Excel编程语言
秒杀系统突发OOM，如何十分钟内定位问题？
每一次秒杀系统的 OOM 背后，都是海量流量与系统极限的生死博弈。掌握快速定位技巧，是架构师在流量洪峰中的护身符。

2025-06-11 02:02:00

秒杀系统定位极限
上一页 1 23456 ··· 576
点赞

51CTO技术栈公众号

业务
速览
在线客服