鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.6w内容

关注

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

文章博文帖子课程

共 2.6w 条

一文读懂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

马斯克脑机接口

网易面试官：请你实现一下JS重载？可不是TS重载哦！

我第一次看到重载这个词还是在以前学习Java的时候，我一直觉得JavaScript是没有重载的，直到TypeScript的出现，所以我一直觉得JavaScript没有重载，TypeScript才有，但是现在看来我是错的。

2024-03-21 10:48:21

Excel数据处理利器：C#中三款热门开源类库推荐及实例代码解析

这些类库都提供了丰富的功能，你可以根据项目的需求选择合适的类库。以上示例代码中的注释是为了说明基本功能，实际应用中你可能需要根据业务需求进行更复杂的操作。

2024-03-21 10:33:40

类库 Excel C#

Extract 工具类型八个使用技巧

本文我将介绍 Extract 工具类型的 8 个使用技巧，掌握这些技巧之后，在工作中你就能更好地利用 Extract 工具类型来满足不同的使用场景。

2024-03-21 09:58:27

Extract TypeScript 工具类型

五分钟上手Python爬虫：从干饭开始，轻松掌握技巧

爬虫的工作原理类似于模拟用户在浏览网站时的操作：首先访问官方网站，检查是否有需要点击的链接，若有，则继续点击查看。当直接发现所需的图片或文字时，即可进行下载或复制。这种爬虫的基本架构如图所示，希望这样的描述能帮助你更好地理解。

2024-03-21 09:51:22

Python 爬虫浏览网站

又出新JS运行时了！JS运行时大盘点

Node.js是基于Google V8引擎的JavaScript运行时，以非阻塞I/O和事件驱动架构为特色，实现全栈开发。它跨平台且拥有丰富的生态系统，但也面临安全性、TypeScript支持和性能等挑战。

2024-03-21 09:15:58

JS 运行的JavaScrip

你不可不知的 15 个 JavaScript 小贴士

对简洁代码的追求是一个持续的旅程，因为最佳实践会随着语言的不断发展而不断改善。这个过程也是软件开发乐趣的一部分，学习最佳实践有助于开发人员真正掌握编程语言。

2024-03-21 08:57:39

语言软件开发

还在重复创建对象？快试试通过享元模式减少对象创建

在实现享元模式时，通常会创建一个工厂类来管理共享的对象实例，并在需要时返回已存在的实例，而不是创建新的实例。这样可以减少内存占用，并且可以提高系统的性能。

2024-03-21 08:55:41

享元模式对象内存

HTML问题：如何实现分享URL预览？

对于URL分享预览这个功能问题，在项目中挺常用的，只不过今天我们是以一些框架分享API的底层原理角度来讲的。实现这种功能的关键，是在分享的链接中嵌入适当的元数据信息，应用软件会自动解析，请求分享链接的预览信息，并根据返回的元数据生成预览卡片。

2024-03-21 08:50:33

HTML URL预览应用软件

详解Vue3中的WebSocket通讯实现

Vue3与WebSocket结合能够很好地满足实时通讯的需求。通过合理设计和管理WebSocket连接的生命周期，以及实现必要的重连逻辑和心跳检测机制，可以构建出响应迅速且稳定的实时应用。

2024-03-21 08:34:49

Vue3 WebSocket HTTP

送给前端新秀的礼物：Chrome开发者工具调试入门指南

在本文中，我将介绍如何利用Chrome控制台中的快捷工具来加速网络应用的调试工作。例如，当你需要快速获取DOM检视器中选中的元素时，你可以使用这些快捷工具，而不是进行繁琐的鼠标点击或长代码输入。

2024-03-21 08:18:00

Chrome 前端浏览器

探索C++中引入nullptr关键字的意义与用法

在早期的C++中，表示空指针常常使用的是NULL这个宏定义，这在某些情况下可能会带来一些模糊性和不确定性。为了解决这些问题，C++11引入了nullptr关键字。

2024-03-21 06:13:41

NULL C++关键字

从独角兽到弃子，微软“生吞”日活百万的大模型独角兽！3位创始人挖走2位、团队大撤离、大撤资，孵化新AI部门！ToC应用，还有活路原创精选

事实上，现在的Inflection（英文含义：拐点）真的迎来了“新拐点”：少了两位技术上最具实力的联合创始人，进而慢慢会失去它投资了一大笔钱的产品（Pi“不会立即改变”，这基本上是一张死缓令），少了大多数的团队人才，留守的霍夫曼如何挽救摇摇欲坠的公司？

2024-03-20 17:10:00

微软 ToC 应用

良苦用心啊！我把七大跨域解决方法原理画成十张图，做成图解！

JSONP通俗点说就是：利用script的src去发送请求，将一个方法名callback传给后端，后端拿到这个方法名，将所需数据，通过字符串拼接成新的字符串callback(所需数据)，并发送到前端，前端接收到这个字符串之后，就会自动执行方法callback(所需数据)。

2024-03-20 10:32:29

跨域 JSONP 后端

动画进阶 | CSS 也能实现完美的文字轮播与图片轮播效果

巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，如果有 20 个元素，需要进行类似的无限轮播播报，使用 CSS 实现，你会怎么去做呢？

2024-03-20 09:40:27

动画技巧 CSS 逐帧动画

20行代码，封装一个 React 图片懒加载组件

图片懒加载是我们在做性能优化时非常重要的手段。我们常常需要图片在进入页面可视区域时，才让加载图片的行为发生。

2024-03-20 09:31:00

图片懒加载性能优化 React

10 天 996 写出的语言 - JavaScript

React 以其灵活性和大量社区驱动的插件而闻名，而 Vue 则简洁直观，具有高度集成和响应性功能。另一方面，Angular 为企业级 JS 开发提供了一套严格的开发规范。

2024-03-20 09:30:08

语言 JavaScript React

Go 团队近两年在做什么，AI 方面如何发力？

Go 团队目前的获取信息来源的趋势和考虑内容的方式，还是比较明确的。一块是来自 Go 社区每年都做的开发者调查，所有把泛型的漏洞给堵上了。

2024-03-20 09:06:34

Kotlin的扩展（Extension）特性，你了解了吗？

扩展属性并不会真正地向类中添加新的属性，它只是提供了一种便捷的方式来访问现有类的属性或计算新的属性值。不管是扩展函数还是扩展属性，它本质上都会变成一个静态的方法。

2024-03-20 08:31:40

Kotlin Extension 计算

我们一起解锁小程序开发新姿势

FinClip 以其出色的跨平台特性，让小程序能够轻松脱离微信环境，快速集成到自有App中。无论是iOS、Android还是鸿蒙系统，FinClip都能提供强大的支持，使得小程序能够在不同类型的终端和设备上流畅运行。

2024-03-20 08:13:10

程序开发 App

AS Const 五种使用技巧，你知道多少？

使用 AS Const 可以告诉 TypeScript 编译器，某个对象的所有属性都是只读的，并且它们的类型是字面量类型，而不是更通用的类型，比如 String 或 Number 类型。接下来，我将介绍 TypeScript 中 AS Const 类型断言的 5 个使用技巧。

2024-03-20 00:04:46

TypeScript as const 类型断言

2024年一些前端技术趋势最新动态汇总

随着技术的不断进步，前端开发领域也会出现一些新的变化和挑战。在2024 年 2 月里，我们见证了几项正在重塑行业的重大技术更新。从 Deno的性能增强，到 Turborepo的大幅改进，再到 jQuery 4.0.0 Beta 的发布，这些发展不仅标志着前端开发朝着更现代、更高效的方式迈进，也为开发者提供了全新的视角和视角。

2024-03-19 14:49:27

前端开发 JavaScript

Go语言实现自动HTTPS的快速、灵活的Web服务器

Caddy是为现代Web开发环境提供高效、安全服务的绝佳选择。它的自动HTTPS功能和灵活的配置方式使得它既适合快速搭建简单的网站，也适合作为复杂应用的稳定基础。

2024-03-19 10:45:31

HTTPS Go 语言

服务器CPU上下文切换次数过高的影响

在有大量并发且大部分线程等待I/O操作的情况下，过度的上下文切换会使CPU无法充分利用，因为不断在等待I/O完成的线程间切换，而非持续处理计算任务。

2024-03-19 09:15:12

服务器 CPU I/O

一个新名词之CSS高度塌陷

处理高度塌陷的核心是确保父元素能够感知到其浮动子元素的高度，或者采用现代布局方式（如Flexbox或Grid）重新构建布局以避免浮动带来的问题。

2024-03-19 09:06:14

CSS 父元素元素

Rust学习笔记：基础概念介绍

这篇文章为学习Rust语言打下了基础。我们探讨了安装Rust、运行程序的替代方案、基本工具以及Rust中可用的原始数据类型的概述。

2024-03-19 08:54:20

Rust语言内存管理应用程序开发

详解基于SpringBoot的WebSocket应用开发

WebSocket是一种在单个TCP连接上进行全双工通信的协议，其最大的特点是服务器可以主动向客户端发送消息，而不需要客户端先发起请求。相较于传统的HTTP长轮询或轮询机制，WebSocket能有效减少不必要的网络通信开销，并提供更优的实时性。

2024-03-19 08:45:45

WebSocket Spring 应用开发

Axios vs. fetch()：哪个最适合 HTTP 请求？

在本文中，我将按照基本语法、向后兼容性、响应超时、自动JSON数据转换、HTTP拦截器、下载进度、同时请求这些方面来比较fetch()和Axios，看看它们如何执行任务。

2024-03-19 08:36:19

HTTP 请求语法

Vue3问题：如何在页面上添加水印？

水印的添加不仅仅满足于添加，有时候还要能防止用户恶意篡改，时刻保证水印的功效。这次问题我分为了两种情况：一种是仅添加水印仅可，另一种是添加水印且要防篡改。

2024-03-19 08:35:30

Vue3 添加水印维护版权标识

GaussDB WDR分析之集群报告篇

GaussDB的可观测性指标做得相当不错，指标内容很丰富，指标的指向性也相当不错，而要做好“AWR报告”的基础就是这些准确而丰富的指标。

2024-03-19 08:02:28

集群 GaussDB 指标

产品经理：前端实现网页防篡改，你会怎么做？

正常情况下用户输入input框值，就是我们传递给后端的值，但是部分浏览器插件或者恶意脚本会更改用户输入的值。

2024-03-19 00:52:52

前端网页篡改

探索 useSyncExternalStore，一个鲜为人知的 React Hook

React 提供了很多内置的 Hook，其中一些在开发人员中非常常用。然而，像 useSyncExternalStore 这样真正有用的 Hook 经常会被掩盖。

2024-03-19 00:00:00

React JavaScript 开发

手把手教你开发自己的VSCode插件

默认情况下，VSCode不直接支持查看某些特定类型的文件。但是，你可以通过使用自定义编辑器（customerEditors）来扩展其功能。

2024-03-18 18:07:38

VSCode 插件文件

面试官：SpringBoot如何优雅停机？

不同的 Web 容器（Tomcat、Jetty、Undertow）有不同的自定义优雅停机的方法，以 Tomcat 为例，它的自定义优雅停机实现如下。

2024-03-18 14:06:00

停机 Spring 服务器

Java中的锁升级机制：偏向锁、轻量级锁和重量级锁

我们需要重点分析MarkWord对象头,因为Markword 是保存锁状态的关键，对象锁状态可以从偏向锁升级到轻量级锁，再升级到重量级锁，加上初始的无锁状态，可以理解为有 4 种状态。想在一个对象中表示这么多信息自然就要用位来存储。

2024-03-18 12:21:28

Java 轻量级锁重量级锁

在 Node.js 中发出 HTTP 请求的五种方法

axios比superagent的功能列表很长，尽管 node-fetch 看起来很有前途并且安装大小很小，但我不确定该 API 是否足够用户友好——至少对我来说是这样。您可能会注意到我的讨论

2024-03-18 10:15:00

HTTP Node.js API

CSS 实现居左到居右过渡变化的一些思路

有人会觉得这不就是一个普通的位移动画吗，给个固定位移不就可以了？但这个位移的距离其实是不固定的，是跟随外部容器变化的，这应该如何实现呢？下面介绍一些思路。

2024-03-18 10:01:00

CSS flex 动画

上一页 1 ··· 39 40 41 42 43 ··· 523 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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