直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

移动端安全区域适配方案

什么是安全区域？这个概念是苹果🍎率先提出来的，因为从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

首屏时间，你说你优化了，那你倒是计算出来给我看啊！

我们只需要知道浏览器开始显示内容的时间点，即页面白屏结束时间点即可获取到页面的白屏时间。因此，我们通常认为浏览器开始渲染<body>标签或者解析完<head>标签的时刻就是页面白屏结束的时间点。

2024-04-15 00:00:00

首屏优化元素

阿里一面：如何将重复性比较高的 String 类型的地址信息从 20GB 降到几百兆？

Java 正则表达式使用的引擎实现是 NFA（Non deterministic Finite Automaton，确定型有穷自动机）自动机，这种正则表达式引擎在进行字符匹配时会发生回溯（backtracking），而一旦发生回溯，那其消耗的时间就会变得很长，有可能是几分钟，也有可能是几个小时，时间长短取决于回溯的次数和复杂度。

2024-04-15 00:00:00

字符串 Java NFA

深入理解Transformer技术原理

我们知道在海量的互联网信息中，往往那些起着“标题党”的文章更能吸引人的注意，从而达到吸引流量的目的，这是一种简单粗暴的方式。另外在大量的同质化图片中，如果有一张图片它的色彩、构图等都别出一格，那你也会一眼就能注意到它，这也是一种简单的注意力机制。

2024-04-15 00:00:00

技术 Attention 架构

JS 中 == 不检查类型？不，你错了！

根据 JavaScript 规范参考 ECMAScript 262 文档，概述了 IsLooselyEqual算法，负责处理“==”操作。这里说明了涉及 14 个步骤的综合过程。值得注意的是，这个过程大量涉及类型检查，如涉及Type(x)的初始步骤所证明的那样，并引入强制作为整个操作的重要方式。

2024-04-12 12:36:06

JS JavaScrip 方式

前端神器AbortController：深度解析与实战应用

本文将详细介绍AbortController的使用方法和注意事项，帮助大家更好地掌控网络请求。

2024-04-12 12:22:39

前端开发网络请求

Rust字符串，让文本处理更简单

ust的字符串处理既安全又灵活，而且默认的不可变性也有助于保证代码的健壮性。希望这个小介绍能让你对Rust中的字符串有个初步的了解。

2024-04-12 12:14:39

Rust 字符串代码

Facebook 为 React 写了一种语言，看完直呼 “秀” 啊！

Facebook 原先有一个自己的类型语言 Flow，和现在使用广泛的 TS 差不多，都属于 JavaScript 的超集。

2024-04-12 10:15:24

Facebook React 语言

Go 工具链已经开始收集和上报使用数据！

Go 官方走了民主流程在社区内收集了大量的建议，虽然有许多的同学反对收集。不过从现在真正落地的情况来看，官方选择了一条比较折中的路线，让人有种吐槽也很难改的感觉。

2024-04-12 08:58:45

Go 数据工具链

JS 的 AI 时代来了，携手迎接 JS 的 AI 时代吧！

本文将分享几个引领 JS 迈向 AI 时代的机器学习库，探索这些库的魅力，携手迎接 JS 的 AI 时代吧！

2024-04-12 08:32:03

JS AI 机器学习

告别重复劳动：2024年学会用Node.js一键搞定CLI工具

现在，我将向你展示如何轻松构建自己的CLI工具。我们将从命令处理和用户提示开始，一步一步深入到提升用户体验，以及如何组织项目结构和文档编写。这个过程不仅仅是编码，更是一次深入理解Node.js强大功能的旅程。

2024-04-12 08:13:24

CLI工具 Node.js JavaScript

深入了解Spring的循环依赖解决策略

当两个或多个Bean相互依赖时，Spring会使用三级缓存来确保每个Bean都能够被正确地初始化，并且避免出现死锁或无限循环等问题。三级缓存机制允许Spring容器在创建Bean时暂时存储正在创建的Bean实例，以便在循环依赖的情况下能够正确地解析Bean的依赖关系，并最终完成Bean的初始化。

2024-04-12 07:51:05

Spring Bean 初始化

单服务器高性能模式：PPC与TPC

Apache服务器的MPM worker模式本质上就是一种prethread方案，但进行了改进。Apache首先创建多个进程，每个进程再创建多个线程。这样做的主要考虑是为了提高稳定性，即使某个子进程的某个线程异常退出，仍会有其他子进程继续提供服务，不会导致整个服务器崩溃。

2024-04-12 07:41:52

127.0.0.1 和 localhost 之间到底有什么区别，这篇文章全都告诉你

虽然 localhost 和 127.0.0.1 在大多数情况下是可以互换使用的，并且它们都用于指向本地计算机，但它们背后的工作机制是不同的。

2024-04-12 00:00:00

localhost 计算机机制

从入门到精通：Python概率编程库pymc的应用与实践！

在本文中，我们将深入探讨pymc模块的应用场景，并通过多个实际案例展示了其强大之处。

2024-04-11 14:00:28

pymc Python 编程

C++中的外部模板及其在当前编译文件中的实例化

在C++中，模板是一种泛型编程的工具，它允许程序员以一种类型无关的方式编写代码。然而，模板的一个常见问题是它们会导致编译时间增加，特别是在大型项目中，当多个源文件包含相同的模板实例化时，编译器会为每个源文件都生成一份模板实例的代码，这不仅增加了编译时间，还可能导致最终可执行文件体积的膨胀。

2024-04-11 13:18:26

C++泛型编程

Rust语言入门：Hello World示例

咱们先来聊聊Rust，这是一种挺牛的编程语言，不仅类型安全，还是跨平台的。也就是说，你在Windows上写的代码，拿到Mac上也能跑，完全不用改。

2024-04-11 13:13:27

Rust 编程语言

面试官：Vue3中什么是Reactive的懒响应性？

所谓的 Reactive的懒响应性指的就是：Reactive 最初只会为复杂数据类型执行第一层的响应性。如果存在多层的复杂数据类型嵌套时，则会在使用到（getter 行为）该子集时，才会再次为该子集包装 proxy（执行 reactive 方法）。

2024-04-11 13:10:00

Vue3 Reactive 响应性

Rust数据类型，了解一下？

Rust是一门静态类型语言，这意味着每个值都有确定的数据类型。编译器能根据你给的值自动推断出变量的类型，超智能的，有没有！

2024-04-11 12:19:01

Rust 数据类型

JavaScript 命名约定优秀实践

在开发过程中，遵循标准的命名约定可以提高代码的可读性。下面就来看看 JavaScript 中命名约定的最佳实践。

2024-04-11 10:20:57

JavaScript 前端 Web

简单易用的.NET免费开源RabbitMQ操作组件EasyNetQ

在现在的项目中，消息队列的使用比较的频繁，消息队列的种类也较多，如：ActiveMQ，RabbitMQ，ZeroMQ，Kafka，MetaMQ，RocketMQ等。

2024-04-11 09:45:31

.NET RabbitMQ EasyNetQ

超火前端工具库 Radash，声称要取代 Lodash

自Lodash问世以来，它通过简化对数组、数字、对象、字符串等的操作，极大地便利了JavaScript的使用。然而，随着前端技术的进步，纯函数和函数式编程的概念已深入人心，成为社区的主流。在这样的背景下，Lodash的某些功能显得不够前沿。

2024-04-11 09:31:35

工具库 Radash Lodash

2024年React技术前景展望：探索未来的创新与发展

React生态系统的庞大为开发者提供了解决常见问题的丰富资源。然而，这种丰富有时也可能让人感到不知所措。为了挑选出最合适的工具，我们通常需要考虑许多因素。项目需求、安全性、性能、开发体验以及基础设施成本都是需要权衡的重要因素。

2024-04-11 09:29:12

React 生态系统 TypeScript

什么年代了，还在用Arrays.asList()？

Java中的List.of、Map.of和Set.of方法为开发人员提供了一种简洁、安全且高效的方式来创建不可变集合对象。与传统的集合创建方式相比，这些静态工厂方法可以使代码更加清晰易懂，并且能够确保集合对象的不可变性。

2024-04-11 09:17:51

Arrays Java 安全

微服务架构中十个常用的设计模式，建议收藏！

在现代大规模企业软件开发中，微服务架构能够帮助开发扩展规模并带来很多长期收益。但是微服务架构并不是随处可用的银弹，如果应用在错误的应用程序类型，微服务架构将弊大于利。

2024-04-11 09:13:17

设计模式开发

通过 Atexit 模块让 Python 实现 Golang 的 defer 功能，你学会了吗？

如果同时注册了多个函数，那么会按照先入后出的顺序执行。非常简单，其实 atexit 模块就是将我们注册的函数保存在了一个数组中，程序结束的时候，从后往前依次执行。

2024-04-11 08:37:40

atexit Python Golang

腾讯二面：在浏览器地址栏输入 URL 并按下回车键，背后发生了什么？

有粉丝去腾讯面试，跟码哥分享了其中一题面试问题「在浏览器地址栏输入 URL 并按下回车键，背后发生了什么？」。今天，码哥从多个角度带你完全攻克这个知识点，让面试官眼前一亮。

2024-04-11 08:33:25

浏览器 URL HTTP 协议

如何在JavaScript中复制一个对象？

深复制专用于简单对象和数组。这意味着它无法处理类实例，函数和其他特殊情况。那么，我们如何处理这些情况呢？JavaScript最近给我们提供了一个新的工具来解决这个问题！

2024-04-11 08:30:05

JavaScript 数组函数

Go 并发编程精粹：掌握通道（channels）的艺术

通道是 Go 并发编程的精髓，它为 goroutines 之间的通信和同步提供了一种高效且安全的方式。掌握了通道的使用，你将能够构建出既健壮又高效的并发应用程序。在 Go 的并发世界中，拥抱通道的力量，大胆尝试，你将开启一段精彩的编程之旅。

2024-04-11 07:40:55

Go 并发编程

1 2 3 4 5 6 ··· 489 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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