直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

Python实现适配器模式、装饰器模式、代理模式

本文将介绍三种结构型设计模式：适配器模式、装饰器模式、代理模式，下面，我们一起来看。

2024-04-10 12:27:43

Python 设计模式开发

深入理解C/C++指针的算术运算

通过本文的介绍，我们会了解C和C++中指针的算术运算的基础知识及其应用场景。

2024-04-10 12:14:36

C++指针算术运算

通过方法引用获取属性名的底层逻辑是什么？

有的小伙伴注意到，在 qw.eq(Book::getId, 2); 方法中，第一个参数是一个 SFunction 的实例，那就说我直接给一个 SFunction 的实例，不用 Lambda。大家注意，这种写法不对！

2024-04-10 10:47:46

底层逻辑 SFunction

一文读懂Cache一致性原理

本文没有对cache状态转换(transitions)过程过多讲述，也没有讲述异构系统和多芯片多处理器的一致性，现在计算机系统主要是异构的，不仅包含多core，还包含GPU和其它加速器(例如，神经网络硬件)。为了追求可编程性，这些异构系统也开始支持共享内存。

2024-04-10 10:34:34

Cache 系统 GPU

所以，你是知道怎么监听LocalStorage的变化的？

很多比较出名的项目中，大家可以去看那些开源的项目中，基本很少直接使用localStorage，而是都是会封装一层的。

2024-04-10 10:15:16

我们一起理解 React 服务端组件

简单来说，内置 Suspense 组件能够利用 Streaming SSR + React 服务端组件架构实现局部组件更新。这样每块内容都可以单独渲染、处理，能更快响应用户，带来更好地浏览体验。

2024-04-10 10:09:07

React 服务端组件

多线程回答的滚瓜烂熟，面试官问我虚线程了解吗？我说不太了解！

虚拟线程是由 Java 虚拟机调度，它的占用空间小，同时使用轻量级的任务队列来调度虚拟线程，避免了线程间基于内核的上下文切换开销，因此可以极大量地创建和使用。

2024-04-10 09:47:59

Java 调度虚拟线程

Rust中的Eq和PartialEq详解与实践

理解和合理使用Eq和PartialEq特征对于实现类型比较操作至关重要。在设计你自己的类型时，如果所有实例之间都是可以比较的，那么可以选择实现Eq；否则，如果类型存在无法比较的特殊值（例如浮点数的NaN），则仅实现PartialEq即可。

2024-04-10 09:28:25

Eq Rust PartialEq

轻松上手Spring AOP，掌握切面编程的核心技巧

本文介绍了Spring AOP的常用的切点表达式、通知注解等，我们可以利用AOP对业务逻辑的各个部分进行隔离，使得业务逻辑各部分之间的耦合度降低，提高程序的可重用性，同时提高开发的效率。

2024-04-10 08:59:39

Spring AOP 业务

Vue 3高级响应式数据探秘：原理、用法详解与实战示例！

我们使用了 Reactive 函数创建了一个包含Name 和 Age 属性的响应式对象 User。通过 ToRefs 函数，我们将响应式对象转换为普通对象的响应式引用，使得在模板中能够直接使用 User.name 和 User.age。

2024-04-10 08:45:51

Vue 3 Proxy对象监测数据

选择正确的Go Module Path，会给你不一样的体验

我们看到：Go module path对Go module网络位置、包路径、编译和开发者协作都有重要影响。遵循Go社区的最佳实践，选择一个好的Go module path可以提高代码可读性和可维护性，并简化多人协作，帮助Go开发者更好地使用Go模块系统。

2024-04-10 08:28:41

Go 模块系统

详解Pinia持久化插件pinia-plugin-persist在Vue3中的应用与实践

Pinia-plugin-persist极大地简化了Pinia状态的持久化过程，使得开发者可以更加专注于业务逻辑的实现，而不必担心状态在用户交互过程中的临时丢失问题。通过合理配置和使用这个插件，Vue3应用能够在用户体验上达到新的高度。

2024-04-10 08:27:32

Pinia Vue3 持久化插件

Java中的Arrays，这一篇就够了

当数组为多维数组，或一维数组中的元素为引用类型时，属于浅复制，原数组与新数组的元素引用指向同一个对象。这里说的影响，是两个数组复制后对应的元素。String的特殊是因为它的不可变性。

2024-04-10 08:22:44

Java Arrays 类型

前端面试：你以为这只是一个简单的数组去重吗？

确实有多种方式，比如set结构转一下，lodash提供的uniq方法，或者自己利用其他方式实现也是很多的。今天就介绍几个。

2024-04-10 07:56:38

前端数组 uniq

探索React 19：四个实用新钩子功能

React 19中这些新引入的钩子为处理数据获取和表单交互带来了令人兴奋的可能性，提供了更多的灵活性和改善了用户体验。由于这些都是实验性的API，开发者们被鼓励在React 19正式发布前，持续关注官方文档中的任何变化。

2024-04-10 07:49:37

React 19 use 钩子 Suspense

深入理解Java虚拟机：对象实例化及直接内存详解

在Java世界中，万物皆对象。当我们谈论一个对象时，其实质是指代一段具有特定属性和行为的内存区域。

2024-04-10 07:40:45

Java 虚拟机内存

你必须要知道的，五个Promise高级使用技巧

无论是在开发中还是在面试中 promise 都是一个非常重要的内容。常见的面试中都会问及到 promise.then()、Promise.all 或者配合 async/await 使用的方式。

2024-04-09 16:24:18

聊聊2024最活跃的前端框架是哪个？Vue、React、Angular、Svelte、Ember？

目前网上有各种 Vue vs React vs Angular vs...... 的对比文章。这些文章对比了各种常用框架的信息，并且通常会以一个永远都不会错的结论：所有框架都足够好，选择取决于你的需要和想法作为结尾。

2024-04-09 16:19:16

前端 Vue React

26 个写高效干净JavaScript 的小技巧

作为开发人员，我们努力编写不仅实用而且干净高效的代码。干净的代码对于可维护性、可扩展性和可读性至关重要。在不断发展的 JavaScript 世界中，采用编写干净代码的最佳实践可以显着提高编程效率和项目质量。

2024-04-09 14:27:39

JavaScript 开发

您必须了解的 21 个 HTML 技巧

在这篇文章中，我们将分享 21 个带有代码片段的 HTML 技巧，可以提高您的编码技能。现在，让我们直接开始吧。

2024-04-09 14:21:15

实现百万级数据从Excel导入到数据库的方式

在技术选型上，选择EasyExcel是明智之举。它专为处理大数据量和复杂Excel文件进行了优化。EasyExcel在解析Excel时，不会将整个文件一次性加载到内存中，而是按行从磁盘逐个读取数据并解析。

2024-04-09 13:20:00

Excel 数据库数据

Rust命名规范的最佳实践，你学会了吗？

Rust对命名非常严格，这背后的理念是希望开发者通过命名就能传达出足够的信息。本文详细介绍了Rust的命名规范，并通过丰富的示例来帮助读者理解和掌握。记住，在Rust中，好的命名是半个好的设计。

2024-04-09 13:16:21

Rust 命名规范

六款较流行的开源漏洞扫描工具推荐及特点分析

sqlmap是一款专注但功能强大的免费数据库漏洞扫描工具。尽管其适用范围有限，但在一些需要进行严格合规和安全测试的数字化业务场景中，数据库漏洞测试往往是至关重要的组成部分。

2024-04-09 12:49:35

开源漏洞扫描工具

教你如何玩转Next Image

Next Image简化了图像管理并有着显著优势，它提供类似于第三方解决方案的高级裁剪和精确调整大小等附加功能。同时有专门的组件可进行微调。

2024-04-09 12:08:51

Next 组件 Next.js

Dart 中 JS 互操作的历史，你知道吗？

从 Dart 诞生之初，互操作性就是一个核心重点。2011 年 Dart 首次发布时，它被设计为可嵌入和多平台的。它可以运行在独立的虚拟机上，嵌入到浏览器中，并编译为 JavaScript。2015 年 Flutter 出现时，我们也准备将其嵌入其中。现在，我们也很高兴能将 WasmGC 运行时作为目标。

2024-04-09 11:40:58

图解 CSS Grid 布局，一起来看看 CSS Grid 布局是如何使用的

Grid（网格）布局是最强大的 CSS 布局方案，用于构建二维布局。Grid 布局将页面划分成一个个网格，可以任意组合不同的网格，实现各种各样的布局。下面就来看看 CSS Grid 布局是如何使用的！

2024-04-09 10:10:23

Grid CSS 网格

SpringBoot整合Flink CDC，实时追踪数据变动，无缝同步至Redis

具体来说，Flink CDC的应用场景包括但不限于实时数据仓库更新、实时数据同步和迁移、实时数据处理等。它还可以确保数据一致性，并在数据发生变更时能够准确地捕获和处理。

2024-04-09 10:02:13

Spring 数据 Redis

配置Nginx访问阿里云OSS资源踩坑之路

Nginx到OSS的代理工作正常，但请求的文件在OSS中不存在或路径不正确。仔细检查了下路径是对的，这说明我们Nginx写法有问题，到OSS那边的确是没有 static/test/1.png 这个文件，所以我们需要在Nginx里加个配置去掉 static 前缀。

2024-04-09 09:29:22

Nginx OSS 资源

什么？你告诉我 Kafka 会丢消息？

许多开发人员普遍认为，Kafka 的设计本身就能保证不会丢失消息。然而，Kafka 架构和配置的细微差别会导致消息的丢失。我们需要了解它如何以及何时可能丢失消息，并防止此类情况的发生。

2024-04-09 09:08:09

Kafka 消息架构

我们一起聊聊如何使用Spring Boot 3 和 Redis 实现实时智能客服系统

通过以上的步骤，我们就能够利用 Spring Boot 3 和 Redis 搭建一套实时智能客服系统了。然而这只是实现这个系统的基础，要让这个系统真正成为一个高效的客服工具，我们还需要在此基础上的额外研发和优化，比如关于如何根据用户的行为和喜好来优化系统的推荐算法等等。

2024-04-09 09:05:47

Spring Redis 系统

超级离谱的前端需求：搜索图片里的文字

其实思路很清晰，分析出每一张图片上的文字，并存在对象的keyword中，搜搜的时候去过滤出keyword包含搜索文字的图片即可。但是难就难在，我要怎么分析出图片上的文字并存起来呢？

2024-04-09 08:42:38

前端搜索图片

面试官：如何设计和实现一个带过期时间的本地缓存？

今天我们来基于ConcurrentHashMap与ScheduledThreadPoolExecutor来实现一个线程安全的本地缓存：LocalCache。在LocalCache中支持永久缓存与临时缓存，永久缓存的数据一直有效，临时缓存的数据在指定时间到期之后会自动从缓存中移出。

2024-04-09 08:39:16

本地缓存开发线程安全

C# 中取消任务（Task）的正确方式

CancellationToken 是一个结构，用于传递取消操作的通知，如用户请求取消或超时。CancellationTokenSource 是用于生成 CancellationToken 的类，并提供了取消该令牌的方法。

2024-04-09 08:04:42

聊聊Flink：Flink中的时间语义和Watermark详解

当数据G到达时，窗口开始时间<=数据G的事件时间<窗口结束时间，但是窗口已经关闭了，因此数据G将进入侧道输出流进行单独存放。通过侧道输出API可从侧道输出流中取出延迟严重的数据进行相应的业务处理。

2024-04-09 07:50:59

Flink 语义 Watermark

微服务架构下的配置管理：Go 语言与 yaml 的完美结合

我们学习了如何在 Go 语言中使用 YAML 配置文件。YAML 的易读性和 Go 语言的强大反射机制，使得配置管理变得简单而高效。无论是在微服务架构中还是在其他编程场景下，这种组合都能提供出色的开发体验。

2024-04-09 07:27:06

微服务架构 YAML

十个超级实用的Java代码片段

在本文中，我们将探讨10个有用的Java代码片段，它们可以帮助你编写更简洁、更高效和专业级的代码。

2024-04-09 00:00:00

Java 代码片段

倍杀！谷歌表示：Rust团队的开发效率是C++团队的两倍译文精选

早在2016年Dropbox和2018年Figma就已经开始尝试用Rust重写代码以确保内存安全，但当时业界对于Rust在生产力和语言可靠性方面的疑虑并未完全消除。

2024-04-08 18:55:54

Java实现发送短信验证码和使用Redis限制发送次数功能的实现

本文介绍了如何使用Java语言实现发送短信验证码的功能，并结合Redis进行发送次数的限制。通过该功能，我们可以在用户注册、登录等场景下，保护用户账号安全，防止滥用和恶意攻击。

2024-04-08 14:10:06

PromQL全方位解读：监控与性能分析的关键技术

本文全面探索PromQL，从基础语法到高级操作，详细介绍了数据聚合、时间序列分析及内置函数应用，旨在提升用户构建复杂监控策略和性能分析的能力。

2024-04-08 11:52:08

PromQL 技术监控

调试只会console.log？来看一看这六种惊艳的调试技巧！

在日常开发中，大多数同学都会通过 console.log 的方式来进行代码调试。但是 console.log 是具备很多局限性的，比如：我们想要获取某段代码的执行耗时，通过 console.log 就无法满足需求。

2024-04-08 11:42:14

代码 console 开发

探索C++类中static关键字的妙用

C++中的 static 关键字不仅仅是一个修饰符，更是一种设计思想和编程技巧的体现，我们可以看到 static 关键字在C++中的重要性和灵活性。

2024-04-08 11:35:34

C++static 关键字

聊一聊如何离线分析Redis缓存的空闲分布

对于设置了 LRU 相关策略的 Redis 实例才可以用这个方法去分析空闲分布，如果是 LFU 相关策略的，则无法看到空闲分布！！原因的话，object idletime 已经告诉我们了。

2024-04-08 11:25:10

Redis 缓存策略

深入掌握Rust测试：从基础用例到控制测试执行的完全指南

在本文中，我们将详细介绍如何在Rust中编写和控制测试，帮助您提高代码质量和稳定性。

2024-04-08 11:06:29

Rust 测试控制

面试官居然要我用JS代码计算LocalStorage容量！

我们以10KB一个单位，也就是10240B，1024B就是10240个字节的大小，我们不断往localStorage中累加存入10KB，等到超出最大存储时，会报错，那个时候统计出所有累积的大小，就是总存储量了！

2024-04-08 10:35:59

JS 代码容量

React Router v6 完全指南，超实用！

React Router 创建于 2014 年，是一个用于 React 的声明式、基于组件的客户端和服务端路由库，它可以保持 UI 与 URL 同步，拥有简单的 API 与强大的功能。

2024-04-08 10:18:49

React 前端 TypeScript

超越GPT4的Agent，我用代码实现了！

通过本文的介绍和实战示例，我们可以看到，智能体工作流和反思技术在提升AI性能方面的巨大潜力。随着技术的发展，我们有理由相信，未来的AI将更加智能、高效，能够更好地服务于人类社会。让我们共同期待并推动这一领域的进步。

2024-04-08 10:12:20

基于TTL 解决线程池中 ThreadLocal 线程无法共享的问题

在基于Java的应用开发领域，尤其是在利用Spring框架、异步处理和微服务架构构建系统时，常常需要在不同线程或服务之间传递用户会话、数据库事务或其他上下文信息。

2024-04-08 10:09:37

TTL Java 框架

Go 哪里没有做好？Rob Pike 深刻反思了

从历史背景来看，在 Go 诞生的那个年代，并发编程是一个比较新颖的理念。许多其他编程语言、论文甚至书籍都写过关于并发编程的内容。并发编程还没有成为主流思想。

2024-04-08 10:02:22

Go 编程并发

Java中的String，这一篇就够了

当字符串是不可变时，字符串常量池才有意义。字符串常量池的出现，可以减少创建相同字面量的字符串，让不同的引用指向池中同一个字符串，为运行时节约很多的堆内存。若字符串可变，字符串常量池失去意义，基于常量池的String.intern()方法也失效，每次创建新的 String 将在堆内开辟出新的空间，占据更多的内存。

2024-04-08 10:01:33

字符串 Java String

不一样的SVG！SVG在 CSS 中的应用

SVG通常不是手写的（能手写任意路径的都是大神），几乎都是设计师借助软件绘制生成的，比如设计都很喜欢的Figma（对前端非常友好，可以尝试一下）。

2024-04-08 09:11:13

上一页 1 ··· 3 4 5 6 7 ··· 492 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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