直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

消息队列的七种经典应用场景

近10多年来，诸如 KV 存储（HBase）、搜索（ElasticSearch）、流式处理（Storm、Spark、Samza）、时序数据库（OpenTSDB）等专用系统应运而生。这些系统是为单一的目标而产生的，因其简单性使得在商业硬件上构建分布式系统变得更加容易且性价比更高。

2024-03-29 08:33:10

应用场景存储搜索

Node.js 新官网为何选用了 Next.js?

在选用 Next.js 之前，有考虑过使用 nextra，这是一个基于 Next.js 和 MDX 的静态网站生成器，通过 mdx 可以写 markdown，如果有些交互类的，你还可以写一个 jsx 组件，在 markdown 中应用。

2024-03-29 08:32:01

Node.js Next.js 组件

Binlog数据恢复实战，删库不跑路

根据 MySQL 官方文档的介绍，开启 binlog 之后，大概会有 1% 的性能损耗，不过这还是可以接受的，一般来说，binlog 有两个重要的使用场景：MySQL主从复制时：在主机上开启 binlog，主机将 binlog 同步给从机，从机通过 binlog 来同步数据，进而实现主机和从机的数据同步。

2024-03-29 08:08:25

数据删库性能

大型企业通常如何进行单元测试？

因为针对有用户访问和无用户访问的项目，相同的代码甚至在极端用户流量下可能带来截然不同的效果。在面对极端用户流量时，每次修改一行代码上线都如履薄冰。怀着敬畏之心对待每一次上线和线上操作，至关重要。

2024-03-29 08:03:48

单元测试流量

分享 12 个现代化 CSS 新属性

了解这12个属性，开始将它们融入到你的项目中，享受减少技术债务、去除JavaScript，以及为用户体验赢得轻松的胜利。

2024-03-29 06:32:46

CSS JavaScript 前端

终于等到你！JS全新API支持关闭页面时安全发送网络请求

fetchLater() 的options 参数扩展了 fetch() 的选项，新增了 activateAfter 超时设置，使得请求能够在设定的超时时间后或页面卸载时（两者中较早发生者）自动触发。

2024-03-29 00:00:00

深入理解C/C++中，函数、指针与数组的组合关系

在本文中，我们将深入探讨四种常见的指针与函数指针结构，分别是int *p[10]、int (*p)[10]、int *p(int)和int (*p)(int)，并详细解释它们的含义与用法。

2024-03-28 18:12:28

指针函数指针 C++

Htmx，它到底是框架还是库？

关于Htmx是库还是框架的讨论，常常出现在争论之中。有人辩称Htmx实际上是一个库，而不是框架。但这种说法可能不太准确。

2024-03-28 13:13:00

Htmx 前端开发框架

负载均衡原理最全详解

总的来说，一般是LVS做4层负载，Nginx或者Haproxy做7层负载，性能上LVS>HA>Nginx，功能性和便利性上Nginx>HA>LVS。

2024-03-28 13:10:20

负载均衡 LVS Haproxy

记一次 .NET某防伪验证系统崩溃分析

说实话要想解释这个程序为什么会崩溃，需要分析者对GC的SuspendRuntime运作逻辑有一定的了解，否则真抓瞎了，所以.NET调试训练营中的GC理论知识一定是分析这些 dump 的基石。

2024-03-28 12:56:36

验证系统程序 .NET

SpringBoot中的异步多线程使用及避坑指南

Spring Boot提供了@Async注解来支持异步方法调用，结合合适的线程池配置，可以很容易地实现异步多线程处理，提升系统的并发能力和性能。

2024-03-28 12:51:00

Spring 异步多线程

AI时代的技术栈，你了解几分？

现在大家在实际的业务中准备用AI来改造的主要是什么样的场景呢？例如智能客服的升级、电商场景中商品图片、文案、视频等的智能化生产等？

2024-03-28 12:41:45

AI 技术栈业务

拿下阿里巴巴面试：10分钟了解JVM类加载过程？

初始化阶段是JVM类加载过程中的最后一个阶段，也是类加载过程中最重要的一环。在初始化阶段，JVM会执行类构造器(<clinit>())方法，对类的静态变量进行初始化赋值，执行静态初始化块中的代码，以完成类的初始化工作。

2024-03-28 12:32:18

JVM类加载构造器

面试官问：Java中的new关键字做了什么事情？

1. 64位开启指针压缩的情况下，存放Class指针的空间大小是4字节，MarkWord是8字节，对象头为12字节。数组长度4字节+数组对象头8字节(对象引用4字节（未开启指针压缩的64位为8字节）+数组markword为4字节（64位未开启指针压缩的为8字节）)+对齐4=16字节。

2024-03-28 10:40:43

java new 关键字

面试官：说说Spring中IoC实现原理？

IoC 实现方式有很多种，例如依赖注入（DI）或依赖查找等，但 DI 是实现 IoC 的一种常见实现方法，它通过将依赖项注入到对象中来实现控制反转。

2024-03-28 10:37:44

IoC 依赖注入依赖查找

使用 HexFormat 来格式化和解析十六进制字符串

本文介绍了如何使用 JDK 17 新增的 HexFormat 工具类来格式化和解析十六进制字符串，通过 HexFormat 工具类还可以轻松地设置分隔符，字母大小写以及前缀和后缀。

2024-03-28 10:17:03

JDK 17 字符串十六进制

要验证索引是否有效，不一定要马上创建索引哦

使用 HypoPG 需要对 EXPLAIN 命令有一定的了解。如果您需要有关此命令的更多信息，可以查看官方文档。另外也还有很多非常好的资源。

2024-03-28 09:12:08

索引验证命令

详解CSS3中的Transition：平滑过渡与动画效果

CSS3 Transition是一种简洁高效的动画解决方案，尤其适用于那些只需简单过渡效果的场景。通过灵活运用Transition，我们可以轻松构建出更加生动有趣的Web界面，进一步提升用户体验。

2024-03-28 09:11:24

CSS3 Transition CSS属性

大厂喜欢问的TreeShaking到底是啥？好在哪呢？五分钟弄懂！

Tree Shaking中文含义是摇树，在webpack中指的是打包时把无用的代码摇掉，以优化打包结果。而webpack5已经自带了这个功能了，当打包环境为production时，默认开启tree-shaking功能。

2024-03-28 08:43:42

webpack 代码 true

测试开发既然都这么厉害了！为啥不直接转业务开发？

质量不是被测试出来的，质量也不等于测试，同时质量并非仅仅依赖于测试阶段，而是需要在整个软件开发过程中进行预防和确保。测试只是其中的一环，而不是质量的唯一保障。

2024-03-28 08:35:53

测试开发业务开发产品人员

美团二面：如何设计一个订单超时未支付关闭订单的解决方案？

定时轮训的方式都是基于定时定任务扫描订单表，按照下单时间以及状态进行过滤，之后在进行判断是否在有效期内，如果不在，则取消订单。

2024-03-28 08:32:10

美团关闭订单轮训

球盒模型：一切回溯穷举，皆从此法出

为什么是这个答案呢？假设nums里面有n个数字，那么全排列问题相当于把n个球放到包含n个位置的盒子里，要求盒子必须装满，问你有几种不同的装法。

2024-03-28 08:24:01

球盒模型回溯

放弃 Jest 后，运行时间减少 90%！

Jest 是个众所周知的、功能完备的测试框架，曾经在选择时并没有经过深思熟虑。然而，经过数百次测试后，情况开始变得很糟糕。内存泄漏开始浮出水面，临时的标志位数量增多，经常访问 Jest 的 issues 标签页已经成为家常便饭。

2024-03-28 08:17:46

Jest JS 服务端

SpringCloud项目开发中实用技巧总结

如果使用 Spring Boot 配置日志设置，则应将此配置放在 bootstrap.[yml | properties] 中，以便将其应用于所有事件。

2024-03-28 08:15:09

Spring 技巧配置

三分钟学会在 RabbitMQ 中实现发布订阅模式

掌握发布-订阅模式和消息发送失败处理策略，对于掌握消息队列的使用至关重要，可为系统的稳定性和扩展性提供保障。

2024-03-28 08:07:42

RabbitMQ 订阅模式

2024 年，这些 VS Code 插件可以卸载了！

随着 VS Code 功能的持续增强，许多原先由插件提供的功能现已被官方内置，因此，这些插件已不再必需。本文将盘点那些可以安全卸载的 VS Code 插件，让你的开发环境更加轻量、高效！

2024-03-28 07:46:56

VS Code 插件 TypeScript

Monkey自动化工具结合B端组件可行性探索

Monkey作为一种创新的测试工具，为系统稳定性的保障提供了新的思路和方法。通过结合B端组件可行性探索，我们发现Monkey在实际项目中具有良好的应用前景和价值。

2024-03-28 00:00:00

Monkey 工具 B端

拿下阿里面试：揭秘JVM对象引用的奥秘！

通过本文的介绍，相信大家对JVM对象引用有了更深入的了解。强引用、软引用、弱引用和虚引用各有其特点，我们可以根据不同的场景选择合适的引用类型来管理对象的生命周期，从而更好地优化内存、避免内存泄漏等问题。

2024-03-27 14:31:57

JVM 对象内存

2024年及以后的现代应用程序发展趋势

拥抱这些趋势的组织将处于有利地位，能够在技术领域产生重大影响，为光明的未来奠定基础。利用这些创新对于提供尖端产品和解决方案至关重要。随着企业适应技术突破的新时代，前面提到的趋势可以彻底改变游戏规则，并在确保企业在动态和竞争激烈的数字环境中保持相关性和蓬勃发展方面发挥关键作用。

2024-03-27 14:22:51

JavaScript 人工智能应用程序

四个技巧将 Docker 镜像体积减小 90%

多层镜像构建是指在一个Dockerfile中使用多个RUN指令来构建镜像。每个RUN指令会产生一个新的镜像层，而每个镜像层都会占用额外的存储空间。

2024-03-27 14:16:48

Docker 镜像 RUN

Netty：我为啥这么受欢迎你们不知道吗？

总的来说，Netty 不论在功能、性能以及稳定性来讲都是一款很nice的网络编程框架，很多知名的项目都将 Netty 作为其网络通信的底层框架，比如Apache Kafka、Elasticsearch、gRPC、Dubbo等。

2024-03-27 12:35:12

Netty gRPC Dubbo

ZGC可伸缩低延迟垃圾收集器深度解析

随着Java应用的日益复杂和数据量的不断增长，垃圾收集（GC）的性能和效率变得尤为关键。ZGC（Z Garbage Collector）是Java 11中引入的一款可伸缩、低延迟的垃圾收集器，它旨在满足大规模堆内存和高吞吐量应用的需求。

2024-03-27 10:27:35

延迟垃圾收集器

「字符串」存在「栈内存」？那我可要杠你了哦！

当我们新建一个字符串时，V8会从内存中查找一下是否已经有存在的一样的字符串，找到的话直接复用。如果找不到的话，则开辟一块新的内存空间来存这个字符串，并把地址赋给变量。

2024-03-27 10:21:47

字符串栈内存 V8

聊聊Flink：这次把Flink的触发器(Trigger)、移除器(Evictor)讲透

窗口的计算触发依赖于窗口触发器，每种类型的窗口都有对应的窗口触发机制，都有一个默认的窗口触发器，触发器的作用就是去控制什么时候来触发计算。flink内部定义多种触发器，每种触发器对应于不同的WindowAssigner。

2024-03-27 10:08:05

Flink 触发器 Trigger

被问到JVM类加载机制中双亲委派模型是什么，三次被破坏指什么？

双亲委派模型并不是一个具有强制性约束的模型，而是Java设计者推荐给开发者们的类加载器实现方式。在Java的世界中大部分的类加载器都遵循这个模型，但也有例外的情况，直到Java模块化出现为止，双亲委派模型主要出现过3次较大规模“被破坏”的情况。

2024-03-27 09:15:27

Java 模块化设计

你的CSS选择器可视化备忘录

CSS 还提供了许多其他类型的选择器，如伪类选择器（例如 :hover、:active）、伪元素选择器（例如 ::before、::after）、属性选择器（例如 [type="text"]）等，可以根据具体的需求选择合适的选择器来对页面元素进行样式化。

2024-03-27 09:09:40

CSS 选择器选择器

面试官：只知道v-model是modelValue语法糖，那你可以走了

将v-model指令转换为modelValue属性和@update:modelValue事件这一过程是在编译时还是运行时进行的呢？从上面的问题答案中我们可以知道将v-model指令转换为modelValue属性和@update:modelValue事件这一过程是在编译时进行的。

2024-03-27 08:47:44

v-model 语法糖编译

2024年，你需要掌握的 JavaScript 面试问题和答案

在现代Web开发中，JavaScript的重要性不言而喻。对于前端开发者来说，掌握JavaScript的核心概念至关重要。以上是基于常见面试题的JavaScript核心概念总结，帮助你为面试做好准备。

2024-03-27 08:36:48

JavaScript Web开发前端开发

功能问题：如何实现文件的拖拽上传？

本文简单介绍了，元素拖拽的6个API，以及文件拖拽上传的实现过程。元素拖拽的6个API，这里我们只需要使用Dragover、Drop这两个，就能实现文件拖拽上传。

2024-03-27 08:28:31

元素拖拽 API 文件上传

使用Java代码混淆工具保护代码安全

混淆的意义在于保护代码的安全性和知识产权，防止代码被反编译、逆向工程或者恶意篡改。通过混淆，可以使得代码变得难以理解，增加攻击者分析和修改代码的难度，从而提高代码的安全性。同时，混淆也可以减小代码的体积，提高代码的执行效率。

2024-03-27 08:23:39

Java 工具安全

React为什么要废弃ComponentWillMount、ReceiveProps和Update这三个生命周期

具体来说，componentWillMount 方法会在组件的 render 方法之前被调用，因此在这个阶段对组件进行的状态更新不会触发重新渲染。一般来说，你应该避免在 componentWillMount 中进行过多的耗时操作，因为这可能会影响到组件的性能。

2024-03-27 08:21:07

react Update 生命周期

尤雨溪再喷 React，这波我要反驳一下

写这篇文章，无意去过度争论 Vue 和 React 到底谁更好，因为在实际场景中做技术选型，要考虑的因素还包括技术之外的东西，这些外因甚至比技术本身更加重要。比如，我一直想去的那个团队，用的是 React，这样的理由，更加能左右一个人的决定。

2024-03-27 08:21:06

Vue React JavaScript

详解SpringBoot错误处理

如果要显示给定状态代码的自定义HTML错误页面，可以将文件添加到/error目录中。错误页面可以是静态HTML（即添加到任何静态资源目录下），也可以使用模板构建。文件的名称应该是确切的状态代码或序列掩码。

2024-03-27 08:18:02

Spring 映射 HTML

Figma 在协同编辑中使用的顺序一致性算法： Fractional indexing

在多人同时操作同层级的多个图形的顺序时，需要保证用户的意图能保留，不会被其他用户的操作覆盖丢弃，且所有用户最终的顺序是一致的。为解决这个问题，Figma 使用了一种名为 Fractional Indexing 的简单算法。

2024-03-27 08:09:48

Figma 协同编辑算法

Netty 编程看上去懵懵的...

本文只是介绍了 Java NIO 在 Netty 中的体现、Netty 对 Java NIO 的封装，让大家更方便的理解 Netty，并不涉及 Netty 的高效、强大的设计之处，下文将会对此进行介绍。

2024-03-26 13:03:16

我们一起聊聊如何向文本添加渐变效果和图案

在本文中，我们研究了两种增强网页上文本外观的简单方法。我们可以将这种效果应用于页面上的所有文本，但这几乎肯定会造成巨大的杀伤力，并且可能会惹恼网站访问者而不是给他们留下深刻的印象。

2024-03-26 11:34:17

效果网页文本

一个提出五年的 Node.js 模块问题，终被解决！

ES Modules 在文件顶层可以使用 Top-Level Await，该方法看之前的介绍，是在使用 esm 加载器加载的 .mjs 文件上使用 require 的功能时，使用了与 esm Top-Level Await 相同的权衡。

2024-03-26 10:38:47

模块 CommonJS ES

20k级别前端是怎么使用LocalStorage的，想知道吗？

当咱们把咱们想缓存的东西，存在localStorage、sessionStorage中，在开发过程中，确实有利于咱们的开发，咱们想看的时候也是一目了然，点击Application就可以看到。

2024-03-26 10:17:49

开发缓存 key

比 ElasticSearch 快 1000 倍的日志引擎

SigLens凭借高效的日志处理能力和简易的操作流程，正迅速在开源社区中获得认可。从基础部署到复杂查询，SigLens都展现出其强大的实用性。未来的发展空间巨大，特别是在大规模数据处理场景下，SigLens无疑将成为不可忽视的角色。

2024-03-26 10:13:54

日志引擎 SigLens

这些强大的 JS 操作符，你都知道吗？

JavaScript 为我们提供了很多操作符，用于操作表达式。下面就来盘点一下 JavaScript 中那些强大的操作符！

2024-03-26 10:10:45

JavaScript 操作符操作表达式

上一页 1 ··· 5 6 7 8 9 ··· 491 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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