鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.5w内容

关注

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

文章博文帖子课程

共 2.5w 条

最受欢迎的前端技术揭晓，你用过吗？

StateOfJS 公布了一年一度的 JS 现状调查结果，Vite 成为年度最受欢迎、使用量增长最快、使用留存率最高的前端技术。本文精选并整理了调查报告的部分关键信息，分享给大家！

2024-06-21 08:06:08

Vite 前端技术

深入解析掉单问题及其技术解决方案

掉单问题是一个复杂且多方面的挑战，它涉及到网络、系统、并发、流程等多个层面。为了有效解决这一问题，我们需要从多个角度出发，综合运用各种技术手段来增强系统的稳定性和可靠性。

2024-06-21 08:04:48

掉单层面网络

闲鱼面试：说说JWT工作原理？

你可以把 JWT 想象成一张小巧的、自包含的电子通行证。这张通行证里面包含了用户的身份信息，就像你在某个俱乐部的会员卡，上面有你的名字、会员等级等信息，拿着这张卡，你就能证明你是谁，享受相应的服务。

2024-06-21 08:02:22

JWT 身份验证微服务

面试官：线程池核心线程设置为0时任务执行流程怎么样的

线程池是Java中管理和重用线程的一种方式，也是实现并发编程的一种手段。通过使用线程池可以显著提升多线程应用程序的性能。

2024-06-20 13:59:26

线程池 Java 线程

哪种编程语言最省电？以及，编程质量与耗电多少有关？译文精选

去年，来自葡萄牙三所不同大学的六名研究人员决定调查这个问题，最终发布了一篇题为《编程语言的能效》的论文。他们在运行用27种不同语言编写的10个编程问题的解决方案时，监测了每种语言使用的电量、速度和内存使用情况。

2024-06-20 13:25:16

编程语言内存

C++模板增强，模板编程更上一层楼

C++11标准的模板增强为C++程序员带来了更高的灵活性和表达力。通过掌握这些新特性，我们可以编写更加通用、高效和可重用的代码。

2024-06-20 13:22:13

C++11 C++模板

Vue3 中，如何实时获取用户电脑电量并展示？

当用户连接或断开电源时，chargingchange 事件将被触发。这个事件描述电池的充电状态是否发生变化。

2024-06-20 12:17:17

C#中Attribute的魅力：从基础到高级AOP实战

在C#中，Attribute（特性）是一种用于为程序实体（如类、方法、属性等）添加元数据的机制。它们提供了一种在运行时向程序元素添加信息的灵活方式。

2024-06-20 09:58:19

C#Attribute 元数据机制

快速学习一个算法，Vision Transformer

为了保留图像块的位置信息，ViT 在嵌入向量中加入位置编码，这是 Transformer 架构中的一个关键组成部分。

2024-06-20 08:52:10

算法 ViT 编码

突发奇想！Vue3 实现消息无限滚动的新思路！

怎么让数据不断增加呢，并且增加的规则是什么呢？其实很简单，我们每次滚上去一项，就拷贝这一项push 到列表数据末端，这样就能做到数据永远滚不完。

2024-06-20 08:42:45

Vue3 无限滚动消息

基于JPA如何处理数据表公共字段？

实体需要添加@EntityListeners(AuditingEntityListener.class)，并且需要再对应字段上标识出需要注入的操作人、操作时间等。

2024-06-20 08:26:01

JPA 公共字段

Apereo CAS SSO单点系统的 OAuth2/OpenID Connect集成问题

在现代分布式系统中，单点登录（SSO）已成为必不可少的部分。Apereo CAS 作为开源的企业级单点登录解决方案，以其丰富的功能和高度的可配置性，广泛应用于各大组织中。

2024-06-20 08:20:27

Apereo SSO 系统

.NET使用原生方法实现文件压缩和解压

本文我们主要讲的是如何使用.NET原生方法System.IO.Compression命名空间中的类来对文件和文件夹进行压缩或解压缩（压缩格式.zip文件格式）。

2024-06-20 08:09:24

.NET 压缩解压

Pnpm：包管理的新星，如何颠覆 Npm 和 Yarn

为了更好地理解 pnpm 的优势，我们从包管理工具的历史开始探索，从 npm2 开始的各个阶段。我们将看到 pnpm 如何通过技术创新解决历史遗留问题，并极大地提高性能和效率。接下来，深入了解 pnpm 的核心机制以及它如何改变开发者处理依赖管理的方式。

2024-06-20 08:06:04

Pnpm 包管理工具依赖管理

一行 Python 实现文件批量重命名的七种方法

今天我们要解锁一个超级实用的 Python 小技巧——如何用一行代码实现文件的批量重命名！

2024-06-19 10:53:45

Python 代码批量重命名

提高数值精度：掌握 C++ 中的 setprecision

Setprecision 是 C++ 中一个强大而灵活的工具，能够满足各种对数值精度的需求。

2024-06-19 10:35:32

C++编程语言

为什么高手都要用非阻塞IO？

对于单次IO，从发起到收到响应，其中主要有三段时间：请求数据从客户端到服务端的传输时间、服务端的处理时间、响应数据从服务端到客户端的返回时间。

2024-06-19 10:26:36

非阻塞 IO 客户端

Go必知必会：并发编程的核心channel

Channel是Go语言中实现并发和同步的强大工具。通过本篇文章，介绍了Channel的基本概念、如何创建和使用Channel，以及如何在并发编程中应用Channel。

2024-06-19 10:08:34

Go Channel 工具

赶紧试试 Python 3.12 吧，真的好用

Python 3.12 引入了一些新的特性和改进，提升了开发体验和代码性能。以下是其中一些值得注意的新函数和改进。

2024-06-19 10:01:50

Python 代码函数

千万级流量冲击下，如何保证极致性能

面对千万级流量的冲击，保证系统的极致性能需要综合考虑多个方面。通过合理的架构设计、代码优化、缓存策略、数据库设计以及负载均衡等手段，我们可以构建一个高性能、可扩展的系统，以应对不断增长的流量挑战。

2024-06-19 09:38:05

代码优化流量架构

用Python轻松搞定日常网页数据抓取和自动化操作

今天，我来教大家如何用Python轻松解决这些问题，借助两个强大的工具——BeautifulSoup和Selenium，助你提高工作效率，节省宝贵时间。

2024-06-19 09:21:08

Python Selenium 工具

有点东西啊！一个被小瞧的冷门Hook 补全了 React 19 异步优秀实践的最后一环

useTransition 能够阻止 Suspense 在请求发生时，渲染 fallback 中的 Loading 组件，并且，isPending 也能表示请求正在发生，因此，我把 isPending 传入到子组件中，那么我们就可以在子组件中自定义请求状态。

2024-06-19 08:45:13

React 19 hook Suspense

百度二面，有点小激动！附面试题

MVCC（Multi-Version Concurrency Control）是一种并发控制机制，用于解决数据库并发访问中，数据一致性问题。它通过在读写操作期间保存多个数据版本，以提供并发事务间的隔离性，从而避免了传统的锁机制所带来的资源争用和阻塞问题。

2024-06-19 08:02:33

MVCC 并发控制机制 Undo Log 链

重构Java Spring Boot代码，消除If-Else语句

通过应用这些策略，你可以大大减少在Java Spring Boot项目中使用if-else语句。这不仅使你的代码更可读，也提高了其可维护性和可扩展性。采用这些模式和实践来编写更简洁、更高效的代码吧。

2024-06-18 18:36:03

Java Spring 代码

Python 字符串脱引号的三大法宝（eval，literal_eval,json.loads）详解

在Python中处理字符串时，有时候我们需要将包含引号的字符串转换成Python能够直接执行的代码或数据结构。这时，“脱引号”就成为一个必要的操作。以下是三种常用的“脱引号”方法：eval、ast.literal_eval 和 json.loads。每种方法都有其特定的用途和注意事项。

2024-06-18 10:42:36

Python 字符串

盘点JavaScript中解构赋值，数组解构常用的数组操作

解构赋值：是一种特殊的语法，它使可以将数组或对象“拆包”为到一系列变量中，因为有时候使用变量更加方便。解构操作对那些具有很多参数和默认值等的函数也很奏效。

2024-06-18 10:28:46

JavaScript 数组解构

我已彻底拿捏 React Compiler，原来它是元素级细粒度更新。原理性能优秀实践都在这七千字里

经过验证发现由于 React19 之前的版本内部不包含 compiler-runtime，因此无法正常使用，我猜测可能会在以后提供插件来支持编译老版本的项目。目前我是在 React 19 RC 版本中结合 Compiler。不过好消息是将项目升级到 React 19 难度并不高。许多三方库也已经积极的适配了 React 19。

2024-06-18 09:36:45

React19 Compiler JavaScript

DDD中的Repository模式：提升数据访问的抽象与复用

通过Repository模式，我们可以将领域逻辑与数据访问逻辑清晰地分离开来，从而提高代码的可维护性和可扩展性。在DDD中，这是一种非常重要的设计原则，它有助于我们构建出更加健壮和灵活的软件系统。

2024-06-18 08:57:42

Repository 模式数据

一个数据获取竟被 React Query 玩出这么多花样来！

值得注意的是，“缓存 5 秒钟”并不是说数据获取后，过 5 秒钟就删掉了，而是说查询缓存在不活跃（inactive）或未使用（unused），5 秒钟后数据就被垃圾回收器回收了。

2024-06-18 08:46:06

React 缓存 Query

异步失效的九种场景及C#示例代码

即使异步编程具有诸多优点，但在某些场景下，它可能不会按预期工作，导致异步失效。下面列举了九种常见的异步失效场景，并提供了相应的C#示例代码。

2024-06-18 08:37:25

场景异步编程代码

遭了！JavaScript 代码被投毒了

原型污染是一种很少被关注但潜在风险严重的安全漏洞，它影响基于原型的编程语言，例如 JavaScript。这种漏洞通过篡改对象的原型链，从而影响所有基于该原型的对象。

2024-06-18 08:31:33

JavaScript 原型污染 Evil.js

Activity.runOnUiThread方法理解，你学会了吗？

在Android中，UI线程是负责处理UI相关的事件和更新UI的。如果在非UI线程中直接更新UI，会导致应用程序崩溃或出现其他不可预知的问题。runOnUiThread 提供了一种从非UI线程更新UI的方式，确保UI操作在UI线程中执行。

2024-06-18 08:22:51

Activity UI 线程

Rust 在许多方面都优于 Go，但为什么没有 Go 流行？

总的来说 Rust 和 Go 本质上都不是解决同一类型的语言。Rust 的更加偏向于系统编程，而 Go 可以拿来做应用开发，更多的是做云原生开发。

2024-06-18 07:46:13

探索Word文档导入导出的前端实现方案

本质上就是我们将 html内容转化为blob，并设置类型为application/msword, 最后通过revokeObjectURL api来实现docx文档下载。

2024-06-17 12:25:49

前端方案类型

我们一起聊聊如何设计一个秒杀系统？

针对这类场景问题，最常用的是采用“异构索引表”的方式解决，即采用异步机制将原表的每一次创建或更新，都换另一个维度保存一份完整的数据表或索引表，拿空间换时间。

2024-06-17 11:59:39

秒杀系统维度

TypeScript 高级用法全解，你知道多少？

TypeScript 还提供了一些高级类型系统，使得我们可以更好地处理复杂的数据结构和业务逻辑。本文将深入探讨 TypeScript 的高级类型系统，以更好地理解和使用这些高级类型，提高代码的可读性、可维护性和健壮性。

2024-06-17 11:02:47

TypeScript 高级用法前端

Refit | 适用于 .NET Core、Xamarin 和 .NET 的自动类型安全 REST 库

Refit 是一个用于简化 HTTP 请求的库，它可以轻松地将接口定义转换为可以进行网络请求的具体实现。

2024-06-17 10:38:47

Refit HTTP 请求 C#

Python 编程小品：20 个让人眼前一亮的逻辑妙用

通过以下15个小技巧，你不仅能提升编程技能，还能让你的代码更加优雅、高效。让我们一探究竟吧！

2024-06-17 10:24:21

编程代码 Python

大文件上传原理及C#实现方案

大文件上传是一个常见的需求，但通过分块上传的方式，我们可以有效地解决这个问题。在C#中，我们可以利用HttpClient和ASP.NET Core Web API来实现客户端和服务器端的分块上传功能。

2024-06-17 09:02:01

大文件上传 C#

百度真题和答案解析！

Synchronized 作用在静态方法是类级别的，而作用在普通方法是对象实例级别，因此作用在静态方法时，锁范围更大、性能也更低。

2024-06-17 09:02:00

锁升级 JVM volatile

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

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

2024-06-17 09:01:14

Figma 协同编辑一致性算法

Gopher的Rust第一课：建立Rust开发环境

ust.vim是Rust团队官方维护的vim插件，用于提供Rust文件检测、语法高亮显示、代码格式化等，它需要Vim 8或更高版本才能实现完整功能。

2024-06-17 09:00:08

Gopher Rust 开发

苦等三年，React Compiler 终于能用了。使用体验：很爽，但仍有瑕疵

要了解 React Compiler，这还需要从 React 的更新机制说起。React 项目中的任何一个组件发生 state 状态的变更，React 更新机制都会从最顶层的根节点开始往下递归对比，通过双缓存机制判断出哪些节点发生了变化，然后更新节点。

2024-06-17 08:55:52

React Compiler 双缓存机制

超火超实用的 10 个前端工具库，可能就是你一直在寻找的！

LogicFlow 是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和简单灵活的节点自定义、插件等拓展机制，方便我们快速在业务系统内满足类流程图的需求。

2024-06-17 08:43:53

前端工具库流程图

讲完Go并发控制，讲讲并发抑制

在高并发的状态下，一般会给热点数据设置缓存。但数据第一次访问或者缓存失效的状态下，如果直接去查询数据库，会给数据库造成极大压力，甚至直接打爆数据库。

2024-06-17 08:40:16

Go 并发数据

ViewPager如何通过预加载机制提高滑动性能，以及如何屏蔽预加载策略的方法

调用instantiateItem来创建object，在FragmentPagerAdapter的instantiateItem这个方法中，创建的是Fragment，即缓存的就是Fragment，Fragment在创建时，会有UI操作，网络操作，在还未可见的时候初始化Fragment非常消耗性能，所以应该懒加载的方式来加载，不去缓存Fragment。

2024-06-17 08:26:23

性能 ViewPager 页面

盘点历届 Java 语言的关键字，一定有你不认识的

goto 保留关键字，但无任何作用。结构化程序设计完全不需要 goto 语句即可完成各种流程，而 goto 语句的使用往往会使程序的可读性降低，所以 Java 不允许 goto 跳转。

2024-06-17 08:16:22

java 语句关键字

停止使用花哨技巧编写“优雅”代码！

在编程中，技巧和智慧是不可或缺的，但仅仅依赖技巧并不能保证代码质量。通过理解和运用合适的设计模式、提高代码可读性以及避免不必要的复杂性，我们可以编写出既高效又易于维护的代码。这不仅是对技术能力的证明，也是对团队合作和项目成功的承诺。

2024-06-17 08:04:23

编程语言设计模式代码

Node.js 结合 AI 轻松总结音视频内容

AssemblyAI 是一家专注于语音 AI 模型的公司，用于识别、理解和处理人类语音服务。2023 年第还融到了 5000 万美元，将重点打造超人语音 AI 模型。

2024-06-17 08:03:51

语音 AI 模型

15个超好看的登录页面（附源码）

个别源码中 HTML 是使用 Pug 预处理器写的，可以使用在线工具 https://www.cssportal.com/ 将其转化为 HTML。除此之外，也可以使用这个网站对 CSS 和 CSS 预处理器进行相互转化。

2024-06-17 01:19:40

CSS Pug 处理器

上一页 1 ··· 6 7 8 9 10 ··· 511 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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