鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

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

文章博文帖子课程

共 2.9w 条

聊聊 Rust 正在秘密接管芯片开发

下面介绍什么是信任根，信任根（简称Ro）是一个独立的硬件安全组件，以及运行它的固件。它负责验证底层引导代码是真实的，没有被篡改。类似于你如何验证下载文件的校验和，以确保它们没有被篡改。

2024-11-06 11:56:13

C# 单例模式的多种实现，你学会了吗？

单例模式是一种创建型设计模式，它主要确保在一个类只有一个实例，并提供一个全局访问点来获取该实例。在C#中，有多种方式实现单例模式，每种方式都有其特定的使用场景和注意事项。

2024-11-06 11:38:59

强大又优雅！Spring Boot 中 RestTemplate 的最佳实践详解

我们将详细演示如何使用 RestTemplate 进行 POST 请求，包括如何设置请求头和请求体、如何构建和传递复杂数据，以及如何处理返回的响应。

2024-11-06 11:33:09

Spring 工具架构

PHP 高性能 Webman 管理系统 EasyAdmin8

EasyAdmin8-webman 使用 Composer 来管理项目依赖。因此，在使用 EasyAdmin8-webman 之前，请确保你的机器已经安装了 Composer。

2024-11-06 11:25:06

PHP 高性能系统

手写个前端小玩具—错误捕获定位工具

我们平时在使用框架开发遇到bug时，比如Vue，如果是在本地环境，我们在控制台可以很容易的找到出现问题的文件，甚至点击进入即可直接定位到我们的文件中对应报错的位置，这样排查问题就比较方便。

2024-11-06 11:15:59

前端工具定位

探索动态执行的计划任务-DynamicSchedule

通过上述方法，我们可以在 Spring Boot 应用中实现动态计划任务，使得任务的执行更加灵活可控。还实验了几种不同的方式，比如每秒轮询数据库、手动计算cron表达式的执行时间。感觉就属这个事件驱动的方式最优雅。

2024-11-06 10:59:00

动态执行 Spring 表达式

让性能提升56%的Vue3.5响应式重构之“版本计数”

版本计数主要有四个版本：全局变量globalVersion、dep.version、link.version和computed.globalVersion。dep.version和link.version如果不相等就说明当前响应式变量的值改变了，就需要让Sub订阅者进行更新。

2024-11-06 10:47:53

重构响应式变量

vue3 如何使用 Vue- Router Hooks 开发

除了常规的 beforeEach 和 beforeRouteEnter 等全局或局部守卫外，Vue 3 还支持在组件中使用 setup() 函数来实现更细粒度的路由控制逻辑。

2024-11-06 10:16:22

vue3 组件路由器

SpringBoot启动原理详解(图文全面总结)

现在我们已经加载了所有的自动化配置类了，但是这些配置类并不是都会生效，具体是否生效，还要看你的项目是否使用了具体的依赖。

2024-11-06 09:54:58

Spring Java 开发

多层依赖：如何避免落入数据服务接口的陷阱？

我们先看看熟悉的传统单体架构设计思路，重点关注一下它有什么缺点，这有助于你理解为什么会出现 CQRS 这种模式。这里我们继续沿用前面课程里用户中心的案例，请看下图。图里面展示了单体服务状态下的用户中心，这时候高频和低频的读写服务放在了一起。

2024-11-06 09:44:22

多层数据服务接口

并发编程/6种线程池设计图/1大线程池标准设计与执行规范/2种线程池管理设计(全面篇)

在Java 5之前，开发者需要手动管理线程的创建和销毁，这不仅增加了编程复杂性，还可能导致资源浪费和系统开销。 ExecutorService 通过提供线程池管理功能，简化了线程的生命周期管理。

2024-11-06 09:39:52

并发编程系统

SpringBoot中使用Profile的几种方式

我们在dockerfile中使用了ENV来指定我们要启动什么环境，但是这种方式太僵硬了, 因为相当于把启动什么环境给写死了，后面想要切换到其他环境的时候还要去修改dockerfile,这种方式看上去不太行呀！

2024-11-06 09:26:48

Spring profile ENV

哈哈，文言文也能编程？尤雨溪大佬都表示认可！

前几天发现一个很有趣的编程语言，叫做文言 wenyan-lang，起初我还以为是程序员网友们的恶搞呢，没想到 Vue 团队的各位大佬都对这个编程语言表示了支持，我才知道这个还真不是恶搞，而是一个挺牛的编程语言！

2024-11-06 09:11:33

编程语言程序员

我不知道如何在 JS/TS 中创建深度克隆

在JavaScript和TypeScript中实现无突变的深度克隆可能比想象的更复杂。展开运算符和Object.create()虽然常用，但不适合深度克隆。JSON.parse(JSON.stringify())对于简单对象是一个快速有效的解决方案，而lodash.deepClone则是处理复杂数据结构的理想选择。

2024-11-06 08:32:02

JavaScript TypeScript 数据结构

手把手教你用JavaScript打造一个网页搜索引擎

小编之前带着大家一起做过一个python版的搜索引擎，今天带大家做一个JavaScript版的搜索引擎。

2024-11-05 16:40:24

JavaScript 搜索引擎

Sentinel是如何实现限流的？

限流它的目的是确保系统能够在承受范围内提供稳定和可靠的服务，避免因过多的请求而导致系统崩溃、资源耗尽或响应延迟过高的情况发生。

2024-11-05 15:02:41

Sentinel 限流单机限流模式

基于图遍历的Flink任务画布模式下零代码开发实现方案

在实际的实现过程中，遇到的问题往往比以上复杂很多。比如需要将更多的信息存储在node节点和edge边上。node上需要存储并行度、算子处理前后的表schema等；edge需要存储keyby的字段、上下游之间的数据shuffle的方式等等。

2024-11-05 13:05:29

Flink 节点存储

流程控制语句 For、While 是怎么实现的？

for 循环遍历可迭代对象时，会先拿到对应的迭代器，那如果遍历的就是一个迭代器呢？答案是依旧调用 __iter__，只不过由于本身就是一个迭代器，所以返回的还是其本身。

2024-11-05 12:59:42

while 循环迭代字节码

Jackson在Spring Boot高级应用技巧【Long精度丢失, @JsonValue, 数据脱敏】

在Web开发中，使用JavaScript处理大数值（如Long类型）时，可能会遇到精度丢失的问题。这是因为JavaScript中的数字一律采用IEEE-754标准的64位浮点数表示，这种格式可以很好地处理大多数数字运算，但对于非常大的整数（超出2^53 - 1），就可能出现精度损失，这就非常的恶心了，可能会让你感到莫名其妙。

2024-11-05 11:30:30

技巧 Web 开发

Stream 与 Map：toMap() 的使用需谨慎

当完成一次流处理之后需要返回一个集成对象时，已经肌肉记忆的敲下 collect(Collectors.toList()) 或者 collect(Collectors.toSet())。你可能会想，toList 和 toSet 都这么便捷顺手了，又怎么能少得了 toMap() 呢。

2024-11-05 10:24:50

Stream Map 对象

阿里面试：HashMap是如何实现扩容？哪三步？

为了尽可能地减少扩容操作的次数，通常会将负载因子设置为一个较小的值，例如0.75，以保证哈希表的容量能够满足存储需求，同时又不会造成太多的空间浪费。

2024-11-05 09:28:52

HashMap 扩容哈希表

基于IM场景下的Wasm初探：提升Web应用性能

在大多数场景下我们都不需要用到WebAssembly。因为V8等JS引擎的优化带来了巨大的性能提升，已经足够让JavaScript应对绝大多数的普通场景了，如果要做进一步优化密集计算任务时使用Web worker也都能解决掉。

2024-11-05 09:20:47

IM Wasm Web应用

TypeScript技术：深入理解泛型类型

泛型是TypeScript中一个强大且灵活的特性，能够帮助开发者编写更加通用和可重用的代码。通过对泛型的深入理解，开发者可以在实际项目中更好地利用这一特性，提升代码的可维护性和可读性。

2024-11-05 09:11:09

TypeScript 开发者代码

六种方法打造出色的Shell脚本

本文通过实施这些技术，目标是创建一个用户友好、信息丰富且健壮的shell脚本，为用户提供运行和分析基准测试的极佳体验。

2024-11-05 08:28:50

Shell 脚本技术

Python 处理图片常用的20个脚本，你知道几个？

处理图片是 Python 中常见的任务，尤其是在计算机视觉、图像处理和数据分析等领域。Python 提供了多个强大的库来处理图像，其中最常用的是 Pillow（PIL 的一个分支）和 OpenCV。

2024-11-05 08:13:49

python 视觉 OpenCV

改进分析的五种鲜为人知的数据转换技术译文精选

数据转换是通过某些计算或方法将数据转换为另一种值以更好地表示数据的过程。它通常用于满足某些统计测试假设或澄清数据可视化。有许多数据转换公式，但不是每种转换都是一样的、都能满足你的需求。

2024-11-05 08:00:00

数据转换数据预处理 Python

20个Python编程脚本，让你拥有超能力

你是否有时看着硬盘突然发现：为什么只剩下100MB空间了？偷偷占用空间多数就是重复文件。以下是一个查找并删除它们的脚本，让我们释放你的空间。

2024-11-04 19:46:38

Python 编程脚本

前端体验优化之渐进式图片

关于前端的性能及体验问题，图片的加载绝对是重中之重，尤其是在一些有着许多大图的页面，在网络不稳定或稍慢的时候，我们经常能够看到页面中图片的位置是一片空白，等图片加载完成才开始慢慢渲染，在这段时间对用户的体验其实是非常不友好的。

2024-11-04 16:04:06

Python 如何在装饰器中使用其他函数？

在装饰器中使用其他函数是一种常见的需求，可以帮助你将复杂的功能分解成更小、更易于管理的部分。

2024-11-04 15:30:43

Python 装饰器函数

十个只有专业开发人员才知道的 JavaScript 秘密技巧

JavaScript 是最广泛使用的编程语言之一，但真正掌握它需要的不仅仅是了解基础知识。专业开发人员知道有一些隐藏的技术、鲜为人知的功能和微妙的技巧可以将您的 JavaScript 技能提升到一个新的水平。

2024-11-04 14:18:32

JavaScript 编程语言开发

组织简化DevOps流水线的四种方法

开发人员是数字经济的支柱，随着企业越来越依赖新服务和软件，他们的重要性只会越来越高。然而，在客户需求高、截止日期紧的复杂环境中，开发人员承受着巨大的创新压力。

2024-11-04 12:38:52

DevOps 流水线方法

PHP操作码：无需重构代码即可提高应用程序性能译文精选

本文介绍一些语法技巧，可以自动优化PHP代码执行性能，而无需进行复杂的重构。

2024-11-04 11:02:56

PHP 开发重构代码

并不是Rust中的所有抽象都是零成本的

好消息是Rust提供了微调性能和消除不必要开销的工具。通过了解这些成本产生的位置和原因，我们可以在不牺牲该语言提供的安全性和表达性的情况下编写高效的Rust代码。

2024-11-04 10:44:15

Rust 微调性能

我们一起聊聊对象与 Map 转换性能优化方案

通过将 ObjectMapper 设计为单例模式，我们可以显著提升性能。在整个项目中只需创建一个 ObjectMapper 实例，避免了每次使用时重新创建对象所带来的开销。这种方法不仅提高了性能，还简化了代码管理和减少了内存消耗。

2024-11-04 09:52:19

单例模式性能内存

高效优化！如何优雅处理项目中的一万条If-Else语句？

本文总结了10种优化if-else语句的方法。其实根据不同场景，还有更多方法，比如使用多态、责任链模式、模板方法模式等来消除if-else语句。

2024-11-04 09:41:47

if-else 语句优化

聊聊创建多线程的四种方式，你知道几种？

Java中创建多线程的方式主要包括继承Thread类、实现Runnable接口、使用Callable和Future接口以及利用线程池。每种方式都有其适用场景和特点，可以根据具体需求选择合适的方式来实现多线程编程。

2024-11-04 09:39:08

Java 接口 Thread类

如此强大的REST Client API为什么都不用？

JAX-RS（Java API for RESTful Web Services）是一个用于构建和管理 RESTful Web 服务的标准规范。JAX-RS 提供了一系列强大的功能，使得开发者可以轻松地创建、消费和管理 RESTful 服务。

2024-11-04 09:26:42

Java并发编程知识图谱，掌握并发业务所需的技能点

从基础的 Thread和 Runnable接口，到高级的 CompletableFuture和 ForkJoinTask，Java为异步编程提供了强大的支持。此外， volatile关键字、 TransientFaultHandling以及各种并发模式（如生产者-消费者模式和读者-写者模式）等概念，都是构建高效、可靠并发应用的基石。

2024-11-04 09:22:54

Java 并发编程

Go API 多种响应的规范化处理和简化策略

既然一个项目接口的响应格式是确定的，那么在搭建项目的时候就需要我们提前封装一个通用的接口响应组件，让实现业务逻辑的代码能尽量傻瓜式地调用响应组件，由响应组件负责生成响应返回给客户端。

2024-11-04 09:02:51

Go 项目接口

Go 语言高性能 Web 框架 Gin 框架路由和请求参数的使用方式

本文我们介绍 Go 语言高性能 Web 框架 Gin 框架的路由和请求参数的一般使用方式，建议读者朋友们动手运行文章中的示例代码。

2024-11-04 08:16:08

Go 语言 Web 框架

SpringBoot 整合 RabbitMQ 实现流量消峰，实战讲解！

RabbitMQ 是实现 AMQP（高级消息队列协议）的消息中间件的一种，最初起源于金融系统，用于在分布式系统中存储转发消息，在易用性、扩展性、高可用性等方面表现不俗。RabbitMQ 主要是为了实现系统之间的双向解耦而实现的。

2024-11-04 08:02:23

Spring RabbitMQ 中间件

只有中国人才懂的六个前端工具！

NodeJieba 是"结巴"中文分词的 Node.js 版本实现，由CppJieba提供底层分词算法实现，是兼具高性能和易用性两者的 Node.js 中文分词组件。分词可以用于关键词搜索等应用场景。

2024-11-04 08:01:19

Node.js 底层分词

面试官：MutationObserver与IntersectionObserver 傻傻分不清楚？

MutationObserver 主要监听 DOM 的动态变化（添加、删除等）。在 SPA 应用中，动态加载的场景下会非常有用。

2024-11-04 00:00:03

viewport DOM SPA

如何在 2024 年为分布式团队编写一致的代码 | React + Typescript Cheatsheet

通过遵循这些最佳实践，团队可以显著提高代码质量，减少不必要的讨论，并为新成员提供清晰的编码标准。在2024年的分布式开发环境中，这种一致性将成为提高团队效率和项目成功的关键因素。

2024-11-04 00:00:00

代码编码项目

流程控制语句 if 是怎么实现的？

本篇文章我们就分析了 if 语句的实现原理，总的来说不难理解。依旧是在栈桢中执行字节码，只是多了一个指令跳转罢了，至于怎么跳转、跳转到什么地方，全部都体现在字节码中。

2024-11-01 16:05:26

if 语句字节码

Rust赋能前端：给我0.02秒，生成一套Vite/Rsbuild前端项目

很早就开始关注到Rsbuild[2]的功能。在不久之前，他们将版本信息更新到1.0。在观望了几天之后，发现Rsbuild在打包和开发阶段有着和其他打包工具截然不同的性能优势。所以，我们团队，也在逐步将Vite替换为Rsbuild。

2024-11-01 13:31:28

Rust Vite Rsbuild

构建无密码认证：passkey入门与Go实现

本文粗略探讨了无密码认证技术中的一种新兴方案——passkey。随着传统密码认证的安全隐患日益严重，passkey作为FIDO联盟提出的解决方案，利用生物识别和硬件加密以及非对称加密等先进技术，为用户提供了更安全、便捷的身份验证体验。

2024-11-01 12:57:03

无密码认证 Go

前端埋点与监控最佳实践：从基础到全流程实现

埋点主要用于收集用户行为数据。在日常开发中，我们会通过在前端代码中插入代码或脚本的方式来实现埋点功能。埋点的主要作用就是：捕获特定用户行为（如点击、浏览、提交表单、页面跳转等）以及关键业务数据（如下单金额、商品类别等）

2024-11-01 12:39:04

前端监控代码

优化实录！如何将 MySQL 查询时间从 190 秒缩减到 1 秒，轻松应对千万数据

当表的大小过大时，除了关注访问此表的响应时间外，还应考虑表的维护成本（例如 DDL 操作所需的时间和删除历史数据的时间）。

2024-11-01 12:10:57

MySQL 数据 DDL

有时我是真不敢用“解构赋值”和“拓展运算符”啊！

解构赋值我相信大家都不陌生，这是一个方便大家开发的语法，你可以使用解构赋值从数组、对象中解构出对应索引、属性所对应的值，比如下方对于数组进行的解构，可以使用 [] 进行解构。

2024-11-01 11:15:48

解构赋值运算符

上一页 1 ··· 47 48 49 50 51 ··· 581 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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