鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.8w内容

关注

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

文章博文帖子课程

共 2.8w 条

苦等三年，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 处理器

2024 年度优秀 JS 项目揭晓，竟然是它？

“年度突破奖”是专为在JavaScript生态系统中作出杰出贡献、为进一步发展开辟新维度和新可能性的项目而设立的奖项。这个奖项主要关注那些具有新颖概念和想法，且首次实现就展现出卓越成果，并具有巨大未来潜力的项目。

2024-06-17 00:04:00

JavaScript Web Rust开发

ConcurrentHashMap如何保证线程安全？

ConcurrentHashMap 在 JDK 1.7 时使用的是数据加链表的形式实现的，其中数组分为两类：大数组 Segment 和小数组 HashEntry，而加锁是通过给 Segment 添加 ReentrantLock 锁来实现线程安全的。

2024-06-17 00:02:00

线程安全 HashMap JDK 1.7

使用一键脚本搭建自己的镜像加速仓库

由于许多公开镜像站已不再可用，我们建立了一个公益镜像仓库供大家下载使用。然而，由于镜像仓库的带宽有限，建议用户自行搭建。

2024-06-17 00:00:05

镜像仓库带宽

前端到底是“技术深度”重要还是“技术广度”重要？

现在的论坛上流行着“前端已死”的说法，且越传越开，搞得很多人都开始焦虑。其实我也是不认同这个说法的，我认为只是现在的前端市场出现供大于求的情况，很多人现有的实力已经跟不上市场的要求了，所以唯一的办法只能是让自己进步！

2024-06-17 00:00:02

前端技术 JavaScript

CommonJS 和 ES Module 终于能够互相兼容了

在 JavaScript 的世界里，模块化是构建大型应用程序的基础。模块化帮助开发者管理代码而不影响全局命名空间，使得分离功能、重用代码和管理依赖变得更加容易。在 Node.js 和浏览器环境中，有两种主流的模块系统：CommonJS（CJS）和 ECMAScript Module（ESM）。

2024-06-17 00:00:00

JavaScrip CommonJS Node.js

UseState是干啥的？有哪些坑？

看下控制台，你会发现有个问题，每次todolist组件重新渲染的时候，createInitialTodos方法都会重新运行一次，但是，只有第一次的返回结果被useState使用，如果createInitialTodos在做非常耗时的计算的话，这就很消耗性能了。

2024-06-14 10:26:30

useState todolist render

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

随着 React 的崛起，我们看到声明式 JavaScript 在受欢迎程度上猛增；更多的这样的元素以甜美的语法糖的形式内置在语言中也是理所当然的。

2024-06-14 10:22:55

React 元素 JavaScrip

Java面试中AQS最全面解析

线程如果抢到锁自然顺利往下运行了，而那些没有抢到锁的线程怎么处理呢？如果一直处于活跃状态，cpu肯定是吃不消，那就需要挂起。具体又如何挂起呢？

2024-06-14 09:53:02

使用注解与AOP实现接口限流、防抖和防重

通过结合特性和AOP思想，我们可以灵活地实现接口的限流、防抖和防重功能，从而提高系统的稳定性和可用性。

2024-06-14 09:30:58

AOP 接口限流

Node.js 正在衰退吗？通过一些关键指标告诉你事实如何！

关于 Node.js 衰退的传言被大大夸大了。深入研究这些指标后，可以清楚地看到：Node.js 不仅不会消失，而且正在积极进化以满足现代 Web 开发的需求。

2024-06-14 09:16:55

Node.js Fetch Web

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 识别

上一页 1 ··· 61 62 63 64 65 ··· 565 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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