鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.5w内容

关注

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

文章博文帖子课程

共 2.5w 条

React 中，用到的几种浅比较方式及其比较成本科普

这篇文章主要给大家介绍几种 React 在 Diff 过程中用到的比较方式，以及当这几种方式大量执行时，执行所要花费的时间。

2024-04-22 08:33:55

React Diff Object.is

Figma 是如何做协同编辑的？

协同编辑，需要用到数据一致性算法，目前成熟的算法有 OT 和 CRDT。Figma 没用 OT，太复杂，尤其是当离线数据本地缓存了很久才提交时，会进行复杂的 OT 算法计算，产生组合爆炸问题。

2024-04-22 08:26:37

协同编辑 Figma OT 算法

针对尺寸单位，为什么不应该使用 px 作为尺寸单位？以及最佳实践！

响应式适配是日常开发中非常常见的问题，所以在面试中可能会被经常问到。但是很多同学却没有专门了解过这方面的知识，导致被问到这方面问题的时候，回答并不尽如人意。

2024-04-22 08:23:15

px 面试开发

Gopher的Rust第一课：Rust的那些事儿

在这篇博文中，我们了解了Rust语言的诞生历程、现状发展，以及它独特的设计哲学。通过与Go语言进行对比，我们可以看出两者在出身、目标和设计理念上的一些差异。

2024-04-22 08:06:34

Rust 语言语言

频繁切换v-show，不频繁使用v-if？面试的时候可别再这么说了！

当使用 v-show 时，虽然用户看不到组件，但是当前组件的生命周期都已经执行了。如果在 created 中存在接口的调用，则【接口已经调用完成】。

2024-04-22 00:00:00

v-if v-show 组件

在前端中，什么是幽灵依赖？

它们是怎么解决这个问题的呢？npm、yarn为了解决依赖关系过长时，导致的目录结构过深，采用了扁平化，也就是所有依赖都被拍平到node_modules目录下。这样的好处就是，不再有层级过深的问题。

2024-04-22 00:00:00

幽灵依赖前端

美团一面：什么是CAS？有什么优缺点？我说我知道AtomicInteger

Java中的CAS原理及其在并发编程中的应用是一项非常重要的技术。CAS利用CPU硬件提供的原子指令，实现了在无锁环境下的高效并发控制，避免了传统锁机制带来的上下文切换和线程阻塞开销。

2024-04-22 00:00:00

消费者太多！RocketMQ又炸了！

问题找到了，直接的解决方式是删除文件中无用的consumerGroup name，重启broker进行加载。由于是线下环境，不需要担心位点丢失的问题，同时当客户端请求时会自动创建新的位点信息，所以可以考虑直接删除。

2024-04-22 00:00:00

RocketMQ 优化位点

如何做配置链接的质量保障？看这篇就对了

利用各个端的现有技术和专业能力，以确保链接配置的准确性和稳定性。对于异常配置链接能够迅速感知、发现、定位和解决问题，保障系统的快速收敛并确保持续稳定运行。

2024-04-22 00:00:00

配置链接稳定性

探索C++：十大让代码简洁的特性

本文中，我们将探索 C++ 中让代码简洁的十大特性，并通过具体的示例来展示它们的魅力。

2024-04-19 16:05:21

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 面试接口

上一页 1 ··· 20 21 22 23 24 ··· 511 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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