鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

基于Electron快速将任意网站打包成跨平台的桌面端软件

熟悉Electron的朋友也许知道, Electron继承了来自 Chromium 的多进程架构，这使得Electron在架构上非常类似于一个现代的网页浏览器。我们可以控制两种类型的进程：主进程和渲染器。

2023-12-21 09:16:40

Electron 前端多进程架构

研发提效必备技能：25张图手把手教你基于Docker搭建Maven私服仓库

多系统共用模型与工具会被其他服务依赖，即时通讯SDK和OpenAI大模型接入SDK也会被其他服务依赖，并且多系统共用模型与工具、即时通讯SDK和OpenAI大模型接入SDK都是我们开发分布式IM即时通讯系统时的私有库和组件。

2023-12-21 09:10:13

Docker Maven 私服仓库

useEffect 实践案例：自定义 Hook

我们常常会封装一个函数用于逻辑的复用。自定义 Hook 也是这样的一个在 React 组件内部用于逻辑复用的函数封装。

2023-12-21 09:00:21

函数 React 组件 useEffect

五种注册中心，如何选型？

Euraka 使用时需要显式配置健康检查支持；Zookeeper、Etcd 则在失去了和服务进程的连接情况下任务不健康，而 Consul 相对更为详细点，比如内存是否已使用了90%，文件系统的空间是不是快不足了。

2023-12-21 08:35:30

注册中心 Euraka Etcd

FileProvider共享文件和访问文件的内容提供者

FileProvider通常用于在应用程序之间共享文件，例如在应用程序之间共享图片、文档或其他类型的文件。它还可以用于向其他应用程序提供对特定文件的访问权限，以便其他应用程序可以安全地访问这些文件而无需知道其确切路径。

2023-12-21 08:21:01

FileProvid 应用程序图片

这个17k star的拖拽库有点料

近期在工作中遇到了一个新的需求，该需求需要实现某个组件的拖拽，面对这个需求的第一个项目肯定是问问度娘和用最大同性交友网站进行搜索，最终皇天不负有心人，让我找到了这个17k star的React拖拽库——React DnD。

2023-12-21 08:02:31

React DnD 拖拽库组件

一文搞懂 Java8 reduce操作

我们使用 parallelStream() 方法将列表转换为并行流，再使用 reduce() 方法对整数列表进行 reduce 操作，并使用 Integer::sum 作为合并函数 combiner，将并行计算的结果合并。

2023-12-21 08:02:21

CPU Java8 列表

如何应对 RocketMQ 消息堆积

想要避免和解决消息堆积问题，必须合理的控制消费耗时和消息并发度，其中消费耗时的优先级高于消费并发度，必须先保证消费耗时的合理性，再考虑消费并发度问题。

2023-12-21 08:01:41

RocketMQ 消息堆积

必读！揭秘Python 3.12的功能更新

需要注意的移除：已移除distutils——可以尝试转向setuptools或其他现代化的打包工具。还要注意，asyncore和asynchat也已经移除。

2023-12-21 07:13:08

Python 工具移除

Go 语言中并发的威力

并发在提升软件应用性能方面发挥着关键作用。在今天这个快节奏的数字化世界中，用户期望从他们的应用程序中获得快速的响应。通过同时执行多个任务，程序可以充分利用系统资源，从而实现更快的执行时间和更高的响应速度。

2023-12-21 07:09:32

Go 语言任务

如何使用 templ 在 Go 中编写 HTML 用户界面？

现在，我们已经介绍了如何使用 templ 在 Go 中编写 HTML 用户界面。templ 是一个成熟的工具，可以帮助我们快速构建 web 应用。

2023-12-21 07:06:32

前端 JS 安全对抗原理与实践

前端代码都是公开的，为了提高代码的破解成本、保证JS代码里的一些重要逻辑不被居心叵测的人利用，需要使用一些加密和混淆的防护手段。

2023-12-20 21:30:26

基于Spring Boot，一步步教你用Websockets和STOMP进行消息推送

在本文中，我们学习了如何使用Spring Boot应用程序、WebSockets和STOMP协议发送推送通知。如果希望使用外部的ActiveMQ实例，只需将其连接到应用程序，因为ActiveMQ也支持STOMP协议。

2023-12-20 18:06:33

STOMP 协议 ActiveMQ

C++类模板特化与继承使用说明书，新手也能get

你可以为特定类型提供类模板的替代实现。例如，你可能认为 const char* 类型（C 风格字符串）的 Grid 行为没有意义。

2023-12-20 15:48:51

C ++模板代码

尤雨溪：Vue 3 开发中的经验和教训

在 11 月的 VueConf Toronto 会议上，尤雨溪在《Vue and Vite Status Update》演讲中，分享了 Vue 和 Vite 的状态更新以及在开发 Vue 3 版本中遇到的经验和教训，本文就来看看有哪些经验和教训值得学习！

2023-12-20 15:41:46

面试官：什么是虚拟线程？为什么要有虚拟线程？

Java 中的虚拟线程，也叫做协程或“轻量级线程”，它诞生于 JDK 19（预览 API），正式发布于 JDK 21，它是一种在 Java 虚拟机（JVM）层面实现的逻辑线程，不直接和操作系统的物理线程一一对应，因此它可以减少上下文切换所带来的性能开销。

2023-12-20 14:35:37

Java 虚拟线程

C++中的RAII机制及其智能指针的应用

本文将深入探讨RAII的原理，并通过智能指针这一具体实现来展示RAII在现代C++编程中的应用。

2023-12-20 12:40:51

系统设计小抄 - 如何做到高可用、高吞吐、高扩展性

高扩展性意味着系统可以快速、轻松地扩展，以容纳更多的容量（横向可扩展性）或更多的功能（纵向可扩展性）。通常，我们通过观察响应时间来决定是否需要扩展系统。

2023-12-20 09:26:20

高可用高吞吐高扩展性

什么是NIO？你知道吗？

NIO的核心组件包括通道（Channel）、缓冲区（Buffer）、选择器（Selector）和非阻塞I/O。通过通道和缓冲区的配合，可以实现高效的数据读写操作；选择器则可以实现多路复用，监控多个通道的状态，从而实现非阻塞I/O。

2023-12-20 08:23:53

NIO 组件非阻塞

Java中“100=100”为True，而"1000=1000"为False？

今天跟大家聊一个有趣的话题，在Java中两个Integer对象做比较时，会产生意想不到的结果。

2023-12-20 08:22:29

Java Integer true

探索Zabbix API（三）：导出主机组资源使用率

文章描写了 Zabbix API 的脚本通过与用户交互，动态获取 Zabbix 中主机组的信息，对用户选择的特定主机组，获取该主机组内主机的基本信息以及 CPU 使用率，并将这些信息导出到 CSV 文件中。

2023-12-20 08:00:52

Zabbix 脚本信息

用了这个库，真的可以丢掉任务管理器了

Psutil 是一个跨平台的 Python 库，提供了方便的接口来获取系统的各种信息，比如 CPU 使用情况、内存使用情况、磁盘使用情况、网络连接情况等。

2023-12-19 22:48:22

Psutil Python 库

如何使用pdfplumber库提取PDF文档中的表格数据，并将其导出为Excel文件？

本文介绍了如何使用Python的pdfplumber库来提取PDF文档中的表格数据，并将提取出的数据保存为Excel文件。

2023-12-19 22:44:45

Python PDF Excel

三种在JavaScript中终止forEach循环的方式

面试官：你能停止 JavaScript 中的 forEach 循环吗？这是我在面试中曾被问到的一个问题，我当初的回答是：“不，我不能这样做。”

2023-12-19 16:43:01

JavaScript 开发

你应该了解的 15 个 CSS 隐藏属性

CSS（层叠样式表）是前端开发领域的主要技能之一，用于实现网站设计的视觉呈现。虽然您可能已经熟悉许多 CSS 属性，但仍有一些较少讨论的属性可以增强您的样式设计能力。在今天这篇文章中，我将通过代码片段与你分享15 个 CSS 属性。

2023-12-19 16:39:18

CSS 开发前端

12 个超级实用的 CSS 技巧

本文来分享 12 个超级实用的CSS 技巧，帮助你充分发挥 CSS 的优势，优化用户体验。

2023-12-19 13:31:00

CSS 前端技巧

面试官：你来说说 Linux 是如何启动的？

当我们打开电源时，BIOS（基本输入/输出系统，Basic Input/Output System）或 UEFI（统一可扩展固件接口，Unified Extensible Firmware Interface）固件会从非易失性内存中加载，并执行 POST（开机自检，Power On Self Test）。

2023-12-19 09:24:22

Linux BIOS UEFI

Python 中如何编写类型提示

类型提示是 Python 中一个可选但非常有用的功能，可以使代码更易于阅读和调试，那么该如何编写类型提示呢？

2023-12-18 18:58:54

Python 类型提示代码

前端新玩具来了，速度快的惊人

12 月 12 日，Oxlint 正式发布，这是一个 JavaScript linter，旨在捕获错误或无用的代码，默认情况下不需要任何配置。根据官方的介绍，Oxlint 使用 Rust 编写，速度比 ESLint 快 50-100 倍！

2023-12-18 16:40:23

Oxlint JavaScrip Rust

Java操作MongoDB如何批量写入数据

当需要插入、更新或删除大量文档时，一次执行多个操作比分别执行每个操作要快得多。批量操作减少了网络往返次数，减少了I/O负载，并且可能允许数据库引擎更有效地利用内部缓存和其他资源。

2023-12-18 16:07:15

Java MongoDB 批量读写

Finally中的代码一定会执行吗？

正常运行的情况下，Finally 中的代码是一定会执行的，但是，如果遇到 System.exit() 方法或 Runtime.getRuntime().halt() 方法，或者是 Try 中发生了死循环、死锁，遇到了掉电、JVM 崩溃等问题，Finally 中的代码是不会执行的。

2023-12-18 13:10:00

finally 死锁 JVM 崩溃

Python 的 match 有点好用，推荐试试

Python 的 match 和 switch 都是控制流语句，但它们在语法和用法上有一些区别。

2023-12-18 11:26:57

编程语言 Python switch

理解C++之类模板

与模板函数相似，类也可以被一种或多种类型参数化，标准库中的容器类就是一个具有这种特性的典型例子。

2023-12-18 11:15:03

C++类模板代码

C++17中的并行功能：提升性能的新利器

本文将深入探讨 C++17 中的并行功能，并通过代码示例来解释这些功能是如何工作的。

2023-12-18 10:11:36

C++17 C++代码

Vue3问题：如何实现微信扫码支付？全面！

点击微信扫码支付按钮，会弹出扫码支付弹框，在弹框中部显示一个微信支付的二维码。用户打开微信扫码并支付成功后，就会关闭弹框，弹出成功消息提示，并刷新表格数据，更新对应订单的支付状态，置灰微信扫码支付按钮。

2023-12-18 09:58:46

微信扫码支付 Vue3

浅析 Preact Signals 及实现原理

Preact Signals 本身在状态管理上区别于 React Hooks 上的一个点在于: Signals 本身是基于应用的状态图去做数据更新，而 Hooks 本身则是依附于 React 的组件树去进行更新。

2023-12-18 09:39:13

Preact Hooks 状态管理

C++17中的if和switch语句初始化

C++17引入的if/switch语句初始化特性为开发者提供了一种更加简洁、直观的方式来编写条件判断逻辑。

2023-12-18 09:26:12

为什么不建议交付静态链接的可执行文件给用户？

在 Linux 系统中，动态库和静态库是两种不同类型的库文件，它们在程序的编译和运行过程中扮演着不同的角色。

2023-12-18 09:21:22

开发静态编译 Linux

尝试借助CSS @container实现多行文本展开收起

时代在进步，CSS也在不断发展。 CSS 容器查询出来也有一段时间了，能够动态判断容器尺寸，赶紧拿来用一下，发现并没有想象中的那么顺利，甚至还有些难用，一起看看吧！

2023-12-18 09:15:58

CSS 前端容器查询

使用 Sidecar CRD 优化 Istio 性能

Sidecar 对象描述了 Sidecar 代理的配置，Sidecar 代理管理与其连接的工作负载的Inbound 和 Outbound 流量。默认情况下，Istio 将为网格中的所有 Sidecar 代理服务，使其具有到达网格中每个工作负载所需的必要配置，并在与工作负载关联的所有端口上接收流量。

2023-12-18 09:08:40

Istio Sidecar 代理服务

真实还原面试过程，被问懵了

并发编程一直是让人很头疼的事情，很多人总觉得自己似乎掌握了并发编程的知识，就像文中的小菜那样，信心满满的去面试，却被面试官吊打虐哭。

2023-12-18 08:03:56

并发编程 Java

让我们通过构建一个现代 JavaScript 框架来学习它是如何工作的

如果所有这些东西都到位，那么你可以想象在实际上拥有一个“在浏览器中的 Lit”，或者至少一种快速构建你自己“在浏览器中的 Lit”的方法。与此同时，我希望这个小练习有助于说明一些框架作者考虑的事情，以及你最喜欢的 JavaScript 框架底层的一些机制。

2023-12-18 08:00:42

JavaScrip 框架 Lit

JavaScript：简单理解防抖和节流，如何定义防抖和节流函数

防抖函数，就是防止抖动，避免事件重复触发。比如监听输入框的输入，不应该在用户每输入一个字符就触发监听，而是在用户输入结束后再来监听。

2023-12-18 07:37:17

JavaScript 防抖节流

前端性能指标--首屏时间统计

页面首屏加载速度就成了重要的前端性能指标，统计首屏时间可以帮助我们更好地分析原因和优化性能，进而提升项目质量、提高用户的使用体验。

2023-12-17 14:49:20

前端首屏时间

利用Python的元类自己动手写一个简单的ORM

在本文中，我们介绍了在Python中如何利用元类构建一个简单的ORM。通过使用元类，我们可以在类创建时自定义类的行为和属性，从而为ORM添加额外的功能。我们展示了一个示例代码，其中包含了基本的数据库操作方法，如find和save。这个简单的ORM可以让我们更方便地操作数据库，同时避免了直接编写SQL语句的复杂性。

2023-12-16 13:21:00

Python 元类 ORM

Vue 2 即将结束支持，你需要注意这些！

当 Vue 2 最终到达 EOL 时，这将是一个令人感慨的时刻。Vue 3 生态系统正在蓬勃发展，不断创新。Vue 3.4目前正在测试阶段，编译器和运行时都有性能改进。Vue 团队也正在 Vapor 模式方面取得良好进展。Vue 2的结束只是一个新的开始，2024 年将是 Vue 令人激动的一年！

2023-12-16 10:37:58

Vue 2 框架功能

React Native 0.73 正式发布，你知道增加了什么吗？

自 React Native 0.68 版本起，引入了新的渲染器（Fabric）和新的原生模块系统（TurboModules），社区用户已经可以开始实验和评估这些新功能。

2023-12-15 14:57:39

React Native Fabric

Go 与 Rust：现代编程语言的深度对比

Go 和 Rust 都是现代、高效的编程语言，它们各有所长。选择哪种语言取决于项目需求、团队熟悉度和性能要求。了解每种语言的特点将帮助开发者做出更合适的选择。

2023-12-15 14:38:00

Go Rust 编程语言

告别拷贝烦恼：为何版本管理工具是更好的选择？

虽然手动拷贝备份是一种简单的方式，但在现代软件开发等需要更为复杂版本管理的场景下，专业的版本管理工具（如Git）的优越性能更为显著。通过选择合适的工具，我们能够更高效、精准地管理项目，使得软件开发变得更加顺畅。

2023-12-15 14:26:00

版本管理工具

解锁RocketMQ秘籍：如何保障消息顺序性？

RocketMQ作为一款高性能的消息中间件，通过队列模型、消息发送顺序和消费顺序等多个方面，为我们提供了强大的消息顺序性保障机制。在面试中，要想深入理解RocketMQ的顺序性保障，首先要熟悉其基本原理，然后在实际应用中不断总结经验，提高对业务需求的洞察力，找到合适的权衡点。

2023-12-15 13:08:00

RocketMQ 中间件消费顺序

上一页 1 ··· 80 81 82 83 84 ··· 542 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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