直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

「字符串」存在「栈内存」？那我可要杠你了哦！

当我们新建一个字符串时，V8会从内存中查找一下是否已经有存在的一样的字符串，找到的话直接复用。如果找不到的话，则开辟一块新的内存空间来存这个字符串，并把地址赋给变量。

2024-03-27 10:21:47

字符串栈内存 V8

聊聊Flink：这次把Flink的触发器(Trigger)、移除器(Evictor)讲透

窗口的计算触发依赖于窗口触发器，每种类型的窗口都有对应的窗口触发机制，都有一个默认的窗口触发器，触发器的作用就是去控制什么时候来触发计算。flink内部定义多种触发器，每种触发器对应于不同的WindowAssigner。

2024-03-27 10:08:05

Flink 触发器 Trigger

被问到JVM类加载机制中双亲委派模型是什么，三次被破坏指什么？

双亲委派模型并不是一个具有强制性约束的模型，而是Java设计者推荐给开发者们的类加载器实现方式。在Java的世界中大部分的类加载器都遵循这个模型，但也有例外的情况，直到Java模块化出现为止，双亲委派模型主要出现过3次较大规模“被破坏”的情况。

2024-03-27 09:15:27

Java 模块化设计

你的CSS选择器可视化备忘录

CSS 还提供了许多其他类型的选择器，如伪类选择器（例如 :hover、:active）、伪元素选择器（例如 ::before、::after）、属性选择器（例如 [type="text"]）等，可以根据具体的需求选择合适的选择器来对页面元素进行样式化。

2024-03-27 09:09:40

CSS 选择器选择器

面试官：只知道v-model是modelValue语法糖，那你可以走了

将v-model指令转换为modelValue属性和@update:modelValue事件这一过程是在编译时还是运行时进行的呢？从上面的问题答案中我们可以知道将v-model指令转换为modelValue属性和@update:modelValue事件这一过程是在编译时进行的。

2024-03-27 08:47:44

v-model 语法糖编译

2024年，你需要掌握的 JavaScript 面试问题和答案

在现代Web开发中，JavaScript的重要性不言而喻。对于前端开发者来说，掌握JavaScript的核心概念至关重要。以上是基于常见面试题的JavaScript核心概念总结，帮助你为面试做好准备。

2024-03-27 08:36:48

JavaScript Web开发前端开发

功能问题：如何实现文件的拖拽上传？

本文简单介绍了，元素拖拽的6个API，以及文件拖拽上传的实现过程。元素拖拽的6个API，这里我们只需要使用Dragover、Drop这两个，就能实现文件拖拽上传。

2024-03-27 08:28:31

元素拖拽 API 文件上传

使用Java代码混淆工具保护代码安全

混淆的意义在于保护代码的安全性和知识产权，防止代码被反编译、逆向工程或者恶意篡改。通过混淆，可以使得代码变得难以理解，增加攻击者分析和修改代码的难度，从而提高代码的安全性。同时，混淆也可以减小代码的体积，提高代码的执行效率。

2024-03-27 08:23:39

Java 工具安全

React为什么要废弃ComponentWillMount、ReceiveProps和Update这三个生命周期

具体来说，componentWillMount 方法会在组件的 render 方法之前被调用，因此在这个阶段对组件进行的状态更新不会触发重新渲染。一般来说，你应该避免在 componentWillMount 中进行过多的耗时操作，因为这可能会影响到组件的性能。

2024-03-27 08:21:07

react Update 生命周期

尤雨溪再喷 React，这波我要反驳一下

写这篇文章，无意去过度争论 Vue 和 React 到底谁更好，因为在实际场景中做技术选型，要考虑的因素还包括技术之外的东西，这些外因甚至比技术本身更加重要。比如，我一直想去的那个团队，用的是 React，这样的理由，更加能左右一个人的决定。

2024-03-27 08:21:06

Vue React JavaScript

详解SpringBoot错误处理

如果要显示给定状态代码的自定义HTML错误页面，可以将文件添加到/error目录中。错误页面可以是静态HTML（即添加到任何静态资源目录下），也可以使用模板构建。文件的名称应该是确切的状态代码或序列掩码。

2024-03-27 08:18:02

Spring 映射 HTML

Figma 在协同编辑中使用的顺序一致性算法： Fractional indexing

在多人同时操作同层级的多个图形的顺序时，需要保证用户的意图能保留，不会被其他用户的操作覆盖丢弃，且所有用户最终的顺序是一致的。为解决这个问题，Figma 使用了一种名为 Fractional Indexing 的简单算法。

2024-03-27 08:09:48

Figma 协同编辑算法

Netty 编程看上去懵懵的...

本文只是介绍了 Java NIO 在 Netty 中的体现、Netty 对 Java NIO 的封装，让大家更方便的理解 Netty，并不涉及 Netty 的高效、强大的设计之处，下文将会对此进行介绍。

2024-03-26 13:03:16

我们一起聊聊如何向文本添加渐变效果和图案

在本文中，我们研究了两种增强网页上文本外观的简单方法。我们可以将这种效果应用于页面上的所有文本，但这几乎肯定会造成巨大的杀伤力，并且可能会惹恼网站访问者而不是给他们留下深刻的印象。

2024-03-26 11:34:17

效果网页文本

一个提出五年的 Node.js 模块问题，终被解决！

ES Modules 在文件顶层可以使用 Top-Level Await，该方法看之前的介绍，是在使用 esm 加载器加载的 .mjs 文件上使用 require 的功能时，使用了与 esm Top-Level Await 相同的权衡。

2024-03-26 10:38:47

模块 CommonJS ES

20k级别前端是怎么使用LocalStorage的，想知道吗？

当咱们把咱们想缓存的东西，存在localStorage、sessionStorage中，在开发过程中，确实有利于咱们的开发，咱们想看的时候也是一目了然，点击Application就可以看到。

2024-03-26 10:17:49

开发缓存 key

比 ElasticSearch 快 1000 倍的日志引擎

SigLens凭借高效的日志处理能力和简易的操作流程，正迅速在开源社区中获得认可。从基础部署到复杂查询，SigLens都展现出其强大的实用性。未来的发展空间巨大，特别是在大规模数据处理场景下，SigLens无疑将成为不可忽视的角色。

2024-03-26 10:13:54

日志引擎 SigLens

这些强大的 JS 操作符，你都知道吗？

JavaScript 为我们提供了很多操作符，用于操作表达式。下面就来盘点一下 JavaScript 中那些强大的操作符！

2024-03-26 10:10:45

JavaScript 操作符操作表达式

一口气搞懂分库分表 12 种分片算法，大厂都在用

本文中我们讲解了ShardingSphere-jdbc所支持的12种分片算法，每种算法都具有独特的特点。在实际应用中，需要结合具体的业务场景来灵活选择和应用适合的分片算法。

2024-03-26 09:42:27

分片算法应用

在Rust中使用Serde的详细指南

如果你希望所有标签都具有相同的名称，例如Student，该怎么办呢？你可能认为可以使用rename_all来实现这一点，但实际上并非如此，应该手动重命名枚举中的每个变体。

2024-03-26 09:25:35

Rust Serde 重命名

非Controller控制层参数校验要怎么做

本文介绍了在非Controller控制层参数校验的两种方法，不管是哪种获取方法只要能达到结果就行，不过建议使用后者，可以把后者封装成工具类，统一管理校验方法。

2024-03-26 08:17:00

Controller 参数校验

Spring Boot整合Camunda打造高效工作流程

Camunda允许在BPMN模型中定义异常捕获机制，以便在出现错误或异常时能够适当地响应。可以通过定义错误边界事件（Error Boundary Events）来捕获特定活动的异常，并将流程引导到特定的错误处理流程。

2024-03-26 08:08:08

Spring BPMN 模型

看一遍就理解：IO模型详解

什么是IO呢？什么是阻塞非阻塞IO？什么是同步异步IO？什么是IO多路复用？select/epoll跟IO模型有什么关系？有几种经典IO模型呢？BIO、NIO、AIO到底有什么区别的？

2024-03-26 07:59:32

IO 模型多路复用

G行基于OpenSearch的日志平台设计与实践

Elasticsearch（后称ES）作为日志管理、数据搜索与分析工具，在各行各业都有广泛且深入的应用，2021年初Elastic公司不再提供ES的Apache license开源版本，AWS为此推出了基于ES 7.10.2开发的OpenSearch。

2024-03-26 07:35:24

日志索引语言

深入理解Java虚拟机：程序计数器与虚拟机栈详解

在Java源文件被编译到字节码文件中时，所有的变量和方法引用都作为符号引用（Symbolic Reference）保存在class文件的常量池里。

2024-03-26 07:30:07

Java 虚拟机源文件

记一次 .NET 某半导体CIM系统崩溃分析

从卦中信息看，当前是一个 bgc 线程，在后台标记对象的时候踩到了0区导致的崩溃，经验告诉我，是不是此时的托管堆损坏了? 可以用 !verifyheap 验证下。

2024-03-26 00:44:53

.NET CIM 系统

一文详解Spark内存模型原理，面试轻松搞定

Spark内存管理的核心目标是在有限的内存资源下，实现数据缓存的最大化利用和执行计算的高效进行，同时尽量减少由于内存不足导致的数据重算或内存溢出等问题，是整个spark允许可以稳定运行的基础保障。

2024-03-26 00:33:59

JVM 堆内存对象

一文带你完整了解Go语言IO基础库

对于刚接触Golang学习的同学，估计比较难掌握的知识点之一就是文件IO处理，光在基础库里会发现 golang除了io包提供文件处理外，os包，http包，embed包都有提供类似的处理，由于Golang的继承表达采用的是隐式的表达, 所以他们之间有什么关系？能否相互转换处理？是非常难一眼看出来的。本文就帮大家完整地梳理一下这些io相关的基础库，希望可以帮到大家。

2024-03-26 00:17:51

C# 向下转型与 is 运算符：理解它们在类型安全中的角色

向下转型和is运算符在C#编程中扮演着重要的角色，它们共同工作来确保类型安全并避免运行时异常。通过使用is运算符进行类型检查，我们可以在尝试进行向下转型之前验证对象的类型，从而确保转换的安全性。

2024-03-26 00:07:20

使用LangChain和LangGraph大幅提升RAG效果

现在，当处理现实世界的问题时，一个常见的问题是希望找到介于链和代理之间的解决方案。即不像链那样硬编码，但也不像代理那样完全由LLM驱动。

2024-03-26 00:00:07

LangChain RAG 代理

同城双活：交易链路的稳定性与可靠性探索

因A区原有云资源均为包年包月模式，停止使用依然会有费用产生；同时在B区部署服务稳定性支撑50%流量之前，存在5天的并行期（A区100%资源、B区50%资源，共150%），期间共产少量成本。

2024-03-26 00:00:02

交易链路同城双活交易

深入探讨Maven打包：打造精致的Zip包

当我们执行 mvn package 命令进行打包时，Maven 会按照配置文件 package.xml 和插件的配置来生成最终的分发包。Maven Assembly Plugin 会根据配置文件定义的规则将项目的相关文件、依赖库等内容打包成指定的格式，并完成最终的分发包构建。

2024-03-26 00:00:00

Zip包 Maven 插件

面试官最喜欢问的 14 种Vue修饰符

lazy修饰符作用是，改变输入框的值时value不会改变，当光标离开输入框时，v-model绑定的值value才会改变。

2024-03-25 11:03:38

Vue 修饰符 lazy

快速了解CSS表单尺寸属性field-sizing

field-sizing 表示“场地”尺寸，在这里指的是表单输入框的尺寸，语法很简单，可以取两个值，其中，fixed表示固定大小，也就是目前浏览器的默认行为，输入框必须要给定一个具体的尺寸，而content表示输入框的尺寸完全由输入内容决定。

2024-03-25 09:20:22

CSS 语法 fixed

itertools：用于处理可迭代对象的模块

接收多个可迭代对象（或者迭代器）作为参数，返回一个迭代器。它会生成所有输入迭代器的元素，就好像这些元素来自一个迭代器一样。

2024-03-25 08:57:49

模块迭代对象迭代器

Bitmap如何实现灰度处理？

灰度处理是将彩色图像转换为黑白图像的过程。在灰度处理中，每个像素的颜色由其红、绿和蓝分量的加权平均值来表示。这样可以将彩色图像转换为灰度图像，使得图像的信息更加集中，便于后续的图像处理和分析。

2024-03-25 08:32:57

灰度 Bitmap 平均值

一文读懂Javascript中的数组的创建、读取和查找等操作

如果数组中有多个相同的元素，IndexOf和FindIndex都只会返回第一个匹配元素的索引。如果你需要找到所有匹配元素的索引，你需要自己实现一个循环来遍历数组并收集索引。

2024-03-25 08:20:41

JavaScript 数组字符串

2024年，技术面试还能这么玩？

ShowMeBug 的出现为技术面试带来了全新的变革。它实现了技术评估和在线 Coding 面试的完美结合。ShowMeBug 不仅真实反映候选人的技术水平，提供实战编程环境，还简化了面试流程，提高了效率。同时，它还提供了标准化、客观化的技术评估工具，使得面试结果更加公正、准确。

2024-03-25 08:03:32

技术面试 ShowMeBug 协同编程

阿里二面：谈谈ThreadLocal的内存泄漏问题？

本文探讨了ThreadLocal的工作原理以及其内存泄漏问题及解决策略。ThreadLocal通过为每个线程提供独立的变量副本，实现多线程环境下的数据隔离。

2024-03-22 13:31:00

线程策略线程池

Vue 的 style 加了 scoped 也会样式冲突？可怕！

虽然 scoped style 发生样式冲突只是小概率事件，但是我们也得思考一下怎么去避免呢？

2024-03-22 12:22:50

使用 Node.js 和 htmx 构建全栈 CRUD 应用程序

在本文中，我们使用 Node 和 Express 作为后端，使用 htmx 作为前端，制作了一个全栈 CRUD 应用程序。在此过程中，我演示了 htmx 如何简化向 Web 应用程序添加动态行为，减少对复杂 JavaScript 和整页重新加载的需求，从而使用户体验更流畅、更具交互性。

2024-03-22 11:40:40

Node.js Node CRUD

一份关于2024年React初学者入门路线指南

在这篇文章中，我们一步一步探索了如何从零基础开始学习React，并逐渐成长为一名初级开发者。通过理解基础概念、实践构建静态和动态项目，最终发展到创建复杂的应用程序并加入到个人作品集中，您现在已经准备好迈向React开发者的职业道路。

2024-03-22 09:09:12

React JavaScript Web开发

详解Vue3中Emoji的引入与应用

在Vue3项目中引入和使用Emoji并不复杂，但需要根据具体应用场景进行合理的选择和优化，以达到最佳用户体验效果。同时，随着技术的发展，不断会有新的工具和方案出现，持续关注并适时更新Emoji实现策略也是必要的。

2024-03-22 08:57:04

Vue3 Emoji 表情符号

复盘！如何设计可视化搭建平台的组件商店？

“商店”大家也许并不陌生，对用户而言，其基本用途是满足正常的消费需求；对供应商而言，商店提供了一种销售自身产品的营销推广渠道；对商店自身而言，一方面获得了客流和利润，另一方面还能提供自身价值在空间上的延伸。

2024-03-22 08:21:48

可视化搭建平台组件商店 H5-Dooring

高端操作：把 React Scheduler 掏出来单独用

Scheduler 是 React 提供的底层调度器。但是这个调度器具体是如何用的，可能大部分人都不太清楚了，好在 React 把内部的模块封装得都相对独立，因此，我们可以想个办法，单独把他的 Scheduler 或者 Reconciler 单独掏出来用。

2024-03-22 07:48:51

React Scheduler 底层调度器

面试官：说说零拷贝的实现原理？

零拷贝技术可以利用 Linux 下的 MMap、sendFile 等手段来实现，使得数据能够直接从磁盘映射到内核缓冲区，然后通过 DMA 传输到网卡缓存，整个过程中 CPU 只负责管理和调度，而无需执行实际的数据复制指令。

2024-03-22 06:56:24

零拷贝技术数据传输数据拷贝

Java22重磅发布！！！卷不动了，真的卷不动了......

JDK 22是通过六个月的发布节奏按时交付的13th功能版本。由于预期改进源源不断，这种程度的可预测性使开发人员能够轻松管理创新的采用。

2024-03-21 16:49:01

Java22 版本开发

15个 CSS 常见错误，请一定要注意避免

在不断发展的 Web 开发领域，掌握 CSS（层叠样式表）对于制作视觉上令人惊叹且响应迅速的网站至关重要。

2024-03-21 15:01:44

JavaScript 中七个鲜为人知的数组方法

JavaScript 数组除了 map()、filter()、find() 和 push() 之外还有更多功能。今天这篇文章就来给大家分享一些鲜有人知道的数组方法，我们现在开始吧。

2024-03-21 14:27:13

JavaScript 数组

瘫痪8年小哥植入马斯克脑机接口，狂打8小时「文明6」！Neuralink首个人类植入者直播来了

就在刚刚，Neuralink放出了一段患者被植入脑机接口后，仅凭意念就能移动鼠标、在电脑上下棋的视频。网友们纷纷表示，这是人类史上最不可思议的技术演示之一，瘫痪的人、盲人等残疾人，很可能有了康复的希望！

2024-03-21 13:59:16

马斯克脑机接口

上一页 1 ··· 6 7 8 9 10 ··· 491 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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