鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

fd：一个比Find简单十倍的文件查找命令

今天给大家带来一个超级实用的小工具——fd。这货是干嘛的呢？简单来说，它就是用来在你的文件系统中查找文件和目录的。想象一下，你在一大堆文件中找一个特定的文件，手动找得眼花缭乱？别担心，fd来拯救你！

2024-04-19 14:50:00

find 文件查找

Python小知识：递归还是迭代

对于可以使用迭代来实现的问题，推荐优先使用迭代而不是递归。使用迭代来计算阶乘可以避免递归调用带来的性能开销。

2024-04-19 13:55:36

python小迭代递归

花里胡哨，如何在 Flutter 中制作多种颜色的 TextField

TextField 将其样式传递给 TextEditingController ，默认实现只是将其放入 TextSpan 对象中，这就是通常应用颜色的方式。

2024-04-19 13:09:26

Flutter 样式 TextSpan

这几个前端调试技巧你可能没用过，但超级实用！

今天来分享一些不太常用，但是非常实用的前端调试技巧，希望对你有所帮助！

2024-04-19 09:02:32

前端调试技巧

Stream.parallel()：开启并行流处理之旅

在复杂的异步处理场景中，可以结合 CompletableFuture 与并行流，进一步提升程序的并发性和响应能力。通过合理使用并行流，开发者可以显著提升大规模数据集处理的性能，充分发挥现代多核处理器的潜力。

2024-04-19 08:28:57

Java API 场景

京东二面：Sychronized的锁升级过程是怎样的？

Synchronized锁升级机制是Java虚拟机为优化多线程环境下同步操作性能而设计的一种动态调整策略。

2024-04-19 08:05:26

锁升级 Java 虚拟机

RabbitMQ实现延迟队列的技术探讨

RabbitMQ提供了灵活的消息处理机制，使得实现延迟队列成为可能。通过使用rabbitmq-delayed-message-exchange插件或利用RabbitMQ的TTL和死信队列功能，你可以根据实际需求选择适合的方案来实现延迟队列。

2024-04-19 00:47:07

RabbitMQ 消息机制

面试官：限流的常见算法有哪些？

计数器算法是在一定的时间间隔里，记录请求次数，当请求次数超过该时间限制时，就把计数器清零，然后重新计算。当请求次数超过间隔内的最大次数时，拒绝访问。

2024-04-19 00:00:00

计数器算法限流算法

详解 C++ 实现 K-means 算法

K-means算法是一种非常经典的聚类算法，其主要目的是将数据点划分为K个集群，以使得每个数据点与其所属集群的中心点（质心）的平方距离之和最小。这种算法在数据挖掘、图像处理、模式识别等领域有着广泛的应用。

2024-04-18 15:44:20

C++中提升性能相关的十大特性

C++ 是一种面向性能的语言，提供了许多特性和工具，旨在支持高效的程序设计。以下是一些与性能相关的 C++ 特性。

2024-04-18 11:07:30

Faker：Python中生成假数据的神器

Faker库是由Ben Burkert，也就是网上的“deepflame”，在2008年左右开始开发的。最初，Ben Burkert只是为了自己用，搞了这么个小项目来生成假名字和电子邮件地址。

2024-04-18 09:51:36

Python 数据开发

Spring Boot中如何使用Reactor模型

总的来说，Reactor提供了一种简洁而强大的方式来处理异步编程，在Spring Boot项目中的应用也相对简单而直观。通过合理地利用Reactor，开发者可以构建出高性能、高响应性的现代化Java应用程序，从而更好地满足当今互联世界对于速度和可伸缩性的需求。

2024-04-18 09:34:28

Reactor 项目异步编程

Git Worktree 让你再也无需切换分支！

如果你正在审查多个分支的代码，可以在单独的 worktree 中检出每个分支。这样可以快速的在它们之间切换，而无需每次都执行检出的操作。

2024-04-18 09:12:58

Git 分支代码

Vue3 实现超级有趣的功能：数字增长动画！！

啥时候终止增长呢？其实很简单，那就是从开始增长开始，经过的时间大于 duration 时，就终止，这个时候说明动画必须要结束的~

2024-04-18 08:53:15

Vue3 数字动画

React状态管理专题：深入探讨组件组合—Component Composition

随着我们深入探索React的组件组合能力，并通过具体的代码示例展示了如何优化应用架构以解决属性钻取问题，我们不仅增强了对React灵活性的理解，也提升了我们构建高效、可维护应用的技能。

2024-04-18 08:33:09

React 状态管理组件组合

电商真实对账系统是如何设计并优化的

查询未对账订单 getPOrders() 和查询派送单 getDOrders() 是否能够并行处理呢？很显然，这两个操作之间并没有依赖关系。将这两个耗时操作并行化后，与单线程执行相比，您会发现在相同时间段内，并行执行的吞吐量接近单线程的两倍，优化效果颇为明显。

2024-04-18 08:18:10

电商优化单线程

图形遍历效率低？试试 R 树

R 树（R-tree）是一种空间索引技术，能够是从大量的节点中，快速找到特定范围的元素集合，而不用一个不落地遍历所有节点。思路和其他索引算法（比如 B 树、跳表）有点像，但 R 树针对的是高维数据的查询。R 树的 “R” 指的是矩形（Rectangle）。

2024-04-18 08:11:57

R 树空间索引技术 R-tree

Electron 30 正式发布，新特性详解

4 月 16 日，Electron 30.0.0 正式发布！该版本包括了对 Chrome 124.0.6367.49、V8 12.4 和 Node.js 20.11.1 的升级。下面就来看看该版本都有哪些更新吧！

2024-04-18 08:04:47

Electron Chrome 升级

体验了一把华为的 OpenInula，谈谈使用感受

openInula 的使用体验与 React 几乎一样。与 React 不同的是，他增加了一个响应式 API。因此能够增加一些不同的开发体验。也正是由于这个响应式 API 的存在，让 openInula 在 API 设计上有了自己的独创性。

2024-04-18 08:00:23

openInulaReact 响应式 API

接口扩展与设计模式：为何早点学习设计模式如此重要

在接口扩展的过程中，早点学习设计模式可以帮助我们更加灵活地应对需求变化、减少代码改动、保持接口稳定性和提高代码质量。

2024-04-18 00:22:10

设计模式接口代码

前端实现无缝刷新 Token

在前端开发中，经常会遇到 Token续约的问题。对 Token 实现无缝刷新从而维护用户的登录状态无论是在开发时，还是在面试时都是至关重要的。所以说咱们今天就来看看 Token 的无缝刷新问题。

2024-04-17 12:59:18

前端 Token 开发

我们一起聊聊从操作系统层面理解多线程冲突

同一进程内的线程是共享同一内存空间的，所以在多个线程的进程里，线程是可以同时操作这个进程空间的数据的，线程之间可以共享进程的资源：比如代码段、堆空间、数据段、打开的文件等资源，但每个线程也有自己独立的栈空间。

2024-04-17 09:52:00

操作系统多线程内存

Formik：让用户体验更加出色的表单解决方案

这款开源项目也是我研究零代码搭建平台——H5-Dooring 时参考的项目之一，它可以提高表单渲染引擎的性能和效率，构建出性能更加优秀的表单设计器。

2024-04-17 08:50:59

开源 Formik React 表单库

用Go语言&&Redis实现分布式锁，我还是第一次

分布式系统中共享同一个资源时，就需要分布式锁来确保变更资源的一致性。这就是为什么要用到分布式锁的原因咯。

2024-04-17 08:42:15

Go 语言分布式锁

C# 并发设计的七条原则，你知道哪条？

并行（Parallelism）和并发（Concurrency）是两个不同的概念。并行是指同时执行多个任务，而并发则是指管理多个同时发生的活动。在设计系统时，要明确哪些任务可以并行执行，哪些任务只能并发执行。

2024-04-17 08:05:18

聊聊架构设计流程：设计备选方案

从高性能消息读取的单机系统设计来看，由于团队主要使用 Java，备选方案 2 和 3 均采用了基于 Netty 的高性能网络库。这反映了团队的技术背景对选择范围的影响。一般而言，成熟的团队不易频繁更换技术栈，而新成立的团队则更可能尝试新技术。

2024-04-17 08:03:45

架构设计 Java

快手二面：你有没有调用过第三方接口？碰到过哪些坑？

在执行第三方接口调用任务时，如果遇到程序响应迟滞直至超时，或者直接抛出诸如Connection refused、Host is unreachable、SocketTimeoutException之类的网络异常情况，这明确指示了无法成功建立起与目标服务器的通信连接。

2024-04-17 08:02:29

接口 refused 程序

React状态管理专题：利用Context API解决属性钻取问题

在本篇文章中，我们深入探讨了利用Context API解决React中属性钻取问题的方法，同时也详细分析了在过度依赖Context API时可能遇到的两大挑战：组件的可重用性问题和对应用性能的潜在影响。

2024-04-17 07:59:26

React 状态管理属性钻取

移动端安全区域适配方案

什么是安全区域？这个概念是苹果🍎率先提出来的，因为从iPhone X开始，iPhone正式进入全面屏时代，iPhone手机也就开始出现了刘海和底部的黑条的区域。

2024-04-16 13:56:09

移动端安全区域 iOS

前端实现空闲时注销登录，so easy！

React Idle Timer 是一个 JavaScript 库，用于检测和监控Web应用上的用户活动。它提供了一个IdleTimer组件，可以监测用户的鼠标移动、键盘输入和触摸等事件，以确定用户是否处于活动状态。在React应用中，可以通过React Idle Timer实现空闲注销登录功能，即在用户在一段时间内没有活动的情况下，自动结束其会话，从而提高应用的安全性。

2024-04-16 10:09:42

React JavaScrip IdleTimer

聊一聊什么是 React 属性钻取（Prop Drilling）

React为我们提供了多种状态管理方案，如直接的状态传递（俗称"属性钻取"）、Context API、以及像Redux这样的外部状态管理库。每种方案都有其适用场景与优缺点，今天就让我们就来先聊聊什么是“属性钻取”。

2024-04-16 08:20:01

React 属性钻取状态管理

对线面试官-CHAR和VARCHAR了解嘛，区别是什么

VARCHAR则为一种可变长度数据类型，仅存储实际的字符串内容，无需填充空格。故在存储短字符串时，VARCHAR能够节省空间，长度范围为0至65535（适用于MySQL 5.0.3及之后版本）。

2024-04-16 08:15:07

CHAR 数据字符串

你的debug包在Android 14变卡了吗

DeoptimizeBootImage 将bootImage中AOT代码方法转换为java可调试。重新初始化方法入口点，走到解释执行，而不使用AOT代码。

2024-04-16 00:24:54

Android App 入口点

通过JS获取你当前的网络状况？建议大家学一学

我们可以自定义一个hook，用来获取网页当前的网络状态~需要具备以下要素：1、返回的数据所需的ts类、监听网络变化的enum。2、获取网络状态。3、监听网络变化，并实时更新最新的网络状态。

2024-04-16 00:13:52

JS 网络状态 ts类

正则表达式中 “$” 并不是表示 “字符串结束”

如果不想匹配换行符，在除了 Python 和 ECMAScript 外的其它语言中，你可以使用 \z。而在 Python 中，你需要使用 \Z ，在 ECMAScript 中使用非多行模式的 $。

2024-04-16 00:11:05

Python 换行符测试

设计模式之代理模式：为对象提供一个“替身”

代理模式是一种强大的设计模式，它允许开发者在不修改现有类的情况下增加新的功能或控制访问。通过使用代理，我们可以轻松地实现对对象的访问控制、日志记录、性能监测等，从而提高系统的可扩展性和可维护性。

2024-04-16 00:07:36

设计模式代理模式替身

Python的这个特性，省了我一大堆代码

推导式是 Python 中非常实用的特性，能够使代码更简洁、更易读，但在使用时需要权衡可读性和简洁性。

2024-04-15 16:17:29

从 React 新官网学到的一个优秀实践妙招

React 新的官方文档确实写得非常好，提供了许多项目开发最佳实践的思路。这些思路和实用技巧，同样也适用于 Vue，也能够提高我们对 Vue 的使用心得。

2024-04-15 12:54:00

React Vue 列表逻辑

要么返回错误值，要么输出日志，别两样都做

在编写Go代码时，请记住要么返回错误值，要么输出日志，不要两者都做。通过合理地处理错误，我们可以编写出更可靠、更易于调试的代码。

2024-04-15 12:51:00

错误值 Go 日志

不要在循环await啦，异步操作的六个最佳实践！

前两天有个同学在面试中被问到了一个问题：“如果在请求多个不同的接口，那么应该如何去做？” 该同学回答说：“我们可以把这些接口放到一个数组中，然后通过 for 循环来循环请求！”

2024-04-15 12:27:00

await 面试接口

聊聊如何使用 Python 实现 RSA 加密

电报加密所使用的密码本，就是初代网络安全所使用的加密方式，用法为：发信时将内容翻译为密文发出，收到电报的一方，使用相同的密码本才能解密出正确的信息，否则看到的就是一堆乱码。

2024-04-15 10:32:14

Python 密码本加密

面试官：为什么忘记密码只能重置，而不能告诉我原密码？

当我们忘记密码时，网站只能提供重置密码的服务，而不是告诉我们原密码，这是为了确保用户数据的安全性。哈希算法和盐值技术的应用，使得即使在数据泄露的情况下，用户的原始密码也能得到保护。在登录过程中，系统通过重新计算哈希值并比对，来验证用户的身份。

2024-04-15 10:16:38

密码数据安全哈希算法

Go 如何缓解来自软件依赖的恶意攻击？

Go 这一门编程语言背靠 Google，其在企业内部有一定规模的使用了他。因此 Go 在这几年中，Go 核心团队的目标之一就是缓解供应链的攻击，确保 Google 自身的软件体系较为安全可靠。

2024-04-15 09:07:07

Go 编程语言 Google

美团二面：SpringBoot读取配置优先级顺序是什么？

启动Spring Boot应用时，可以直接通过命令行参数来覆盖或设置配置属性。命令行参数通常以--开头，后面紧跟属性名和值，如--server.port=8080。这种方式可以在不修改配置文件的前提下临时调整应用配置。

2024-04-15 08:37:35

Spring 命令行参数

你了解Java中的猴子补丁技术吗？

在本文中，我们了解到猴子补丁在某些场景中可能是有帮助和强大的。它可以通过各种技术实现，每种技术都有其优点和缺点。然而，这种方法应该谨慎使用，因为它可能导致性能、可读性、可维护性和安全问题。

2024-04-15 00:02:00

Java 补丁技术

面试官追问的STW，到底什么是STW？有什么影响？

所谓的STW，在Java中，当需要执行垃圾回收时，垃圾回收器会停止应用程序的所有线程，以便安全地识别和回收不再使用的对象。这个过程被称为“Stop The World”。

2024-04-15 00:01:00

STW Java 垃圾

争论不休的一个话题：金额到底是用Long还是BigDecimal？

在金额计算层面，即代码实现中，推荐使用BigDecimal进行所有与金额相关的计算。BigDecimal提供了高精度的数值运算，能够确保金额计算的精确性，避免了因浮点数精度问题导致的财务误差。

2024-04-15 00:00:00

Long BigDecimal 运算

2024 年了，Facebook、Google 竟然都不用 Git 管理代码？

Facebook选择Mercurial的原因主要是出于性能考量和合作与支持的考虑。随着代码规模的急剧增长，Facebook发现Git在大型单库操作上的性能存在限制。

2024-04-15 00:00:00

Git 管理代码

聊聊 RabbitMQ 中的死信队列

RabbitMQ的死信队列功能提供了一个强大而灵活的工具来处理无法被正常消费的消息。通过合理配置和使用死信队列，你可以增强消息处理系统的健壮性和可靠性，同时提高系统的可扩展性和可维护性。

2024-04-15 00:00:00

RabbitMQ 死信队列消息

改造 console.log！也能提高团队开发效率？

说到获取代码节点，进行修改，第一时间肯定是想到抽象语法树，也就是AST，我们到https://astexplorer.net/这个网站上，输入我们刚刚写的那些代码，我们可以看到console.log会被解析成有辨识度的代码节点，所以我们也可以遍历这个AST并拿到我们想要的代码节点。

2024-04-15 00:00:00

console 语法树 AST

上一页 1 ··· 59 60 61 62 63 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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