鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

JavaScript如何实现判断只能输入数字

实际上正则表达式还支持更多高级特性，如预查（lookahead/lookbehind）、反向引用、Unicode属性转义等，能够满足各种复杂的文本处理需求。

2024-06-14 08:54:54

javaScript 反向引用文本处理

请一定掌握SpringBoot这四个高级开发技巧

通过监听ServletRequestHandledEvent事件，可以有效的获取客户端地址，请求的URL等完整的信息，其中ProcessingTimeMillis属性反应的就是这个请求耗时情况。

2024-06-14 08:11:33

Spring 技巧开发

有点东西，Template可以直接使用Setup语法糖中的变量原来是因为这个

遍历前面收集的ctx.userImports和setupBindings对象，生成return对象中的内容。在这一步的时候会将没有在template中使用的import导入给过滤掉，这也就解释了为什么从vue中导入的ref函数不包含在return对象中。

2024-06-14 08:08:02

Template 对象 vue

为什么要推荐使用现代化PHP框架？

纯C扩展的PHP MVC框架由于研发难度大，不易修改，学习成本相对较高，故直到近几年才出现，比如Yaf、Phalcon等。

2024-06-14 08:00:46

React Suspense 进阶用法，结合 useTransition 使用

useTransition 是 React 专门为并发模式提供的一个基础 hook，它能够帮助我们在不阻塞 UI 渲染的情况下更新状态。意思就是说，我们可以借助 useTransition 将任务的优先级调得比 I/O 的响应低一些。

2024-06-14 07:47:37

React hook UI 渲染

对比Word和Markdown，为什么LaTeX更受专业人士欢迎

在\begin{figure}块中，[h]参数的作用是指示 LaTeX 尽可能在当前位置放置图表。尽管 LaTeX 会根据页面布局的需要调整图表的最终位置，但它通常能够合理地安排图表，以确保文档的整体美观。

2024-06-13 19:31:20

Word Markdown LaTeX

记一次 .NET某工厂报警监控设置崩溃分析

前些天有位朋友在微信上丢了一个崩溃的dump给我，让我帮忙看下为什么出现了崩溃，在 Windows 的事件查看器上显示的是经典的访问违例，即 c0000005 错误码，不管怎么说有dump就可以上windbg开干了。

2024-06-13 17:09:55

.NET 微信 Windows

React 实现给密码输入框加上【密码强度】展示？

密码设置的好不好，关乎到你的账号安全性，越复杂的密码越安全，那么密码强度怎么计算呢？且应该如何实现以下这样的密码强度动画展示效果呢？

2024-06-13 15:43:04

花了3天，我总算找到【拖拽功能】的终极解决方案了

如果你想要快速的在 Vue 生态下实现一个效果不错的拖拽功能，那么可以考虑 Vue Fluid DnD。

2024-06-13 12:44:49

拖拽功能 Vue DnD

十大 Python 自动化工具与脚本示例

本文介绍十大Python自动化工具与脚本示例，这些工具和脚本能够大大提高工作效率，减少手动操作。

2024-06-13 12:11:13

Python 自动化工具脚本

了解并解决 Flutter 中的灰屏问题

错误处理是任何编写良好的 Flutter 应用程序的重要组成部分。当您努力编写干净的代码并预测潜在问题时，异常情况必然会发生。

2024-06-13 11:43:39

Flutter 应用程序代码

为什么很多人用Java好几年，还是不太理解泛型？

正是类型擦除的机制帮助 Java 实现了泛型编程，让我们作为开发者能够更好的了解和控制我们正在使用类型的是什么，而不是 Object 满天飞。

2024-06-13 10:37:30

Java 泛型编程

让路径动画更好用！CSS offset-path现在也支持基本形状了

随着 CSS的不断发展，最近在Chrome 116中，offset-path也支持基本形状了，也就是常见的inset、circle、polygon等等，有了这些形状的支持，路径动画写起来更加方便了，一起了解一下吧。

2024-06-13 10:17:57

CSS Chrome 前端

开发人员都应了解的八大标准

今天我们一起来了解一下每个开发人员都应了解的 8 大标准都有哪些吧。

2024-06-13 10:08:51

开发 HTTP SQL

五个提升开发效率的必备自定义 React Hook，你值得拥有

自定义React Hook是非常强大的工具，可以显著提升我们的开发体验。在这篇文章中，我们探索了五个自定义Hook：useLocalStorage、useMediaQuery、useDebounce、useFetch和useToggle。

2024-06-13 09:50:45

React Hook 工具

项目升级到 React19 难度如何？生态初探：利用 React-markdown 实现代码高亮

在我尝试了几个三方库之后，总体感受就是基本上都能正常在 React19 项目中使用，即使这些三方库还没有升级到 React19。当然我也把我某一个 React18 的项目升级到 React19，小幅度更改之后，也成功升级了。

2024-06-13 09:46:50

React19 版本更新 Vue

大厂面试必备：如何轻松实现分布式Session管理？

分布式Session的实现方案有很多种，本文主要介绍了基于JWT的Token、基于Tomcat的Redis以及基于Spring的Redis三种方案。每种方案都有其优缺点，选择哪种方案需要根据具体的业务场景和需求来决定。

2024-06-13 09:34:35

JWT Token Spring

Java线程池中线程异常后：是销毁还是复用

当执行方式是submit时,堆栈异常没有输出。但是调用Future.get()方法时，可以捕获到异常，不会把这个线程移除掉，也不会创建新的线程放入到线程池中。

2024-06-13 09:30:33

Java 线程池线程

用 Arthas 定位 Spring Boot 接口的超时问题，让应用起飞！

最近在优化接口的响应时间，优化了代码之后，但是时间还是达不到要求；有一个诡异的100ms左右的耗时问题，在接口中打印了请求处理时间后，和调用方的响应时间还有差了100ms左右。比如程序里记录150ms，但是调用方等待时间却为250ms左右。

2024-06-13 09:17:41

Arthas Spring 接口

Go必知必会：数组和切片详解

数组是存放元素的容器，Go 语言中数组的长度是数组类型的一部分，定义数组时必须指定存放元素的类型和容量（长度）。

2024-06-13 09:10:22

Go 语言数组

理解 TypeScript 中的 “using” 关键词

今天解释 using 关键词在 TypeScript 中的工作原理，以及一个适用于 using 关键词的常见使用场景。

2024-06-13 09:05:12

using TypeScript C#

2024年，一大波 Web 新功能来袭！

滚动驱动动画是一种 CSS 动画，它将动画的进度与滚动事件相关联，使得动画效果可以根据用户滚动页面的行为来触发和控制。这种动画类型利用了CSS中的animation-timeline属性，它可以创建与滚动进度或视图变化相关的自定义时间线。

2024-06-13 09:02:30

如何找到“BB”之人？（Break Build)

我们可以通过编写 Jenkins Pipeline 脚本，在构建失败时遍历当前构建及其之前的构建记录，收集每个构建中的提交者信息，并将这些信息通过邮件发送给相关人员。这不仅能迅速通知提交者修复问题，还能确保代码的稳定性和质量。

2024-06-13 08:51:14

自动化部署邮件

通过Spring Boot 实现考试系统数据的安全传输与存储

在考试系统中，用户的考试数据包含了许多敏感信息，如个人身份数据、考试成绩等。确保这些数据在传输和存储过程中的安全尤为重要。如果考试数据在传输或存储过程中未加以保护，容易遭受中间人攻击、数据泄露等风险。

2024-06-13 08:41:41

Spring 系统数据存储

Spring Cloud Gateway中优化Netty线程池，提升系统性能

Netty 是一个流行的异步事件框架，Gateway 利用它来处理进出的请求和响应。然而，默认的 Netty 线程池配置并不适合高并发场景，导致线程池过度竞争，影响了性能。

2024-06-13 08:24:43

Spring Gateway 线程池

SpringBoot中Controller接口参数还可以这样玩？

指定在发生重定向时使用的属性（即要附加到查询字符串中的属性）以及要在重定向请求期间临时存储的属性。

2024-06-13 08:19:08

Controller 接口参数

分布式事务的应用场景及解决方案

分布式事务是分布式系统中保证数据一致性和完整性的关键技术之一。在设计和实现分布式事务时，需要根据具体的业务场景和需求来选择合适的解决方案。

2024-06-13 08:04:23

分布式事务应用场景

面试官：谈谈对SpringAI的理解？

Spring AI 是 Spring 官方社区项目，旨在简化 Java AI 应用程序开发，让 Java 开发者像使用 Spring 开发普通应用一样开发 AI 应用。

2024-06-13 08:01:19

Spring AI Java AI AI 应用

React 19 全览，新特性进行一次深度的体验学习

这篇文章，我会通过丰富的示例，演示 React 19 的新特性，以及相较于老版本的差异。同时会附上自己对部分新特性的评价，如有不对，烦请指正。

2024-06-13 07:23:40

React 19 React Hook

浅析Spring中Async注解底层异步线程池原理

• Spring创建SimpleAsyncTaskExecutor实例来处理Async注解的异步任务，SimpleAsyncTaskExecutor不是一个好的线程池实现类，SimpleAsyncTaskExecutor根据需要在当前线程或者新线程中执行异步任务。

2024-06-13 00:54:19

Async Spring 线程池

VS Code 常用快捷键大全

Visual Studio Code 是目前最好用的代码编辑器之一。它提供了许多开箱即用的功能以及丰富的第三方扩展，本文将分享常用的 VS Code 快捷键，助你提高开发效率！

2024-06-13 00:00:00

Code 代码编辑器

前端实现人类动作捕捉，怎么办？几十行代码轻松搞定！

HandtrackJS 是一个基于 JavaScript 的开源库，用于实时手部检测和手势识别。它利用了机器学习模型来检测手的位置和姿势，使得开发者可以在网页和其他 JavaScript 环境中轻松地实现手势控制和交互功能。

2024-06-12 15:59:59

前端 JavaScrip 识别

Python 常量使用的五个优秀实践

如果你想要写出既可靠又易于维护的Python代码，那么掌握常量的最佳使用方式至关重要。让我们一起，从零开始，探索如何优雅地使用常量。

2024-06-12 13:57:00

Python 常量代码

事务中存在多线程，怎么处理？

Spring 管理的事务上下文是基于调用线程的，新线程并没有继承原线程的 TransactionSynchronizationManager 中的事务上下文。因此，新线程执行的数据库操作实际上是在无事务管理的环境下进行的，这就导致事务失效。

2024-06-12 12:50:06

事务 Spring 多线程

Python 中 12 个变量赋值技巧揭秘

Python的灵活性不仅仅体现在它的语法上，更在于它处理变量的方式上。以下12个小技巧将帮助你提升代码的优雅度和效率。

2024-06-12 12:03:15

Python 变量代码

改造BeanUtils，优雅实现List数据拷贝

由于只是 BeanUtils 的一个封装，跟原来的代码性能几乎差不多，如果要说差一点也没错，毕竟多了一层函数堆栈的调用，但是基本可以忽略不计。主要的性能还是由 BeanUtils 决定。

2024-06-12 10:13:58

BeanUtils 深拷贝代码

我们一起聊聊JavaScript判断数据为对象

在ES6及以后的版本中，除了上述方法外，还可以利用Object.prototype.toString.call()方法来更精确地判断一个值是否为普通对象。

2024-06-12 09:52:00

javaScript 数据对象

操作系统大神制造的木马，到底有多可怕？

Ken选择了C编译器做手脚，但实际上他还可以选择汇编器，load程序，甚至硬件级别的微代码，随着程序级别越来越低，这些错误越来难以被检测到。

2024-06-12 09:44:09

操作系统 C编译器代码

PHP二进制 Swoole-Cli 了解一下

作为 PHP 开发者都应该知道 PHP 有两种运行模式：php-fpm和php-cli。那么在 Swoole 5.0 中将迎来一种新的运行模式：swoole-cli。Swoole将像node.js这样作为独立程序提供给用户，而不是作为PHP的一个扩展。

2024-06-12 09:19:23

PHP 开发者模式

C#托管堆遭破坏问题溯源分析

从代码逻辑看，只要 Alloc(str) 的线程栈上触发了 GC 就是第一现场，Task 下的 GC.Collect(); 是第二现场，如果是前者目的就达到了。

2024-06-12 09:16:23

Go 面试中的隐藏陷阱：SliceHeader 问题解析

今天这篇文章讨论了一个很常见的 Go 面试问题，内容涉及切片作为函数参数的传递和修改。重点在于切片作为参数是按值传递的，因此函数内部的修改不会影响外部变量。

2024-06-12 08:54:49

Go 切片参数

基于 Spring Boot 与 WebSocket 实现实时车位管理与状态更新

基于Spring Boot与WebSocket的组合技术，可以有效解决车位管理中实时更新和状态推送的需求。该方案利用WebSocket的双向通信功能，实现快速、实时的车位状态更新，提高了系统的响应速度和数据实时性

2024-06-12 08:46:19

车位管理 Spring 技术

警惕！SpringBoot错误发布事件，造成死锁Deadlock

升级Spring版本到Spring6.2（目前并没有正式发布），你仍然可以使用6.2.0-SNAPSHOT版本，该版本通过多线程方式初始化Bean对象，这样就不会出现deadlock问题。

2024-06-12 08:21:07

Deadlock 死锁版本

网易面试：SpringBoot如何开启虚拟线程？

虚拟线程是一种在 Java 虚拟机（JVM）层面实现的逻辑线程，不直接和操作系统的物理线程一一对应，因此它可以减少上下文切换所带来的性能开销。

2024-06-12 08:10:04

虚拟线程 JVM Java 虚拟机

Next.js 15 来了，全新的编译器、700倍的构建速度提升

Next.js 15 带来了诸多令人兴奋的新功能和性能提升，让开发者可以更高效地构建高性能的全栈Web应用。如果你还没有体验过这些新特性，现在就开始吧！

2024-06-12 08:08:08

Next.js 15 Web应用编译器

前端JS发起的请求能暂停吗？

有些人可能误以为网络请求和响应根本无法暂停。我在文章开头特别提到了数据传输相关的内容，并加了一句“理论上，应用层协议可以通过标记数据包序列号来实现暂停机制”。

2024-06-12 08:02:36

网络请求 JS 前端

提高能效，用Rust写代码

我们可以真正看到Rust在资源消耗方面的好处。PHP应用程序需要13%的CPU来处理请求，而Rust容器只需要1%。同样，在内存使用方面，Rust的性能也是PHP的九倍。

2024-06-12 08:00:07

C# 实现动态访问 WebService，兼容 .NET Framework 和 .NET Core

通过结合HttpClient和XML解析技术，我们可以在.NET Core中动态访问WebService。这种方法不仅兼容.NET Core，而且也可以在.NET Framework中使用，从而实现了跨平台的兼容性。

2024-06-12 07:48:24

C#WebService .NET

一个巧妙设计，解锁 React19 初始化接口优秀实践，彻底摒弃 useEffect

在 React 19 中，由于 use() hook 的出现，让我们有机会不借助 useEffect 就可以简单实现初始化。代码简洁度将会进一步提升。我们来回顾一下如何做。

2024-06-12 07:44:28

React 19 useEffect 接口请求

前端性能指标，一网打尽！

LCP 全称为 Largest Contentful Paint，即最大内容绘制，用于记录视窗内最大的元素绘制的时间，这个时间会随着页面渲染变化而变化，因为页面中的最大元素在渲染过程中可能会发生改变，该指标会在用户第一次交互后停止记录。

2024-06-12 00:00:05

LCP 元素优化

上一页 1 ··· 41 42 43 44 45 ··· 545 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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