鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

递归检索包含子串的所有文本节点的最快方法

本文将深入探讨几种检索HTML元素中所有子文本节点的方法，并通过性能测试找出最优解。

2024-10-24 10:16:36

HTML元素递归检索 Web开发

面试官：主键使用自增还是UUID？

对于分布式id目前主流方案包括UUID、雪花算法、MySQL维护自增id表、redis的incr命令、美团技术团队的Leaf分布式id生成服务等。

2024-10-24 09:22:30

UUID 雪花算法 id表

Vue3 的 Teleport 是个性能利器，为啥大家都死活不用？

很多人看到刚刚的优化手段，就想着使用鼠标点击坐标定位的方式去移动颜色选择器，其实不需要，因为Vue3已经为我们提供了一个现成的传送门组件Teleport。

2024-10-24 09:18:45

Vue3 Teleport 性能

使用 ZTM 增强极空间 NAS 的远程访问能力

在本次演示中，展示了如何通过 ZTM 增强极空间 NAS 的远程访问功能。即使没有 NAS 设备，只要网络中存在任何可以运行 ZTM Agent 的设备，都可以实现远程访问。ZTM 支持所有基于 TCP 或 UDP 的协议，确保更广泛的应用场景和更高的兼容性。

2024-10-24 08:57:40

API是如何防止崩溃的？你知道吗？

为了防止崩溃，API需要综合考虑多个方面，包括异常处理、输入验证、资源管理、日志记录、安全措施、版本控制、测试、监控和警报、文档和支持以及持续改进。

2024-10-24 08:47:12

API 输入验证日志记录

vivo 校招：说一说 JVM 垃圾回收算法有哪些？分别用在哪些垃圾收

下面就分享一位校招同学在 vivo Java 后端岗位面试中就有问到 JVM 垃圾回收算法以及这些算法分别用在哪些垃圾收集器？

2024-10-24 08:31:26

JVM 垃圾回收算法

瞧瞧别人家的异常处理，那叫一个优雅

在我们日常工作中，经常会遇到一些异常，比如：NullPointerException、NumberFormatException、ClassCastException等等。那么问题来了，我们该如何处理异常，让代码变得更优雅呢？

2024-10-24 08:21:33

处理异常自定义异常数据转换

C#常见的四种经典查找算法

线性查找算法是一种简单的查找算法，用于在一个数组或列表中查找一个特定的元素。它从数组的第一个元素开始，逐个检查每个元素，直到找到所需的元素或搜索完整个数组。线性查找的时间复杂度为O(n)，其中n是数组中的元素数量。

2024-10-24 08:04:00

经典查找算法

十大PHP框架：哪种框架是被用得最多的PHP框架？译文精选

Web开发的主力编程语言PHP继续在构建Web应用程序和定制应用软件开发中占统治地位。由于可供使用的框架太多，选择一种合适的框架可能并非易事。

2024-10-24 08:00:00

Web开发编程语言框架

一篇文章带你搞懂JavaScript 微任务（Microtask）

Promise 处理始终是异步的，因为所有 promise 行为都会通过内部的 “promise jobs” 队列，也被称为“微任务队列”。

2024-10-23 16:02:40

JavaScript Promise rejection

矩阵分解：Pixijs 中的 Matrix 和 Transform

矩阵的优点是计算方便，比如父节点和子节点都有 matrix，那子节点最终在画布的 matrix 就是它们的矩阵直接相乘。缺点也明显，就是它的值是几个多种矩阵变换得到的数字，语义糟糕，看不出图形做了什么形变。

2024-10-23 09:05:07

Pixijs Matrix Transform

详解三大权限模型：ACL，ABAC，RBAC

RBAC模型通过将用户与角色相互关联，并通过角色与权限相互关联，实现了对系统资源的更加精细化的访问控制和管理。

2024-10-23 08:45:07

Styled Components 可能在 2024 年过时

在2024年，Styled Components和CSS Modules都是强大的React应用样式化工具。Styled Components提供了现代、动态的样式方法，而CSS Modules则提供了熟悉且性能友好的解决方案。

2024-10-23 08:27:36

前端开发 React CSS

聊聊 Spring Data Redis本质

Spring Data Redis默认是异步的，而使用响应式编程的公司实际也不多见。因为响应式编程是受到环境制约的。它要基于WebFlex，而WebFlex与咱们常用的Web是二选一的。

2024-10-23 08:13:30

Spring 响应式编程

如何在 JavaScript 中取消Promises？

JavaScript 中的 Promises 是管理异步操作的天赐之物，它提供了一种处理成功和失败的简洁方法。

2024-10-22 15:10:49

JavaScript Promise 管理异步

80% 的前端都不知道 AbortController 究竟有多么强大！

有时候，你的中断条件只依赖于一个 AbortController，而有时候，一个中断条件需要依赖多个 AbortController 来决定，那应该咋做呢？貌似我们刚刚的 signal 只能传入一个。

2024-10-22 09:03:35

前端 signal API

前端转鸿蒙开发几个比较难受的地方

这篇文章，结合我这一年多以来的鸿蒙应用开发经验，给大家分享一下，鸿蒙开发与前端开发在编码习惯上，我个人认为几个比较重要的差异。

2024-10-22 09:02:01

鸿蒙开发前端开发 arkTS

巧用Dictionary实现日志数据批量插入

对于C#中的Dictionary类相信大家都不陌生，这是一个Collection(集合)类型，可以通过Key/Value(键值对的形式来存放数据；该类最大的优点就是它查找元素的时间复杂度接近O(1)，实际项目中常被用来做一些数据的本地缓存，提升整体效率。

2024-10-22 08:47:03

Dictionary 日志数据

Apache Seata 新版本集成了 RocketMQ 事务消息

Apache Seata 引入 RocketMQ 后，支持的分布式事务场景更加丰富，MQ 的异步特性也让事务模型整体性能提升。

2024-10-22 08:01:15

MQ RocketMQ 分布式

如何利用预取技术提升Web性能：减少加载时间，优化用户体验译文精选

我们都曾遭遇过这样的烦恼：漫长的加载界面之后，却只等来了毫无反应的网页。随处可见的加载图标不停旋转，但一切似乎都停滞不前。

2024-10-22 08:00:00

Web API 预取技术

如何正确判断Java线程池的大小

线程池（ThreadPool）是由执行器服务（executor service）管理的工作线程池。其理念是重用现有线程，而不是为每个任务创建新线程。

2024-10-21 18:12:14

Java 线程池线程

CK、ES、RediSearch 谁才是性能之王？

在开发中遇到一个业务诉求，需要在千万量级的底池数据中筛选出不超过 10W 的数据，并根据配置的权重规则进行排序、打散（如同一个类目下的商品数据不能连续出现 3 次）。下面对该业务诉求的实现，设计思路和方案优化进行介绍。

2024-10-21 17:51:25

CK ES RediSearch

11 个有用的前端技巧，一定有你不知道的！

昨天看了一篇博客，里面讲到了一些非常有意思的前端技巧，今天分享给大家。

2024-10-21 17:46:54

十个每个开发人员都应该知道的JavaScript概念

JavaScript 是最流行的编程语言之一，掌握它对于任何开发人员来说都是必不可少的。

2024-10-21 13:15:03

JavaScript 编程语言开发

七种功能强大的数组方法

数组的功能远不止 map()、filter()、find() 和 push()。但大多数开发人员对此一无所知 — 他们错过了7种强大的方法。

2024-10-21 13:05:40

深入源码，进一步考察字节码的执行流程

我们就深入源码，考察了虚拟机执行字节码的流程，帧评估函数虽然很长，也有那么一些复杂，但是核心逻辑不难理解。就是把自己当成一颗 CPU，在栈帧中执行指令。

2024-10-21 10:45:52

字节码执行 CPU

这些 JavaScript 新功能太酷了吧！

在 JavaScript正则表达式中有一个限制：命名捕获组的名称必须是唯一的。在某些情况下，开发者可能需要匹配具有多种格式的相同内容，例如日期，它们可能以YYYY-MM或MM-YYYY的形式出现。如果不允许重复使用组名，开发者就无法为这两种格式使用相同的组名来提取年份。

2024-10-21 09:07:52

JavaScrip 格式新特性

看看 PHP 高性能框架 Workerman 源码中信号的使用姿势

信号是一种轻量级的消息传递机制，通常用于软件中断异步通知。比如我们常用的 kill -9 xxx 就是对 xxx 程序发送了强制终止其进程的 SIGKILL 信号，还有我们经常会用的 Ctrl+C 或 Ctrl+D 等键盘操作事件，也会产生 SIGINT 终端退出信号。

2024-10-21 09:06:15

信号 Master Workerman

工作 7 年后放弃 Redux？还是Zustand 好用

Zustand作为新一代状态管理方案，在简洁性、性能和灵活性方面都展现出了明显优势。对于正在使用Redux但面临性能瓶颈或开发效率问题的团队来说，Zustand是一个值得考虑的替代方案。

2024-10-21 08:35:22

Zustand 状态管理

深入理解 StarRocks 的元数据管理

每隔一段时间都会打印 base-table 也就是物化视图的基表被删除了，但其实表还在，也没人去删除；我们就怀疑是否真的表被删除了（可能是 bug）。与此同时还有物化视图 inactive 的日志，也怀疑如果视图是 inactive 之后会导致业务使用有问题。

2024-10-21 08:08:56

StarRocks 元数据管理

ASP.NET Core EFCore 属性配置与DbContext 详解

Entity Framework Core提供了强大的属性配置和DbContext机制，使开发者能够轻松地在ASP.NET Core应用程序中管理数据库操作。通过数据注解和Fluent API，开发者可以灵活地定义实体类与数据库表之间的映射关系。

2024-10-21 07:15:08

DbContext 机制 API

C#特性详解及实例应用，你学会了吗？

在C#中，特性（Attributes）是一种强大的语言结构，它允许开发者向程序的程序集、类、方法等元素添加元数据，从而在运行时通过反射等方式查询和操作这些元数据信息。本文将深入探讨C#特性的概念、作用、常见用途，并通过实例代码展示其具体应用。

2024-10-21 07:05:14

彻底告别 Date，TC 39 提案 Temporal API

JavaScript 自诞生以来，处理日期和时间一直是开发者们头疼的难题。虽然 Date 对象自 1990 年代就已经引入，但它的问题随着时间的推移变得愈发突出。错误的时区处理、复杂的日期操作以及闰秒、夏令时等问题，令 Date API 在复杂场景中几乎无法胜任。

2024-10-21 00:00:03

JavaScript DateAPI

虚拟机是怎么执行字节码的？背后都经历了哪些过程

本篇文章我们从宏观的角度介绍了虚拟机执行字节码的流程，说白了虚拟机就是把自己当成一个 CPU，在栈桢中执行指令。通过遍历字节码指令集，基于不同的指令执行不同的处理逻辑。

2024-10-20 13:28:47

虚拟机字节码 CPU

MutationObserver 回调是作为任务或微任务同步或异步调用的？如果出现异常怎么办？

MutationObserver提供了一种强大而高效的方式来监控DOM变化。了解其作为微任务执行、变更合并和异常处理的特性，可以帮助开发者更好地设计和实现DOM监控逻辑。在实际应用中，合理利用这些特性可以优化性能，并实现更复杂的DOM交互功能。

2024-10-20 13:20:46

DOM 应用性能

招聘人员需要用到的20个Python脚本工具

公司人事招聘人员在日常工作中可能会处理大量的简历、面试安排、候选人评估等任务。Python可以提供强大的工具来自动化这些流程，提高工作效率。

2024-10-18 14:59:40

Python 招聘脚本

高效初始化！Spring Boot 3.3借助DAG加速Spring Beans加载！

本文详细介绍了如何在 Spring Boot 3.3 中实现异步执行任务的最佳实践。我们通过配置 YAML 文件、创建配置属性类、实现异步任务服务类和控制器，最后使用前端 jQuery 调用异步接口，展示了异步任务的完整实现流程。

2024-10-18 11:32:15

Spring YAML 接口

盘点并发编程中几个实用的线程同步技术

本文主要围绕 Java 多线程中常见的并发工具类进行了简单的用例介绍，这些工具类都可以实现线程同步的效果，底层原理实现主要是基于 AQS 队列式同步器来实现，关于 AQS 我们会在后期的文章中再次介绍。

2024-10-18 11:29:15

并发编程工具类

Go 语言如何调用OpenAI API，包括 ChatGPT、GPT-3、GPT-4、DALL·E 3 和 Whisper

如果你不想依赖第三方库，或不关心高精度的令牌计数，可以手动基于字符或单词数量进行简单的估算。OpenAI 的令牌化方式大致上是按照单词、标点符号、空格等计算的。

2024-10-18 11:12:44

Go 语言计数

使用Vite 开发Vue3项目如何使用Pina，你学会了吗？

Actions 通常是同步或异步函数，可以访问到整个 store 实例，因此可以直接修改 state 或者调用其他 actions 和 getters。

2024-10-18 10:49:03

Actions 异步函数

高性能PHP框架webman协程Redis动态连接池

在webman框架的控制器使用的时候，存在会被多次调用Pool::create()方法多次创建重复区域会抛出异常，可以在config/bootstrap.php中占位初始化。

2024-10-18 10:27:50

PHP 框架 webma

强一致锁：如何解决高并发下的库存争抢问题？

当多线程并行对同一个公共变量读写时，由于没有互斥，多线程的 set 会相互覆盖或读取时容易读到其他线程刚写一半的数据，这就导致变量数据被损坏。

2024-10-18 10:04:01

高并发库存争抢

SpringBoot 优雅使用 Mybatis 的几种姿势！

两种模式各有特点，注解版适合简单快速的模式，其实像现在流行的这种微服务模式，一个微服务就会对应一个自已的数据库，多表连接查询的需求会大大的降低，会越来越适合这种模式。

2024-10-18 08:53:49

Spring Mybatis 微服务

还在使用对象吗？发现 JS/TS 中 Map() 改变游戏规则的力量

虽然对象仍然是JavaScript和TypeScript的基础部分，但Map为处理键值对提供了一个强大的替代方案。它带来了灵活性、更好的动态集合性能，以及一套直观的方法，可以简化代码。下次当你需要存储键值对时，不妨考虑一下Map是否更适合你的需求。

2024-10-18 08:36:24

JavaScript TypeScript Map

一文带您掌握十个强大的Python内置函数

将代码编译为字节码，快速而简洁。Python中的compile()函数将源代码编译为可以稍后执行的代码对象。它允许你将一段Python代码字符串转换为代码对象，然后可以将其传递给exec()或eval()进行执行。

2024-10-17 16:45:46

Python 内置函数

Vue 预渲染：深入探索 prerender-spa-plugin 与 vue-meta-info 的联合应用

为了优化SEO，预渲染技术应运而生，除了nuxt.js，prerender-spa-plugin与vue-meta-info也是这一领域中的佼佼者。本文将深入探讨这两者如何携手提升Vue.js项目的SEO能力。

2024-10-17 16:39:18

决定弃用 Nacos 了！

随着程序功能的日益复杂，程序的配置日益增多，各种功能的开关、参数的配置、服务器的地址……对程序配置的期望值也越来越高，配置修改后实时生效，灰度发布，分环境、分集群管理配置，完善的权限、审核机制…… 在这样的大环境下，传统的通过配置文件、数据库等方式已经越来越无法满足开发人员对配置管理的需求。

2024-10-17 14:14:29

Nacos 端口接口

神奇注解：一键下载任意对象

最开始上下文的初始化和销毁各自对应了一个步骤分别位于最开始和最末尾，但是当我在webflux中写完响应后，发现上下文的销毁不会执行。于是我跟了下Spring的源码发现写入方法返回的是Mono.empty()，也就是说，当响应写入后就不会往下调用next方法了，所以在响应写入之后的步骤永远都不会被调用。

2024-10-17 11:09:46

下载任意对象 Spring

Vue 中数据改变后，组件不更新，怎么办？

如果需要立即强制更新组件，可以使用 $forceUpdate 方法。但是这种方法应该谨慎使用，因为它会绕过 Vue 的更新优化机制。

2024-10-17 10:25:34

Vue 组件方法

我们聊聊 Nginx 负载的参数优化，你学会了吗？

`sendfile` 指令用于启用高效文件传输模式，可以减少 CPU 开销，因为它允许操作系统直接传输文件数据到网络，而不需要复制到用户空间。

2024-10-17 10:00:59

CPU 开销系统

上一页 1 ··· 19 20 21 22 23 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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