鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

CSS锚点定位终于来了！

最近 Chrome 125终于迎来了CSS 锚点定位的正式支持。这是一个和 CSS 滚动驱动动画一样，足以颠覆整个 Web 开发领域的新特性。有了这个特性，很多以前强依赖 JS 的方式，都可以纯 CSS解决，并且实现起来更加简单、更加灵活，一起看看吧

2024-07-17 10:16:21

CSS 前端 Chrome

浅析Vite插件机制，你学会了吗？

对于Vite来说，它是基于esbuild与rollup双引擎设计的，在开发阶段使用esbuild进行依赖预构建，然后基于浏览器原生支持的ESM完成开发预览，而在生产环境打包时，直接使用的rollup构建。那么在这种背景下，Vite的插件机制应该如何设计？

2024-07-17 09:23:58

Vite 插件机制

两位巨佬吃了一顿晚饭，整个互联网彻底被改变了！

多字节编码的每个字节的最高位永远是 1，而 ASCII 字符编码的最高位是 0，所以从根本上杜绝了编码冲突。

2024-07-17 09:16:58

互联网编码多字节

基于Netty的自研流系统缓存实现挑战：内存碎片与OOM困境

Netty 的 PooledByteBufAllocator 不是银弹，使用的时候需要考虑内存碎片带来的实际内存占用的空间放大，规划预留出合理的 JVM 内存大小。

2024-07-17 08:49:57

Netty OOM 内存

如何利用负载均衡器实现终极自由

为了在 Web 应用程序和 API 传递中实现自由，您应该寻求创建、组装、许可（通过开源）和/或购买满足我们在此概述的要求的负载均衡平台。开源贡献、客户信任、行业认可和环境无关性是实现基础设施自由的关键要素。在 HAProxy，这些对我们来说一直非常重要。

2024-07-17 08:36:53

Web API 应用程序

SpringBoot + Sharding Sphere：轻松搞定数据加解密，支持字段级！

当需要对某些数据表字段进行脱敏处理的时候，可以采用 Apache ShardingSphere 框架快速实现。但是有个细节很容易遗漏，那就是字段类型，例如salary字段，根据常规，很容易想到使用数字类型，但是却不是，要知道加密之后的数据都是一串乱码，数字类型肯定是无法存储字符串的，因此在定义的时候，这个要留心一下。

2024-07-17 08:29:20

Spring Sphere 加解密

新的 HTML dialog 标签：绝对改变游戏规则

有了新的 HTML <dialog> 标记，在我们的网络应用程序中创建模式和对话框变得前所未有的简单和快捷。

2024-07-17 08:27:29

HTML 网络应用程序 <dialog>

我用这11招，让接口性能提升了100倍

在skywalking中可以通过traceId（全局唯一的id），串联一个接口请求的完整链路。可以看到整个接口的耗时，调用的远程服务的耗时，访问数据库或者redis的耗时等等，功能非常强大。

2024-07-17 08:25:44

接口性能串联

Python两个Excel多Sheet数据对比

在数据处理与分析中，经常需要比较来自不同来源的数据集，特别是在处理涉及多个Excel工作簿和工作表的场景时。

2024-07-16 16:20:19

Python 数据集

一图看懂八大扩展系统的方法

有效地扩展系统对于确保它在高负载下继续表现良好至关重要。一起来了解一下8个必须了解的扩展系统策略都有哪些。

2024-07-16 14:52:31

扩展系统负载均衡器

注意力机制中三种掩码技术详解和Pytorch实现

注意力机制是许多最先进神经网络架构的基本组成部分，比如Transformer模型。注意力机制中的一个关键方面是掩码，它有助于控制信息流，并确保模型适当地处理序列。

2024-07-16 14:15:09

Pytorch 注意力机制

协方差矩阵适应进化算法实现高效特征选择

如果算法达到真实解决方案，分布的平均值将趋于该解决方案。协方差矩阵将导致分布的形状发生变化（圆形或椭圆形），这取决于目标函数的地理位置，会向有利的区域扩展，而回避不利的区域。

2024-07-16 12:54:40

算法方案参数

微前端代码隔离方案，手把手实现一个 JS 沙箱隔离！

js沙箱大量应用在微前端框架执行子应用代码的场景中。我们这里采用最简单的方式来模拟一下这个场景。

2024-07-16 11:26:35

微前端代码 JS

不掉头发“逆向”旋转验证码

由于百度旋转验证码图片已经升级，图片全部使用AI生成，更不易识别，当前的模型识别成功率有点低，不过可以通过增加重试来规避这个问题，如果你对深度学习比较熟悉的话也可以使用它的模型重新训练最新的验证码图片。

2024-07-16 10:38:55

旋转验证码数据

别做平庸Coder！掌握这十个架构绝技，让你成为团队MVP

本文描述了软件的10个质量属性，但这并不意味着每个质量属性都会出现在架构设计中；你可以选择对你的产品最重要的质量属性，然后实现它们。

2024-07-16 10:13:01

软件质量属性架构设计

React 新 Hook：UseFormStatus 使用详解

useFormStatus 是结合 Action 异步请求时使用的 Hook，它们是对 HTML 表单能力的增强。因此我们可以借助他们与 HTML 表单元素自身支持的特性实现更复杂的表单交互逻辑。

2024-07-16 09:51:39

HTML Hook React

线程池遇到父子任务，有大坑，要注意！

在实际业务场景下，涉及到业务代码和不同的微服务，导致问题有点难以定位，但是最终分析出原因之后，发现可以用一个很简单的例子来演示。所以歪师傅这次先用 Demo 说问题，再说场景，方便吸收。

2024-07-16 08:36:33

线程池父子任务微服务

B+树层面查询数据的全过程详解

B+树通过其高效的数据结构和查询算法，在数据库索引中发挥着重要作用。理解B+树的查询过程对于优化数据库性能至关重要。通过本文的详细阐述和例子说明，希望能帮助读者更好地理解B+树的工作原理。

2024-07-16 08:31:41

B+树数据结构算法

负载均衡技术全解析：Pulsar 分布式系统的优秀实践

对于无状态的服务来说，理论上我们只需要做好负载算法即可（轮训、一致性哈希、低负载优先等）就可以很好的平衡各个节点之间的负载。而对于有状态的服务来说，负载均衡就是将负载较高节点中的数据转移到负载低的节点中。

2024-07-16 08:09:32

载均衡技术 Pulsar 分布式系统

Python excel、word报表生成神器

在这个快节奏的时代，数据驱动决策的重要性不言而喻。但面对堆积如山的数据，手动制作报表不仅耗时耗力，还容易出错。幸好，Python作为数据科学界的瑞士军刀，能帮我们轻松搞定这一切！

2024-07-15 15:05:20

Python 数据驱动

13个 JavaScript 面试难题及代码实现

今天我将带你深入了解 14 个常见的 JavaScript 高级面试问题。这些问题涵盖了 JavaScript 的面向对象、事件循环机制、Promise 等高级概念，以及函数柯里化和深度复制等实用技术。

2024-07-15 14:49:38

JavaScript 开发

大厂内幕：SpringBoot项目为何弃用Tomcat，转投Undertow怀抱？

在软件开发的浪潮中，技术的更迭总是让人目不暇接。在SpringBoot框架中，我们使用最多的是Tomcat，这是SpringBoot默认的容器技术，而且是内嵌式的Tomcat。

2024-07-15 10:45:51

Spring 项目 Tomcat

OpenResty实战系列 | 执行流程与阶段详解

Nginx处理请求的过程一共划分为11个阶段，按照执行顺序依次是post-read、server-rewrite、find-config、rewrite、post-rewrite、 preaccess、access、post-access、try-files、content、log。

2024-07-15 09:58:03

OpenResty Nginx 日志

VueConf 2024 落幕，7大模块讲解 Vue 未来生态变化！

在 Vue Conf 之后，Vue Vine 应该是被彻底带火了。目前，很多的博主也都已经发文讨论了关于 Vue Vine 的内容。

2024-07-15 09:27:17

模块 Vue 测试

饿了么面试官：实现一下 Element-UI 官网的主题切换动画！

通过调用 API，让浏览器为新旧两种不同视图分别捕获并建立了快照 (即 ::view-transition-old(root)旧快照和 ::view-transition-new(root) 新快照)，而后新旧两快照在 ::view-transition-image-pair(root) 容器中完成转场动画的过渡。

2024-07-15 09:08:51

主题切换动画

想看源码但是无从下口怎么办？

带着你想要了解的问题去debug调试源码，和问题不相关的源码全部忽略掉。此时的源码就不再是一棵树，而是一条线，我们只需要将这条线的源码搞清楚就行了。当我们搞清楚足够多问题时，这些线将会汇聚成一棵树。

2024-07-15 09:08:51

源码 debug 根节点

Vue.js开发效率提升700%！2024年最火爆的10个UI库大揭秘

本文探讨了十个可以帮助您提高开发效率的Vue.js库。然而,重要的是要理解,并非所有这些库都适合您。要选择最佳库,请始终通过使用每个库构建概念验证(POC)来评估项目需求和团队的学习曲线。

2024-07-15 08:31:32

Vue.js库 JavaScript UI库

线程池是什么？线程池与连接池有什么区别？线程池工作原理是什么？

线程池的工作机制可以看作是一种生产者-消费者模型的应用。在这个模型中，任务（生产者）被提交到线程池，然后线程池中的线程（消费者）从任务队列中取出任务并执行。

2024-07-15 08:20:24

线程池 Java 连接池

Vue3项目中实现主题切换真的很简单！！！

换肤能够实现的终极密码是——CSS变量，可以为每个主题设定一组CSS变量，包含这个主题的所有颜色、字体等信息，当需要切换主题时，只需要更改使用的CSS变量组即可。

2024-07-15 08:02:37

CSS 变量切换主题

带你了解垃圾收集算法实现细节原创精选

很多人都知道垃圾收集会扫描 GC Roots，但是却不清楚这么多的根对象，如何提升性能？提升性能的设计又会带来什么新的问题？了解这些，对于JVM调优是很有帮助的。只有了解机制，才能更好地优化性能。

2024-07-15 08:00:00

垃圾收集算法 GC Roots HotSpot

POST请求为何会发送两次？技术深度解析

POST请求发送两次的问题可能由前端代码、浏览器行为、服务器配置或代码问题以及网络问题等多种原因引起。解决这一问题需要仔细分析并定位问题的根源，然后采取相应的解决措施。

2024-07-15 00:00:00

POST 浏览器网络

11个必备技巧，让 VS Code 运行更快，提高编程速度（0 到 100）

VS Code有许多隐藏的宝藏功能,可以提升您的生产力和使用体验 — 但大多数人并没有使用它们。使用这11个实用技巧来逐步增强VS Code的功能,让您编码更快:包括强大的扩展、鲜为人知的快捷键、美观的字体和配色方案等等。

2024-07-15 00:00:00

VS Code GitLens 前端

React 中如何展示 XHR 和 Fetch 的请求响应进度？

其实这个问题最近几年很多人都反馈说面试中被问到，并且面试官会问你 Xhr 和 Fetch 这两种请求方式，他们各自的响应进度应该怎么获取?

2024-07-14 22:18:33

React Fetch 请求

统计学入门：时间序列分析基础知识详解

时间序列分析中包含了许多复杂的数学公式，它们往往难以留存于记忆之中。为了更好地掌握这些内容，本文将整理并总结时间序列分析中的一些核心概念，如自协方差、自相关和平稳性等，并通过Python实现和图形化展示这些概念，使其更加直观易懂。希望通过这篇文章帮助大家更清楚地理解时间序列分析的基础框架和关键点。

2024-07-12 16:01:37

Python 时间序列

C++20那些事之宇宙飞船运算符

如果比较在被比较的项目之间产生强排序，则等价和相等是相同的。之所以有两个词来表示它，是因为这对于其他类型的排序是不一样的。弱和部分根本没有相等性；它们只提供等价性。

2024-07-12 15:46:58

C++飞船运算符

聊聊2024年Rust加密生态系统

由于Rust的高级特性与底层控制，没有垃圾收集器，可移植性和易于嵌入，Rust是我们取代当今最常用的加密库的最佳选择。OpenSSL, BoringSSL和libsodium，它们都是用C编写的。

2024-07-12 15:19:36

Rust 加密生态系统

Python 中的 @wraps 到底是个啥东西？

更具体地说，@wraps(something) 用 something 的元数据覆盖了函数的元数据。这样，我们原来函数的元数据就不会丢失了。

2024-07-12 15:08:23

Python @wraps 函数

使用 Docker 搭建 Node.JS 开发环境是一种什么体验？

做一件事情，最怕的就是关键地方掉链子，功亏一篑，最欣喜的也是解决掉问题的那一刻，虽然我知道解决完一个问题还会有下一个棘手的问题等着我，但是不碍事，做程序就是这样，山重水复疑无路，柳暗花明又一村，人生亦如此！

2024-07-12 14:54:48

Docker NodeJS 开发环境

通用详情页的打造，你学会了吗？

作为用户核心消费场景，详情页不仅需要承接各种业务的转化，还要负责展示各业务在播放页的功能。可以说，播放页的代码复杂度属于客户端最高的代码之一，这不仅因为播放页本身的功能复杂，还因为它需要融合大量外部业务功能。

2024-07-12 14:52:20

通用详情页业务

SpringBoot强大的分布式锁组件Lock4j，支持多种实现

lock4j是一个分布式锁组件，其提供了多种不同的支持以满足不同性能和环境的需求。底层通过Spring AOP技术实现，而该切面的优先级是最高的，也就是说当你的环境中有多个切面时（如：声明式事务），也不会导致失效问题。

2024-07-12 11:53:55

Spring 分布式锁组件

React 支持 Form Action 是在作妖？不，它是一种重磅回归

React form Action 是一个很小的知识点，但是它代表的是表单开发的另一种思路，是一种开发方式的隆重回归。因此这要求我们对 HTML 本身已经支持的表单能力要有所了解。我们在后续的开发使用中，会逐渐弱化受控组件的使用，这会带来开发体验和性能上的提升。

2024-07-12 11:23:59

React HTTP HTML

前端怎么这么多新轮子啊？？？

在实际开发过程中，我们必须注重效率，避免不必要的努力。当有成熟且优质的工具可供使用时，直接采用这些经过时间检验、设计周全的工具是明智之举，无需浪费时间在重复性工作上。

2024-07-12 09:35:38

前端工具检验

使用Declare(strict_Types=1)来获得更健壮的PHP代码

对于我的任何Laravel阅读器，您还可以在运行Artisan命令（如php artisan make:controller）时发布用于创建PHP文件的存根。通过发布存根，您可以编辑它们并将declare(strict_types=1)添加到顶部。这意味着您使用Artisan命令创建的文件将在已启用更严格类型安全的情况下创建。

2024-07-12 09:16:36

PHP 代码阅读器

八款华丽的 HTML5 图表应用，你学会几款？

XCalc是一款基于HTML5的数学函数图形绘制插件，这款函数图形绘制插件不仅可以绘制简单的加减乘除运算的函数图形，也可以绘制乘方运算和正弦余弦运算的函数图形。XCalc的配置也非常简单，在HTML5图表中应用十分广泛。

2024-07-12 09:07:29

HTML5 图表应用

Vue3中使用@作为引用根目录报错，该如何解决？

如果问题依然存在，检查是否有其他配置文件（如 Babel 配置）可能影响路径解析，或确保所有使用的构建工具和依赖包都是最新版本。

2024-07-12 08:56:40

vue3 根目录报错

我们一起聊聊设计实时聊天系统的架构

设计一个实时聊天系统的架构需要综合考虑多个方面，包括需求分析、技术选型、系统架构设计以及关键技术与优化等。通过合理的架构设计和优化措施，我们可以构建一个高效、稳定且可扩展的实时聊天系统，为用户提供优质的聊天体验。

2024-07-12 08:28:09

聊天系统架构

C# 使用 SendMessage 进行进程间通讯的技术详解

使用SendMessage进行进程间通讯是一种在Windows平台上实现高效数据交换的方法。通过精心设计和实现消息机制，开发者可以在不同进程间安全、可靠地传递数据或指令。

2024-07-12 08:22:05

C#SendMessag 技术

ASP.NET Core中创建中间件的几种方式

在ASP.NET Core中添加和创建中间件的方式有很多种，本文列举了四种常见的方式，具体取决于你的需求和偏好。每种方式都有其适用的场景，选择合适的方法可以使你的代码更加简洁和易于维护。

2024-07-12 08:19:53

ASP .NET 方式

突破与创新：Vue.js 创始人尤雨溪 2024 年度技术前瞻

本文将深入探讨以下主题的尤雨溪见解：Vite 5对Vue的影响、宏、vapor模式、常见误解、新特性或功能、未来版本对Option API的支持、VitePress等。

2024-07-12 08:03:18

Vite Vue Vue.js

解锁搜索的力量：关键词、相似性和语义解释译文

本文概述了关键字搜索、相似性搜索和语义搜索技术，深入探讨了每种技术的工作原理，并提供了如何有效使用它们的指导。

2024-07-12 08:00:00

搜索技术人工智能

上一页 1 ··· 43 44 45 46 47 ··· 554 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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