鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

我面试最喜欢问的开放题：如何严谨二次封装 localStorage？

最近我在面试中，喜欢问一道有关于 hooks 的开放问题：二次封装一个 loaclStorage 的 hooks 时，需要考虑哪些问题呢？

2024-03-13 13:39:21

hooks Vue3 开发

Java程序员易踩的坑及解析

我们小伙伴会说了，Java不是中为了节省内存和提高性能，会对一定范围内的Integer对象进行缓存。范围默认是在 -128 到 127 之间，怎么没有生效？

2024-03-13 13:10:48

Java Integer 缓存

我们一起聊聊如何做移动端的样式适配

移动端样式适配可以通过媒体查询、相对单位、Flexbox 和 Grid 布局、Viewport 单位以及一些JavaScript库来实现。选择合适的方法取决于具体项目的需求和开发团队的偏好。

2024-03-13 13:07:36

移动端样式适配

C++中列表初始化，你知多少？

虽然列表初始化是一种很便捷和安全的初始化方式，但在某些情况下，特别是对于非聚合类型和可能导致 most vexing parse 的地方，可能需要考虑其他的初始化方式。

2024-03-13 08:52:43

C++初始化方式

Vue3 中的 Suspense：异步组件加载与占位符管理

Suspense 是Vue3响应式系统中的一个重要组成部分，其设计理念源于React社区，并根据Vue生态的特点进行了优化。当Suspense包裹的异步组件还未准备好渲染时，它会显示提供的fallback内容，直到所有异步组件完成加载。

2024-03-13 08:37:18

Vue3 Suspense 异步组件

我用纯 CSS 实现了一个冒泡排序动画

如果你在Codepen上操作代码，那么在移动设备上，最后几个动画可能无法播放，显示为空白；而在PC上，CPU风扇可能会转起来！

2024-03-13 08:21:53

冒泡排序动画

浅谈虚拟机下部分内网穿透功能实现方法

Frp和Tailscale都可以用于实现内网穿透功能，他们也各有优缺点。Frp开源免费、灵活性高，但配置较复杂；Tailscale简单易用、安全性强，但是需要通过第三方验证身份，同时是商业软件，免费版本有一定限制。

2024-03-13 08:03:02

内网穿透 Tailscale Frp

面试官问：ThreadLocal中的键为什么是弱引用？

ThreadLocal在源码中经常被应用，例如，Spring MVC的RequestContextHolder的实现就是使用了ThreadLocal，cglib动态代理中也应用了ThreadLocal等等。

2024-03-13 07:53:57

弱引用线程工具

聊聊Powerjob的单机线程并发度

TaskTrackerActor接收到ProcessorReportTaskStatusReq，会通过updateTaskStatus更新状态，如果是FINISHED_STATUS状态则回复接收成功AskResponse.succeed(null)。

2024-03-12 13:11:20

powerjob 单机线程

六个高级Vue3知识技巧

Vue 3是一个非常流行的前端框架，广泛应用于大型互联网企业和个人项目。虽然我们已经熟悉了一些常见的 Vue 3 知识，但还有一些不太常见但实用性很强的点可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。本文将介绍一些不太常见的Vue 3知识点。

2024-03-12 12:27:00

Vue 3 前端开发

面试官：你知道缓存击穿、缓存穿透、缓存雪崩吗？

现在执行 SHOW STATUS LIKE 'Threads_connected' 去查看MySQL连接线程数会发现数值突然升高，当连接数为1283 左右时，就会发现MySQL服务已经断开连接或者服务器宕机，也就是缓存雪崩的效果。

2024-03-12 10:44:42

缓存击穿缓存雪崩数值

2024 年还在用 Lodash？这个现代化替代品更安全、好用！

Lodash 最初在 2009 年以 Underscore之名诞生，并在 2012 至 2013 年间经过一次分支（成为Lodash）后崛起。Lodash 的设计初衷是为了解决 2012 年前后 JavaScript 开发者面临的一系列难题。然而，时过境迁，那些问题在今天已不再是主要挑战。

2024-03-12 10:13:08

Lodash JavaScript 工具库

七个Python内存优化技巧，你用过几个？

本文将聚焦于Python的内置机制，并介绍七个原始但有效的内存优化技巧。掌握这些技巧将显著提高我们的Python编程技能。

2024-03-12 10:02:31

Python 内存编程

解密阿里巴巴面试题：如何设计一个微博？

在设计微博系统时，我们从各个方面进行了深入探讨，从功能设计到服务拆分、数据存储结构设计等多个层面，为了构建一个高效、稳定、可扩展的系统提供了重要指导。

2024-03-12 09:34:01

微博对象数据

Go 语言为什么不支持从 main 包中导入函数？

Go 语言不支持从 main 包中导入函数是为了保持代码的封装性、可测试性和模块化。我们应该将功能函数放在适当的包中，并在需要时从其他包中导入它们。这样可以提高代码的质量、可维护性和可重用性。

2024-03-12 09:13:28

Go arena 民间库来了，可以手动管理内存！

今天给大家分享了 Go 官方 arena 的最新进展和情况，主体上还是由于严重 API 原因（担忧像 context 一样造成传染性）没有突破性进展。虽然有人提出可以放到 unsafe 库中，也获得了许多人表情点赞。但仍然没能打动 Go 核心团队的同学。

2024-03-12 09:10:21

原来 WebWorker 还可以做这么酷的事情！

worker是“第二个脚本”。我们需要根据设置（TypeScript、捆绑器、开发服务器），调整tsconfig、添加指令或使用特定的导入语法。

2024-03-12 08:44:56

WebWorker TypeScript 语法

Async、Await的实现原理，你学会了吗？

在 async/await 的实现中，await 操作符通过生成器的暂停和恢复机制来实现异步操作的等待和执行。当遇到 await 操作符时，生成器会暂停执行并返回一个 Promise 对象。

2024-03-12 08:37:32

async await JavaScript

C++引入的四种类型转换方式，你会那种？

C++中如果采用C中的强制类型转换，例如很可能我们编写代码时疏忽的将指向const对象的指针转换成非const对象的指针，或者可能将基类对象指针转成了派生类对象的指针，这种方式在C++中有很大隐患。所以C++中引入了以下四种方式。

2024-03-12 08:29:28

C++类型转换方式

Rust 的风，终究还是吹到了前端

Rust 发挥了重要作用——我们已将框架中一些最昂贵且可并行的部分迁移到 Rust，同时将框架的核心保留在 TypeScript 中以实现可扩展性。

2024-03-12 08:22:50

TypeScript Rust 框架

看一遍就理解：零拷贝详解

做服务端开发的小伙伴，文件下载功能应该实现过不少了吧。如果你实现的是一个web程序，前端请求过来，服务端的任务就是：将服务端主机磁盘中的文件从已连接的socket发出去。

2024-03-12 08:20:57

零拷贝存储开发

深入理解Sora技术原理

初始步骤是收集大量视频数据，并获取或创建这些视频对应的文本标注。这些文本简要描述了视频内容，是训练模型理解视频主题的关键。

2024-03-12 00:00:00

Sora 技术数据

面试官：说说线程池的工作原理？

Spring 项目中，会使用代码可读性更高的 ThreadPoolTaskExecutor 来创建线程池，虽然它的底层也是通过 ThreadPoolExecutor 来实现的，但 ThreadPoolTaskExecutor 可读性更高，因为它不需要在构造方法中设置参数，而是通过属性设置的方式来设置参数的，所以可读性更高。

2024-03-11 18:18:58

项目 Spring 线程池

Python 初学者容易踩的五个坑

在 Python 中，大多数函数或方法都会返回一个值。比如说我们要对一个列表里面的内容进行排序，可以使用 sorted() 方法。

2024-03-11 18:17:18

Python 字符串分隔符

用 C++ 的方式揭秘 2024 春晚魔术背后的秘密！

今年春晚，屏幕前的很多观众跟随刘谦的扑克牌魔术一起见证了奇迹。今天我用代码的方式，给大家揭露春晚魔术背后的秘密。

2024-03-11 15:54:29

createObjectURL 这个 API 好用的离谱，我举几个场景你们就懂了

随着我用 URL.createObjectURL 这个 API 越来越多次，越发感觉真的是一个很好用的方法，列举一下我在项目中用到它的场景吧。

2024-03-11 15:27:41

Rust 写脚手架，Clap你应该知道的二三事

和前端开发类似，当我们把包下载到本地后，我们就需要在对应的入口文件中引入并执行。在前端开发中我们一般挑选的是项目根目录下的index.js。而对于Rust项目来讲，它的入口文件是src/main.rs。

2024-03-11 13:18:00

Rust Clap 项目

为什么不建议使用Date类

通过使用这些新的类和方法，Java 8的时间API使得处理日期和时间变得更加简单、直观和安全。它提供了更丰富的功能和更好的设计，可以更好地满足现代Java应用程序的需求，并避免了以前Date类所存在的问题。

2024-03-11 11:02:03

Date类 Java API

揭秘阿里巴巴面试题：系统设计的终极解密！

数据存储是系统设计中至关重要的一部分，它涉及到如何有效地组织、管理和存储系统中的数据，直接关系到系统的性能、可扩展性和数据安全性。在进行数据存储设计时，我们需要考虑不同类型数据的存储需求，并选择适合的存储引擎和技术方案，以满足系统的实际需求。

2024-03-11 10:52:34

系统设计负载

聊聊 .NET9 FCall/QCall 调用约定

.NET9里面需要在托管和非托管进行相互调用，如果需要调用有效，就必须双方互有约定。使托管代码与CLR保持一致。比如FCall会通过一些宏定义打乱堆栈或者寄存器里面的参数进行重新排序，再比如FCall会对返回值，参数，函数名称进行重新构造。

2024-03-11 10:21:53

.NET9 调用 FCall

常用的 Web 扩展开发框架

Plasmo 是一个专为浏览器扩展开发者设计的全方位平台。它集成了开发、测试和发布扩展所需的一系列工具和服务，旨在简化整个开发流程，提高开发效率，并帮助开发者快速构建出功能强大、性能卓越的浏览器扩展。

2024-03-11 10:19:30

Plasmo 浏览器 Web

奥特曼重回 OpenAI 董事会，新成员曝光！马斯克看后笑不活了，网友：权力的游戏！Ilya 去哪儿了？原创

根据 WilmerHale 制定的记录并遵循特别委员会的建议，董事会就 Sam Altman 和 Greg Brockman 对 OpenAI 的持续领导表示充分信任。

2024-03-11 09:52:58

OpenAI 马斯克架构

Echarts 官宣更新：体积减少98%，UI特效更加好看

Apache ECharts 是一个功能丰富的图表库，但这也导致了较大的包体积。为了应对这一问题，开发者之前已经可以通过 TreeShaking 来按需加载代码，有效减少了不必要的代码量。

2024-03-11 09:41:15

Apache Echarts UI

这个程序员疯了，竟然用写汇编游戏，狂赚3000万美元！

80年代，PC时代正式开启，MS-DOS一统天下，Chris在一家游戏公司做了很多把Amiga游戏移植到DOS平台的工作，对底层编程，尤其是汇编建立了精深的理解。

2024-03-11 09:33:16

程序员汇编 C语言

三分钟学会负载均衡的重要性与Ribbon集成

在本节中，我们学习了如何集成Netflix Ribbon来实现客户端负载均衡。通过Ribbon，我们可以更好地管理服务之间的通信流量，并提高系统的性能和可靠性。

2024-03-11 09:03:12

客户端负载均衡 Ribbon

一次线上JVM GC 长暂停排查，加班搞了好久

JVM进行GC时，需要对对应堆分区的已用内存进行遍历，假如GC的时候，有堆的一部分内容被交换到swap中，遍历到这部分的时候就须要将其交换回内存；更极端情况同一时刻因为内存空间不足，就需要把内存中堆的另外一部分换到SWAP中去，于是在遍历堆分区的过程中，会把整个堆分区轮流往SWAP写一遍，导致GC时间超长。

2024-03-11 08:51:08

JVM SWAP 内存

这一次，彻底搞懵 CRDT

CRDT，全称为 conflict-free replicated data type（无冲突复制数据类型），它是一种数据类型，或者说是方案，确保在网络中的不同副本最后数据保持一致的，可以用协同编辑领域。

2024-03-11 08:47:30

CRDT 数据类型协同编辑

花了两个小时，第一次运行起来 Python 工程

对于每个 PowerPoint 文件，它加载演示文稿并逐一遍历每张幻灯片。对于每张幻灯片，它收集文本和图像信息，并将其格式化为 CSV 文件的一行。CSV 文件的每一行包括文件名、页码、幻灯片文本、幻灯片的演讲者备注以及图像列表。

2024-03-11 08:35:25

Python 工程幻灯片

我们一起聊聊同步和异步调用的本质区别是什么？

对软件开发来说，这两种调用方式的本质区别影响深远。同步调用因为简单直接，适合那些必须顺序执行、步步为营的任务，特别是计算密集型的任务，异步了也没有可以节省的地方。

2024-03-11 08:34:43

同步异步调用

从零开发可视化大屏制作平台(技术拆解版)

相比于传统手工定制的图表与数据仪表盘，可视化大屏制作平台的出现，可以打破抵消的定制开发, 数据分散的问题，通过数据采集、清洗、分析到直观实时的数据可视化展现，能够多方位、多角度、全景展现各项指标，实时监控，动态一目了然。

2024-03-11 08:32:02

可视化大屏数据仪表盘图表

前端如何选择图片的格式？你学会了吗

位图适用于照片和复杂图像，而矢量图适用于图标和简单图形。根据具体的需求和场景，选择合适的格式可以提高图像的质量和性能，同时提升用户体验。

2024-03-11 08:27:43

前端图片格式

Java内存泄漏与内存溢出

为了避免内存溢出，可以通过合理地管理对象的生命周期、优化算法和数据结构、增加堆内存大小等方式来预防和解决内存溢出问题。

2024-03-11 08:22:40

Java 内存泄漏

你能说下线程池有几个参数吗，分别代表什么？

task是worker对象封装的任务。如果当前worker对象上没有任务就调用getTask去阻塞队列拿任务，如果能拿到就处理任务。如果getTask返回null就跳出循环，进入processWorkerExit方法。

2024-03-11 08:15:43

参数线程池方法

聊一聊React 优先级队列的实现方式

当我想要插入一个节点时，只能从二叉堆结构的最后一个位置插入。但是他插入进来之后，如果优先级不符合小顶堆/大顶堆的比较规则，则需要调整新节点的位置。

2024-03-11 07:46:40

React 优先级队列二叉堆

告别繁琐的手动调参，Optuna助您轻松实现超参数优化！

在本文中，我们介绍了Optuna超参数优化框架的基本概念和应用场景，并通过一个简单的Python代码案例演示了如何使用Optuna进行超参数优化。

2024-03-11 06:00:00

Optuna Python 超参数优化

JavaScript 中 for、forEach、for...in、for...of 循环的区别和使用

forEach 是 JavaScript 数组对象的一个方法，用于遍历数组的每个元素，并对每个元素执行指定的回调函数。

2024-03-11 01:00:00

深度解读UUID：结构、原理以及生成机制

UUID是一个长度为128位的标志符，能够在时间和空间上确保其唯一性。UUID最初应用于Apollo网络计算系统，随后在Open Software Foundation（OSF）的分布式计算环境（DCE）中得到应用。可让分布式系统可以不借助中心节点，就可以生成唯一标识，比如唯一的ID进行日志记录。

2024-03-11 00:39:40

原理生成机制

本篇文章将带你真正的搞定SpringMVC工作原理

参数解析器的作用就是用来解析通过请求URI找到对应的处理器方法（PackMethodHandler）。也就是从上面PackHandlerMapping类中保存到Map集合中的通过请求的URI找到对应的PackMethodHandler对象。

2024-03-11 00:08:00

Vue 团队正式开源 Rolldown：基于 Rust 的超快 JavaScrip 打包工具！

目前，Rollup 已成为业内领先的打包工具，其开创了 Tree Shaking 的概念。当 Vite 横空出世，它亦以Rollup 为构建核心，成为多个主流框架的首选构建工具。Rollup 已经从单纯的库打包工具，演变为现代前端开发的核心支柱。

2024-03-11 00:07:00

使用Apache Kafka的Golang实践指南

Apache Kafka作为构建实时数据管道和流应用程序的强大解决方案，得益于其分布式、可扩展和容错的架构。当与Golang结合时，它形成了一个在性能、可扩展性和并发方面表现出色的强大技术栈，非常适合现代应用程序。

2024-03-08 22:39:55

Golang Apache Kafka

上一页 1 ··· 60 61 62 63 64 ··· 542 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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