鸿蒙开发者社区

公众号矩阵

移动端

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

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

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

文章博文帖子课程

共 2.9w 条

线上问题排查指南

OOM问题在生产环境中，一旦出现，一般会是非常严重的问题，服务可能会挂掉。但是OOM问题有多种情况，不同的情况，出现问题的原因不一样。

2024-08-14 14:20:00

OOM问题线上问题排查 Java

前端在线代码编辑器技术杂谈

这段时间在搞一个出码项目，出码后支持编辑代码并可以在右侧实时预览，其ui如下，在调研了几个开源（react-playground，react-live，minisandbox）的在线编辑运行react代码的库后，把所得所想分享给大家。

2024-08-14 08:33:46

前端编辑器

如何用知名Symbol黑掉JavaScript（5种方法）

从循环到分割再到搜索，知名符号让我们可以重新定义我们的核心功能，使它们以独特和令人愉快的方式运行，推动了JavaScript可能性的边界。

2024-08-14 08:33:20

JavaScript 知名符号 Symbol

英伟达的硬件路线图对广大开发人员的影响译文

英伟达修订后的GPU路线图对开发人员意味着什么？首先，Python在其CUDA并行编程框架中将具有优先权。

2024-08-14 08:00:00

GPU 英伟达开发

面试官：我不想听单例、工厂了，跟我说说装饰器模式吧！

如果数学和绘画课程又新增了需求，需要额外展示对应的辅修资料，但英语课程则不需要展示这类信息，那按照继承的方式应该如何实现呢？

2024-08-13 17:56:52

单例装饰器模式

Electron前端开发入门：构建跨平台桌面应用的利器

Electron为前端开发者提供了一个强大的平台，使他们能够利用熟悉的Web技术来构建跨平台的桌面应用。

2024-08-13 15:50:57

Electron 前端开发

盘点JavaScript中的Promise链的高级用法

有一系列的异步任务要一个接一个地执行 — 例如，加载脚本。如何写出更好的代码呢？Promise 提供了一些方案来做到这一点。

2024-08-13 15:23:37

JavaScript Promise

五个你需要掌握的JavaScript函数实用示例

JavaScript是每个前端开发人员必备技能之一，如果你精通JavaScript会大大提升你的开发效率，而JavaScript中的函数又是它们的一等公民。如果我们能够学习好这些一等公民，我们就能够编写既强大又高效的代码。对于编码新手来说，掌握函数就像是获得了进入激动人心的编程世界的黄金门票。

2024-08-13 15:09:41

JavaScript 开发前端

ThreadLocal最全详解(万字图文总结)

ThreadLocal提供了线程的本地变量，是 Java 中用于实现线程局部变量的类，它提供了线程内部的独立变量。即即每个线程都有一个独立的"变量副本"，不会与其他线程的"变量副本"产生冲突。

2024-08-13 15:07:20

Java 并发线程

仅用10MB内存，你能从100亿个数中找到中位数吗？

如果文件过大，读取和写入操作可能会成为瓶颈。可以考虑使用更高效的IO方式或者利用多线程并发处理来提升性能。此外，对于非常大的数据集，分布式处理也是一种可行的方案。

2024-08-13 14:10:49

中位数 IO 分布式

Synchronized锁升级之路：从无锁到重量级锁的演变

synchronized的锁升级过程是从无锁状态开始，根据线程对锁的争用情况逐步升级到偏向锁、轻量级锁和重量级锁的过程。

2024-08-13 14:08:25

锁多线程偏向锁

五分钟带你了解RabbitMQ的（普通/镜像）集群

通过本文我们深入了解了RabbitMQ的集群模式及其优缺点。无论是普通集群还是镜像集群，都有其适用的场景和局限性。

2024-08-13 11:13:18

RabbitMQ 集群模式

太方便！Spring Boot整合Screw：高效生成数据库文档

文档提供了一个清晰的数据库数据模型视图，让项目团队成员（如开发者、测试人员、运维人员等）都能理解数据如何存储、字段的含义、数据之间的关系等。

2024-08-13 10:36:25

Spring Screw 数据库

Vue3的defineAsyncComponent是如何实现异步组件的呢？

createInnerComp函数接收两个参数，第一个参数为要异步加载的vue组件对象。第二个参数为使用defineAsyncComponent创建的vue组件对应的vue实例。

2024-08-13 09:26:07

vue3 函数组件

JSON Server：快速搭建你自己的简易 REST API 服务

本文向大家介绍 JSON Sever 这一个基于 JSON 文件帮助你快速搭建 REST API 服务的工具库。JSON Sever 的安装和使用起来起来非常方便，数据的增删改查都是通过修改背后的 db.json 文件内容实现的，非常适合 Mock 数据服务的搭建。

2024-08-13 08:56:22

JSON 服务 Sever

血泪教训，八个线程池最佳实践和坑

线程池和 ThreadLocal共用，可能会导致线程从ThreadLocal获取到的是旧值/脏数据。这是因为线程池会复用线程对象，与线程对象绑定的类的静态属性 ThreadLocal 变量也会被重用，这就导致一个线程可能获取到其他线程的ThreadLocal 值。

2024-08-13 08:48:50

线程池静态属性线程

C#调用外部程序的三种实现方式

在C#中调用外部程序是一项常见的任务，可以通过多种方式实现。System.Diagnostics.Process和System.Diagnostics.ProcessStartInfo类提供了丰富的功能和灵活性，允许你启动和控制外部进程。

2024-08-13 08:25:16

C#外部程序方式

C# 下的LLamaSharp：高效的本地LLM推理库，自己写GPT

LLamaSharp为C#开发者提供了一个强大的本地LLM推理库，使得在本地设备上部署和使用LLaMA等模型变得简单高效。通过其丰富的API接口和跨平台支持，LLamaSharp为开发者提供了极大的灵活性和便利，是构建自定义GPT功能的理想选择。

2024-08-13 08:23:43

LLamaSharp LLM 推理库

Spring Boot 缓存优化攻略：七个不可错过的技巧译文精选

缓存是提高应用性能的有效方法。我们之前发布过一篇文章，介绍了缓存的概念和好处，主要针对 Spring Boot 进行了讨论。在本文中，我们将探讨优化 Spring Boot 应用程序缓存的 7 种技术。

2024-08-13 08:00:00

应用缓存缓存

面试官：说说读写锁实现原理？

ReentrantReadWriteLock（读写锁）是 Java 并发包（java.util.concurrent.locks）中的一个类，它实现了一个可重入的读写锁。读写锁允许多个线程同时读取共享资源，但在写入共享资源时只允许一个线程进行。

2024-08-12 17:36:54

读写锁 Java 线程

探索 JS 中五大常用设计模式，再也别说设计模式没用啦！

今天，咱们来看一下 JS 中的常用设计模式。主要有 5 种，一起来了解一下吧。

2024-08-12 16:16:29

JavaScript 单例模式

HashMap数据结构最全详解(图文全面总结)

HashMap内部维护了一个Entry数组，用于存储键值对，Entry是HashMap内部定义的一个私有类，包含了key和value两个属性。

2024-08-12 16:09:31

HashMap 数据数组

探索Rust的ORM库，你学到了些什么？

Rust的ORM生态系统是充满活力和强大的，提供了满足不同需求和偏好的工具：Diesel的类型安全性和可扩展性、SQLx的异步功能，rusqlite的简单性。

2024-08-12 15:44:06

Rust 生态系统工具

MVCC探秘：深入了解其机制与应用

在JAVA中，MVCC（Multi-Version Concurrency Control，多版本并发控制）是一个并发控制的方法，它允许读和写操作无锁地并发执行。

2024-08-12 14:37:38

MVCC 机制 JAVA

让你的C程序，自动打印版本信息

编译过程中，编译脚本mk.sh自动将当前时间等信息更新到头文件sw_version.h这样我们编译出的可执行程序app就自带了最新的版本信息。

2024-08-12 14:32:11

C程序信息自动打印

前端与后端通讯的演变：从 AJAX 到现代 HTTP 客户端

从早期的表单提交与页面刷新，到 AJAX、jQuery 的封装，再到现代的 fetch 和 axios，前端与后端的通讯方式经历了巨大的演变。

2024-08-12 13:19:32

前端后端 AJAX

Axios如何取消请求，其原理是什么？

Axios 取消请求的原理是基于底层网络请求库（如 XMLHttpRequest 或 Fetch）提供的中止机制。当调用取消令牌的 cancel 方法时，Axios 会触发中止底层的网络请求，从而终止正在进行的请求过程。

2024-08-12 12:32:53

Axios 机制网络

别不信@PathVariable你真不会用

从Spring的某个版本开始这个后缀已经被声明过时不建议再使用了，配置文件中对应的参数都删除了，所以目前你只能通过自定义WebMvcConfigurer方式开启后缀匹配。

2024-08-12 12:25:25

Spring MVC 开发

手写！Controller接口性能监控

本文将介绍如何在Spring Boot应用中通过Spring Boot Actuator和Prometheus来监控任意API接口的调用耗时情况。通过Actuator提供度量metrics功能，我们能够结合AOP轻松实现API接口运行时性能指标。

2024-08-12 12:20:49

Controller 接口性能

基于 Spring Boot 与 RabbitMQ 的邮件发送：确保 100%消息成功投递

RabbitMQ 犹如一位坚定的卫士，确保了邮件发送任务的可靠排队和精细处理；而 Spring Boot 则宛如一位智慧的导师，提供了便捷的开发环境和丰富多样的功能支持。

2024-08-12 12:17:03

Spring RabbitMQ 系统

CSS萤火虫按钮特效，会有什么效果？

如果单纯做一个跟随鼠标移动的点很简单，只需要监听鼠标事件获取坐标实时更新到需要移动的元素上即可。但是仔细看这里的效果并不是这样，圆点是跟随在鼠标后面，鼠标移动停止后圆点才会和鼠标重合。

2024-08-12 12:13:55

CSS 萤火虫按钮

Go 语言构建可扩展的 Worker Pool，你学会了吗？

并发处理是构建高性能、可扩展应用程序的关键。Go 语言提供了一流的支持，通过其强大的并发原语（goroutines 和 channels）可以轻松构建 Worker Pool。

2024-08-12 11:32:12

Go 语言程序

从海量数据中挖出TOP100热词，这个算法太绝了！

解决海量数据下的TOP100问题，本质上是如何有效地进行数据分流、统计和合并。在这个过程中，哈希函数、哈希表、小根堆、外排序等技术手段的巧妙结合，能够让我们在有限的资源下完成看似庞大的任务。

2024-08-12 11:00:58

海量数据排序

Spring Boot 实现方法异步调用的正确姿势！

如果希望采用自定义线程池来执行，可以配置一个线程池对象并注入到 bean 工厂，最后在异步注解中指定即可；也可以全局配置默认线程池。

2024-08-12 10:13:01

Spring 线程池异步调用

14个SpringBoot优化小妙招，写代码像写诗

SpringBoot的强大之处不仅仅在于它的简洁和易用，更在于它背后的一套完整的生态体系。掌握这些优化技巧，你将能更加高效地开发SpringBoot应用，享受编码的乐趣。

2024-08-12 10:03:08

Spring 体系编码

IO设计：如何设计IO交互来提升系统性能?

在 Node.js 中引入了 async 和 await 机制（在 C++、Rust 中，也都引入了类似的机制），较好地解决了这个问题。我们使用这个机制，可以将背后的回调函数机制封装到语言内部的底层实现当中，这样我们依然能够使用串行思维模式来处理 IO 交互。

2024-08-12 09:38:33

无意中发现 Vue3 的小技巧，帮我节省很多代码

Vben-Admin 是一个非常出色的开源 Vue3 项目，它代码中就大量使用了事件叠加的技巧，尤其是 Table、Drawer、Modal 这类可控组件，我也是从里面学到的技巧~

2024-08-12 09:28:02

Vue3 项目技巧

一起聊聊 TypeScript 中的实用类型（utility type）和转换类型

Record<K extends keyof any, T> 是 TypeScript 提供的一个实用类型（utility type），用于构造一个对象类型，其中键 K 的集合可以是任意类型（通常是字符串、数字或符号），对应的值类型为 T。

2024-08-12 08:50:17

TypeScript 转换类型实用类型

深入理解 PHP 高性能框架 Workerman 守护进程原理

守护进程顾名思义就是能够在后台一直运行的进程，不会霸占用户的会话终端，脱离了终端的控制。相信朋友们对这东西都不陌生了吧？如果连这个概念都还不能理解的话，建议回炉重造多看看 Linux 进程管理相关的基础知识。

2024-08-12 08:43:09

PHP 高性能框架

ES14中五个最具变革性的JavaScript特性

JavaScript在过去10年里取得了长足的进步，每年都有全新的功能升级。让我们来看看ES14（2023年）中引入的5个最重要的特性，看看你是否错过了其中一些。

2024-08-12 08:36:28

JavaScript ES14 函数式编程

在vue3中如何编写一个标准的hooks？

抽取 Hooks 方法可以提高代码的复用性、可维护性和测试性，当遇到上述情况时，考虑抽取 Hooks 是一个很好的实践。

2024-08-12 08:33:05

巧用 Optional，轻松干掉空指针！

在实际使用的时候，还得结合具体的场景进行合理选择，有时候并不是全部采用Optional来解决NPE异常代码才更加优雅，比如当前对象比较简单，就是一个简单判断，通过obj != null足以解决问题。

2024-08-12 08:28:35

指针 Optional NPE

单点登录（SSO）实现详解，你学会了吗？

单点登录作为提升用户体验的重要手段，在现代Web应用中扮演着至关重要的角色。通过深入理解其工作原理、掌握多种实现方式，并有效应对实施过程中的挑战，我们可以构建更加安全、高效、用户友好的单点登录系统。

2024-08-12 08:12:38

SSO 单点登录

给项目装了个 NPM 包，被 CTO 大骂了一顿？

为什么大佬们选库的时候都会选体积更小的库呢？或者支不支持 tree-shaking 呢？那是因为体积越小，说明页面运行的速度更快。

2024-08-12 00:00:00

NPM CTO JavaScrip

一起聊聊引入 JaCoCo导致的类型转换问题，你明白了吗？

图片 01 问题描述理解，首先 MCube 会依据模板缓存状态判断是否需要网络获取最新模板，当获取到模板后进行模板加载，加载阶段会将产物转换为视图树的结构，转换完成后将通过表达式引擎解析表达式并取得正确的值，通过事件解析引擎解析用户自定义事件并完成事件的绑定，完成解析赋值以及事件绑定后进行视图的渲染，最终将 JaCoCo是一款被广泛应用于公司内部的开源覆盖率工具，将其引用至测

2024-08-09 13:39:27

JaCoCo 类型转换

一文读懂JavaScript原型链

对象通过隐式原型( __proto__ )属性指向其构造函数的原型对象( prototype )，进而通过原型对象( prototype )的隐式原型( __proto__ )属性指向更高层级的原型对象( prototype )，最终指向null而停止所形成的链条，则称其为原型链。

2024-08-09 12:44:45

JavaScript 原型链链条

API性能提升宝典：12个必杀技

消息队列天然就有简化系统复杂性的作用，它通过异步的方式将任务与任务之间的关系进行解耦，也就达到了减少服务之间依赖的效果。

2024-08-09 12:11:07

消息队列 API 性能

什么是可哈希对象，它的哈希值是怎么计算的？

像整数、浮点数、字符串等内置的不可变对象都是可哈希的，可以作为字典的 key。而像列表、字典等可变对象则不是可哈希的，它们不可以作为字典的 key。

2024-08-09 11:52:18

对象可哈希浮点数

JVM类加载过程最全详解(五大过程图解)

在加载阶段，JVM会查找并加载类的字节码文件，这个过程通常从类路径（Classpath）中查找类文件，然后将它们读入内存。

2024-08-09 11:50:00

JVM 字节码代码

实战用Python解析出抽象语法树

sqlparse 可以解析和分析 SQL 语句，并将其拆分为不同的标记（token）。这使得您可以访问和操作 SQL 语句的各个部分，如 SELECT 语句中的列、表名、WHERE 子句等。

2024-08-09 10:15:34

Python 抽象语法树

上一页 1 ··· 75 76 77 78 79 ··· 592 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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