鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.6w内容

关注

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

文章博文帖子课程

共 2.6w 条

JavaScript 终于原生支持数组分组了！

在日常开发中，很多时候需要对数组进行分组，每次都要手写一个分组函数，或者使用lodash的groupBy函数。好消息是，JavaScript 现在正在引入全新的分组方法：Object.groupBy和Map.groupBy，以后再也不需要手写分组函数了，目前最新版本的 Chrome（117）已经支持了这两个方法！

2023-09-21 10:09:10

JavaScript 数组分组

OpenAI一夜颠覆AI绘画！DALL·E 3+ChatGPT强强联合，画面直接细节爆炸

关于隐私方面，之前纽约时报就曾爆料称，OpenAI正在通过某些技术，模糊掉上传到ChatGPT的图像中的人脸。这也是为了避免ChatGPT变成一个彻底的“人脸识别工具”，尤其是已经有不少照片流传到互联网上的名人明星们。

2023-09-21 09:49:09

人脸识别 • ChatGPT 图像

用.NET X64 Native AOT编写的操作系统

如果要运行VMware，则需要x64，不支持32位）windows 10-11 x64 或 x86四:至少 2012 年或更高版本的 CPU，或者基本意义上的Ivy Bridge CPU或更高版本五:4GB 内存，但建议使用 8GB 内存。

2023-09-21 08:46:44

操作系统 windows 10 内存

一起聊聊GraalVM for JDK 21

引入 API 来表示向量计算，这些向量计算在运行时可靠地编译为支持的 CPU 架构上的最佳向量指令，从而实现优于等效标量计算的性能。

2023-09-21 08:16:56

JDK 21 向量计算计算

一篇聊聊Mybatis插件开发

允许在 plugin 元素中配置所需参数，方法在插件初始化的时候就被调用了一次，然后把插件对象存入到配置中，以便后面再取出。

2023-09-21 08:05:49

Mybatis 插件开发

数据工程中的单元测试完全指南

在数据工程的背景下，采用单元测试可以确保您的数据和业务逻辑的准确性，进而产出高质量的数据，获得您的数据分析师、科学家和决策者对数据的信任。

2023-09-20 21:30:14

单元测试完全指南

为什么Java开发者的求职市场变小了？

Java是一种广泛使用的编程语言，它在企业级应用、网站开发、移动端开发等领域都有着重要的地位。然而，近年来，Java开发者的求职市场似乎出现了一些变化，许多人感觉到了竞争的压力和机会的减少。

2023-09-20 15:02:56

Java 编程语言

很多主流项目都放弃了Java 8，背后的原因是什么

大家有没有发现，现在越来越多的软件安装时最低要求都是 Java 11。比如 Flink。

2023-09-20 11:36:47

Next.js 13.5 正式发布，速度大幅提升！

在继续迭代和改进当前打包工具性能的同时，Next.js 团队还在开发 Turbopack（beta）以进一步提高性能。在13.5版本中，next dev --turbo现在支持更多功能。

2023-09-20 10:14:03

被难倒了! 针对高级前端的八个级JavaScript面试问题

在这篇博客文章中，我们将深入解释一些重要的 JavaScript 面试问题。我的目标是彻底解释这些面试问题，以便我们能够理解背后的基本概念，并希望在面试中解决其他类似的问题。

2023-09-20 08:03:32

JavaScript 编程语言

Ceph 使用 NVME 是否可以实现 10k 混合 IOPS ？

为了尽可能匹配用户的环境，我们只使用了集群中的 6 个节点，其中 2 个 OSD 在单个 NVMe 驱动器上运行，每个 OSD 用于 Ceph。其余节点用作客户端节点。所有节点都位于同一Juniper QFX5200 交换机上，并通过单个 100GbE QSFP28 连接。

2023-09-20 08:02:09

为什么 Python 代码在函数中运行得更快？

如果想要进一步提高 python 函数代码效率，不妨考虑一下使用局部变量而不是全局变量，另一种方法是尽可能使用内置函数和库。Python 的内置函数是用 C 实现的，比 Python 快得多。

2023-09-20 00:06:30

Python 代码函数

七种实现Web实时消息推送的方案

实时消息推送是指在浏览器中展示实时更新的消息，而无需刷新页面。一起来看看七种实现Web实时消息推送的方案都有哪些吧。

2023-09-19 15:33:50

Web 实时消息推送

优秀实践：CPU核心数和线程池大小之间的关系

在Java中创建线程会产生明显的开销。创建线程消耗时间，增加请求处理的延迟，并涉及JVM和操作系统的大量工作。为了减少这些开销，线程池发挥着重要作用。

2023-09-19 14:59:47

图解「正向代理」的原理 + 实践应用

每一种设计模式都会配套合适的真实场景案例，加上“老王”耐心的讲解，小菜下班后自己不断总结和思考，随后，将其使用到真实场景中。整个过程，实际上就是需求在驱动。

2023-09-19 08:12:18

正向代理设计模式场景

Github的一个奇技淫巧，你学会了吗？

借着这个机会也了解了 rebase 的骚操作挺多的，不过我平时用的最多的还是 merge，这个倒没有好坏之分，只要同组的开发者都达成一致即可。

2023-09-19 08:03:50

小心这个陷阱：为什么JS中的 Every()对空数组总返回 True

当我第一次看到 Every() 在空数组上的行为时，我感到很惊讶，但一旦你理解了这个操作的更大背景和这个功能在各种语言中的广泛应用，就会觉得它是有道理的。如果你也对这个行为感到困惑，那么我建议你改变阅读 Every() 调用的方式。

2023-09-19 08:03:01

JavaScript every()

Spring强大的数据格式化处理功能，你必须得知道

要创建自己的Formatter格式化程序，只需要实现上面的Formatter接口。将泛型T替换为需要格式化的对象类型 — 例如，java.util.Date。实现print()操作以打印T的实例以在客户端区域中显示。实现parse()操作，从客户端语言环境返回的格式化表示中解析T的实例。

2023-09-19 08:01:33

数据格式化程序

如何使用Python构建OTP验证系统？译文

这篇指南介绍了使用Python应用程序构建并运行一次性口令（OTP）验证系统。

2023-09-19 08:00:00

包体积：Layout 二进制文件裁剪优化

而在反射前，传入的 R.layout.xxx 文件是如何完成 XML 解析类的创建，后续又是如何通过该类完成 XML 中的数据解析呢？

2023-09-18 23:50:25

二进制文件裁剪 Layout

场景题：海量数据如何判重？

在海量数据如何确定一个值是否存在？通常有两种解决方案：哈希表和布隆过滤器，而它们两都存在误判的情况，但布隆过滤器更适合海量数据的判断，因为它占用的数据空间更小。

2023-09-18 16:59:06

数据布隆过滤器

TIOBE 9 月编程语言排行榜出炉！Python登顶，Kotlin强势杀回

TIOBE 9月编程语言排行榜发布：Python 登顶，Kotlin强势杀回0。

2023-09-18 15:12:22

编程语言 Python

五小步快速集成使用sentinel限流

在微服务系统中，缓存、限流、熔断是保证系统高可用的三板斧。本文通过如下几个小步骤，即可让spring项目快速集成使用sentinel实现系统限流。

2023-09-18 14:39:02

TCP与UDP协议：网络通信中的两大重要角色

在这篇文章中，我们将揭开TCP和UDP这两个“交通指挥官”的神秘面纱，看看它们是如何在这个数字迷宫中引导我们的数据来去自如的，就像是在网络高速公路上开着各种“车”一样，有小巧敏捷的UDP跑车，也有稳重可靠的TCP家用车，它们共同构筑了一个充满乐趣和奇妙的网络世界！

2023-09-18 13:12:00

Package.json 配置完全解读，充分了解这些配置有助于我们提高开发的效率

在每个前端项目中，都有package.json文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等。package.json文件是一个JSON对象，该对象的每一个成员就是当前项目的一项设置。package.json作为前端的大管家，到底有哪些配置和我们的日常开发密切相关？下面就来仔细剖析一下这个文件。

2023-09-18 10:11:25

重新学习 scrollIntoview

至于「instant」，实测和「auto」效果一致，如果设置了 CSS 平滑滚动，即使设置了scroll-behavior: instant仍然是平滑滚动，并不是我想象中的直接跳转❓。

2023-09-18 08:55:53

scroll auto 语法

一文带你弄懂 CSS 布局知识

对于 CSS 布局，之前自己只粗浅地知道 float、display 这些属性，并没有深入对比彼此的区别。当然也没有去了解这些属性背后的 CSS 发展历程，于是很多时候都会被弄晕。

2023-09-18 08:02:45

CSS 布局属性

为什么说MyBatis默认的DefaultSqlSession是线程不安全？

如果SqlSession没有被Spring管理（也就是事务是自行处理没有用Spring的事务管理@Transactional）那么Spring会强制提交事务。如果没有在Spring环境下，Mybatis事务是不会自动提交的(的看你openSession方法参数如何传)。

2023-09-18 08:01:06

Spring 管理 Mybatis

Remix 2.0 正式发布，现代化全栈Web框架！

目前，Next.js 拥有 112k star，是 Remix 的近 5 倍。Next.js 周下载量 279 万，而 Remix 仅有 1.4 万，Next.js 是 Remix 的近 200 倍。可见，Remix 并没有像大家预料的那样，成为 Next.js 的有力竞争对手，在开发者社区中只有较小的市场份额。尽管如此，Remix 仍然吸引了一些开发者，并且在特定领域或项目中有其优势和适用性。

2023-09-17 12:21:21

Go语言进化之路：泛型的崛起与复用的新篇章

在Golang中，泛型功能的引入提高了Go的通用性、可读性和安全性。使用类型参数化的方式，我们可以编写出可以处理任何类型的代码。

2023-09-15 21:05:19

Go 语言参数化

Netty Promise和JavaScript Promise对比

JavaScript Promise和Netty Promise都用于异步编程，但它们适用的语言和领域不同，具有一些差异和特点。

2023-09-15 15:31:23

异步编程 Promise

Google 2023开发者大会简单回顾 - Web 平台新动向

关于 web 平台新动向的大致内容了，一句话总结：Web 是最开放的平台，一切皆有可能，人人都有机会。

2023-09-15 13:59:37

WPF依赖属性介绍和用法举例

使用依赖属性还可以使用元数据（PropertyMetadata）来指定属性的默认值、属性改变的回调方法等。这些可以通过 PropertyMetadata 构造函数的参数进行配置。

2023-09-15 11:49:33

wpf 依赖属性

SpringBoot拦截器和动态代理有什么区别？

在 Spring Boot 中，拦截器和动态代理都是用来实现功能增强的，但二者没有任何关联关系，它的区别主要体现在使用范围、实现原理、加入时机和使用的难易程度都是不同的。

2023-09-15 11:26:16

SpringBoot 拦截器

前端工程化小记

关于代码语法检查、代码格式化、commit注释规范、代码编译等等这些工作量繁杂且巨大的苦力活，除非你不想把人当马用，那还是交给机器去做，是吗？

2023-09-15 10:33:45

前端工程化 commit

2023 年前端 UI 组件库概述，百花齐放！2023 年前端 UI 组件库概述，百花齐放！

虽然市面上有许多不同的UI组件库可供选择，但在2023年底也并没有出现一两个明确的解决方案能够适用于所有情况。因为不同的前端框架（例如React、Angular、Vue等）都有自己的优势和适用场景，所以对应的UI组件库也会有所不同。

2023-09-15 09:30:23

UI组件库前端

Spring Cloud Gateway提供的简易网关实现方式，你使用过吗？

对于“敏感”标头（默认情况下为cookie和authorization）和“代理”（x-forward-*）头，提供了非常好的支持，这些头不会向下游传递。如：当我们的请求中有Authorization 请求Header信息时，默认将不会向下游传递，这是默认行为还有cookie。我们可以通过修改配置文件覆盖。

2023-09-15 08:18:49

cookie 网关代理

LLM构建AI应用 —— 工程师如何使用黑盒工具

Chain of Thought，简称CoT。是一种推理模式，就是主动要求 GPT 去思考，把一个复杂的问题用推理的方法拆分成多个。实践上就是我们就是要告诉 GPT，把任务分解。如果模型不能主动分解为正确的步骤，就需要人帮他把步骤显示地加到 prompt 里去。

2023-09-15 08:00:20

我们一起聊聊.NET 8 RC1

具体来说，在 .NET 6 及更高版本中，这些应用程序现在在以 Release 模式构建时默认使用 AOT 编译模式。AOT 编译可加快启动时间并提升 runtime 性能，但代价是应用程序体积更大。

2023-09-15 06:56:01

RC .NET 6 Release

面试题：fail-safe 机制与 fail-fast 机制分别有什么作用？

我们在日常的项目中经常会进行多线程的使用，fail-safe 和 fail-fast ，是多线程并发操作集合时的一种失败处理机制。那么面试的时候刚好用来考察面试者的多线程基础和能力！

2023-09-14 16:10:36

机制 fail-fast 处理机制

分布式事务原理及解决方案

随着互联网的迅猛发展和大规模分布式系统的普及，分布式事务成为了一个重要的研究领域。在分布式系统中，由于多个节点同时参与的特点，事务的一致性和隔离性成为了挑战。因此，理解分布式事务的原理和采用适当的解决方案显得尤为重要。

2023-09-14 15:44:46

分布式事务数据存储

每个高级前端工程师都应该知道的前端布局

自适应是一套代码，无论屏幕尺寸如何变化，改变的只是页面的元素尺寸，而不会出现三栏变两栏的表格变化。以前，领导和设计总让我修改页面，说是自适应窗口的变化。结果要求把三栏改成两栏。为什么要把这个按钮隐藏起来，那个按钮改成外观，怎么改呢？难道不需要设计一张图片吗？我是不是在幻想？

2023-09-14 10:20:56

前端布局自适应

竟然可以在一个项目中混用 Vue 和 React？

React和Vue是前端开发中的两大热门框架，各自都有着强大的功能和丰富的生态系统。然而，你有没有想过，在一个项目中同时使用React和Vue？是的，你没有听错，可以在同一个项目中混用这两个框架！本文就来分享 3 个用于混合使用 React 和 Vue 的工具！

2023-09-14 08:46:50

零拷贝并非万能解决方案：重新定义数据传输的效率极限

在文件传输过程中，我们可以根据文件的大小来选择不同的优化方式，以提高传输效率。对于大文件，使用异步 I/O 和直接 I/O 可以避免 PageCache 的影响；而对于小文件，则可以使用零拷贝技术来减少数据拷贝次数，提高传输速度。

2023-09-14 08:46:27

零拷贝 I/O 异步

详解Spring支持的各种数据类型的注入，你都用过哪些？

判断是否有@Lazy注解，如果有该注解那么会创建代理对象，否则返回null，总结：如果注入的属性有@Lazy注解，那么会返回由ProxyFactory对象创建的代理对象。

2023-09-14 08:16:50

Lazy 注解 null

为什么我更喜欢基于主干的开发译文精选

这篇文章详细探讨了基于主干的开发（Trunk-Based Development）的优势和实践方法，包括提高开发速度和效率、增强代码稳定性、促进团队协作、改善持续集成和交付实践等。作者通过实际经验和具体例子，清晰地阐述了为什么这种开发方式更适合现代软件开发。

2023-09-14 08:00:00

基于主干的开发分支模型

反驳来了！放弃TypeScript？说明你无知！译文精选

JS 文档和 .d.ts 类型声明文件无法替代代码的静态类型。它们只是声明实体外部 API 的方法，但不允许分析实体内的代码（函数、类和其他代码块）。

2023-09-13 18:32:58

TypeScript 类型 API

Nginx map 实现时间格式转换

最近我们需要把 Nginx 的日志接入到自研的日志采集平台上，但是这个平台只支持 JSON 格式，所以需要把 Nginx 日志格式改成 JSON 格式。

2023-09-13 18:28:00

Nginx 日志 JSON

19个JavaScript数组常用方法总结！赶快收藏吧！

数组，是JavaScript中的一种数据格式，在JavaScript中经常使用。作为一名前端工程师，掌握Array的用法非常重要！

2023-09-13 16:55:42

JavaScript 数组

保障SaaS应用安全的关键要求和检查清单

监控和警报是指不断监控系统活动，并针对异常事件生成警报。系统日志、访问活动和网络流量是监控程序主要监视的因素。

2023-09-13 12:34:12

监控警报日志

上一页 1 ··· 84 85 86 87 88 ··· 521 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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