鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.5w内容

关注

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

文章博文帖子课程

共 2.5w 条

一文搞懂策略设计模式译文精选

策略设计模式是基于组合而不是继承的原则。它定义了一系列算法，封装了每个算法，它们在运行时可以互相转换。策略设计模式的核心思想是将算法与主对象分开。它允许对象将算法的行为委托给所设计的众多策略中的一个。

2023-05-22 13:27:17

策略设计模式

前端开发必备：Maps与WeakMaps在DOM节点管理中的妙用

使用 Maps 和 WeakMaps 可以提高代码的可读性和可维护性。将DOM节点与相关数据关联起来，有助于使代码更清晰易懂。

2023-05-22 10:40:22

前端面试：请解释一下CSS3的Flexbox（弹性盒布局模型）？

在Flexbox中，元素的水平和垂直尺寸通常会被限制在其父容器的尺寸内。这意味着元素不会像在传统盒模型中那样自由地占据整个可用空间。相反，它们只能按照指定的比例和百分比进行缩放或调整大小。

2023-05-22 10:09:21

手把手教你用Java打造一款简单故事书

随着移动互联网的发展，电子版的书成为现在主流，针对用户的需求，有的放矢地呈现给用户，阅读电子版书，提高他们的学习效率。

2023-05-22 10:04:24

Java 电子版 JLabel

Golang 的 GMP：并发编程的艺术

通过 GMP 的组合，Golang 实现了一种高效的并发模型。它充分利用了多核处理器的优势，并通过轻量级的 Goroutine 实现了高并发的编程模式。但是GPM到底是怎么工作的呢？今天这篇文章就为您解开GPM的神秘面纱。

2023-05-22 09:27:11

CSS MASK 实现一个 Loading 效果

如果按照正常的思路，可能会做两个动画，小球的动画还好，只是方位的变化，但是背景就麻烦了，除了颜色的变化，还有角度的变化，该如何实现呢？

2023-05-22 09:10:53

CSS loading 效

被美团【面试官】榨干了！

索引的类型有哈希索引，B+树索引，而hash索引的时间复杂度是o1，那为什么我们一般情况下不使用哈希索引，而使用b+树索引呢？

2023-05-22 08:17:04

Java 框架索引

JavaScript中的四种枚举方式

当一个变量有一个来自有限的预定义常量的值时，使用枚举是很方便的。枚举使你不必使用魔法数字和字符串（这被认为是一种反模式）。

2023-05-22 08:03:28

JavaScrip 枚举定义

十五周算法训练营——快慢指针

给你一个数组 Nums 和一个值 Val，你需要原地移除所有数值等于 Val 的元素，并返回移除后数组的新长度。

2023-05-22 07:31:32

Nums 快慢指针

让你升值、加薪的11个Prompt

“建议在我的组织或行业内进行战略志愿服务或委员会参与的机会，这将使我能够扩展我的网络，展示我的技能，并获得宝贵的经验。”

2023-05-20 00:13:22

prompt 团队升职

2023 Vue开发者的React入门

React 新文档重新设计了导航结构，让我们更加轻松地找到所需的文档和示例代码不仅提供了基础知识的介绍，还提供了更加详细的原理介绍和最佳实践，包括：React 组件的设计哲学、React Hooks的原理和用法等。

2023-05-19 10:04:18

Vue 开发者代码

前端面试题：如何解决Margin“塌陷”？

在CSS中，Margin“塌陷”是指元素的Margin属性设置过高，导致它们超出其容器的边界。这会影响布局和可访问性。

2023-05-19 08:21:40

Go 语言 Map 如何顺序读取？

在遍历 Map 时，并不是固定地从 0 号 Bucket 开始遍历，每次都是从一个随机值序号的 Bucket 开始遍历，并且是从这个 Bucket 的一个随机序号的 Cell 开始遍历。

2023-05-19 08:01:57

KeyAffinityExecutor 线程池

针对上面的场景我们可以通过 KeyAffinityExecutor (KeyAffinityExecutor 是一个可以按照指定的Key亲和顺序消费的执行器) 来解决这个问题，我们下面一起来了解下 KeyAffinityExecutor 。

2023-05-19 08:01:24

Key 消费场景

如何使用ReactJS创建蜘蛛图译文

用户可以使用ReactJS和LightningChart JS创建一个高性能的蜘蛛图应用程序，强调用户界面功能和自定义图表功能。

2023-05-19 08:00:00

ReactJS JavaScript 蜘蛛图

Golang中的Channel详解（一）：定义与基本操作

Channel是一个协程安全的管道，一端写入数据，一端读取数据，写入和读取都是原子操作，有点类似于消息队列，只不过channel是内存级别的。在channel出现之前，需要手动管理共享内存，这样会带来一定的复杂度和不可知的问题。

2023-05-19 07:51:15

八个经常困扰大家的常见 JavaScript 面试题

随着就业市场的竞争越来越大，面试过程变得更加严格也就不足为奇了。

2023-05-18 15:34:52

JavaScript 开发前端

11 个有用的 HTML 技巧

HTML（超文本标记语言）是网页最基础的结构，也是网页的主要构成元素。虽然许多开发人员都熟悉 HTML 的基础知识，但还有许多鲜为人知的技巧和技术可以提高您的 HTML 编码技能。

2023-05-18 15:32:02

HTML 开发技巧

Node Docker 官方镜像使用方法

有关如何使用 Node 的官方图像创建 Docker 容器的分步教程，这将使您的工作过程更轻松、更高效。

2023-05-18 15:02:40

Node Docker 容器

前端自动化测试之 Jest 测试框架应用

在实际业务应用中，我们建议对可复用的组件、工具函数、工具类等一些无副作用，可预知结果的代码来进行单元测试。在前期开发过程中的投入会大于没有单元测试的投入，因为要写一些测试用例，还要执行测试用例，优化代码等。但是在长久迭代中，这种方法会比没有进行单元测试的模块更加稳定。

2023-05-18 14:01:00

前端自动化测试

妙用 Background 实现花式文字效果

本文你将可以学到：通过 Background-size 与 Background-position 实现酷炫的文字下划线效果，通过 Background-size 与 Background-position 以及 Background-clip 实现文字逐个渐现的效果。

2023-05-18 09:25:20

background 花式文字效果

Nuxt 3.5 正式发布，支持 Vue 3.3！

虽然没有为 Nuxt 2 中的build.extend钩子提供类型或文档，但一直在webpack 中调用它，现在明确地弃用了它，并将在将来的小版本中删除它。

2023-05-18 09:00:39

Nuxt 类型 Nuxt 2

Javascript正则深入以及十个非常有意思的正则实战

对于前端工程师来说, 正则表达式也许是javascript语言中最晦涩难懂的, 但是也往往是最简洁的.工作中遇到的很多问题,诸如搜索,查找, 高亮关键字等都可以使用正则轻松解决。

2023-05-18 08:01:01

前端搜索 javascript

最大限度发挥LLM的潜力之提示符工程化策略指南译文精选

仔细设计GPT-4等LLM（大型语言模型）中使用的提示符信息有助于极大地改善模型的输出结果，本文将通过展示多种场景下的应用实例来论证此结论。

2023-05-18 08:00:00

LLM GPT-4 自然语言模型

介绍几种 .NET 中常用的网络编程类型及其示例

介绍六种 .NET 中常用的网络编程类型及其示例，希望能够帮助到你。

2023-05-18 07:48:01

.NET 网络编程

代号：Rurouni Kenshin，vue3.3正式发布，快来尝鲜！！！

为了向后兼容，3.3 仍然全局注册 JSX 命名空间。我们计划在 3.4 中删除默认的全局注册。如果您正在使用 TSX 与 Vue，请在升级到 3.3后在 tsconfig.json 中添加显式的 jsxImportSource，以避免在 3.4 中出现问题。

2023-05-17 15:10:03

《精通React/Vue组件设计》之手把手实现一个轻量级可扩展的模态框(Modal)组件

本文是笔者写组件设计的第九篇文章, 今天带大家实现一个轻量级且可灵活配置组合的模态框(Modal)组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现。

2023-05-17 10:05:35

组件设计 (Modal)组件

Golang中深拷贝与浅拷贝详解

深拷贝是创建一个新对象，完全复制原始对象及其所有嵌套的对象，因此新的对象是原始对象的独立拷贝，之后的修改不会影响原始对象。

2023-05-17 08:42:46

深拷贝 Golang

日常开发中，提升技术的13个建议

我觉得，大家可以多点思考，把平时积累的东西，应用到实际项目中。背八股文不是没用，你可以把它应用到实际开发中的。比如说，你看了田螺哥的文章，IO模型详解。

2023-05-17 08:34:27

开发技术应用

一起学 WebGL：可视空间之正射投影

长方体可视空间是一种常用的可视空间，它由正射投影（Orthographic Projection）产生。此外还有更常用的透视投影。

2023-05-17 08:28:55

正射投影 WebGL

新项目为什么决定用 JDK 17了

Java 17与Java 8是Java版本中的两个重要里程碑。Java 8是Java版本中的一次重大更新，于2014年发布，引入了很多新的特性和功能，包括Lambda表达式、Stream API、函数式接口等。

2023-05-17 08:20:34

Java 17 编程语言

简单聊聊对象浅拷贝和深拷贝，真不简单！

本文主要围绕对象的浅拷贝和深拷贝，从使用方面做了一次简单的内容总结。浅拷贝下，原对象和目标对象，引用都是同一个对象，当被引用的对象数据发生变化时，相关的引用者也会跟着一起变。

2023-05-17 07:36:00

浅拷贝深拷贝对象

Seata-go TCC 设计与实现

Seata-go 的 XA 模式会在5月份进行发版，届时 Seata-go 将支持 TCC、XA 和 AT 三种事务模式。Seata-go 后续的中心将会在 Saga 模式功能的开发上。

2023-05-17 00:15:11

WebGPU：在浏览器中解锁现代 GPU 访问

W3C 已经在设计新功能，这些功能在硬件可用时可以公开。例如：在 Chrome 中，计划很快在着色器和 DP4 类指令中启用对 16 位浮点数的支持，以进一步提高机器学习性能。

2023-05-17 00:10:55

GPU 浏览器解锁

十个在 JavaScript 中使用 try…catch 的技巧

作为Web前端工程师，JavaScript try…catch是我们使用的功能之一。

2023-05-16 15:32:45

JavaScript Web 前端工程师

真香，聊聊 RocketMQ 5.0 的 POP 消费模式！

可能还存在限制 Reef 实现更高性能的因素，我们后续将研究 Reef 冻结期间的潜在回归，并继续努力使 Reef 成为迄今为止最好的 Ceph 版本！

2023-05-16 08:31:09

Broker Reef 版本

RuoYi开发框架与第三方认证系统集成起来的简单方法

我们的组织或公司都已经构建了自己的认证系统，这个时候如何把我们的若依开发的系统和我们的认证系统集成在一起呢。这篇文章就给出全过程保姆式的方法演示。

2023-05-16 08:27:12

RuoYi 开发框架

高并发面试必问，常见四大限流算法实现原理

这篇文章我们介绍了四种常用的限流算法：固定窗口算法、滑动窗口算法、漏桶算法和令牌桶算法。每种算法都有其特点和适用场景，下面我们来对它们进行简单的总结和比较。

2023-05-16 08:01:26

限流算法滑动窗口

一起学 WebGL：绘制图片

纹理映射会根据纹理图像，将光栅化后的每个片元（像素点）设置对应颜色值。这些像素也称为纹素（Texels, Texture Elements）。

2023-05-16 07:44:03

纹理映射 WebGL

ArrayList和LinkedList怎么选，想过吗？

我们都知道，磁盘IO以块为单位读取数据，如果你所需要的数据都存储在一个块呢，一次IO即可返回。如果跨越多个块，只要你的块是连续的，类似MYSQl，基于预读机制，一次读取多个块的数据。这明显利好数组，因为数组申请内存的时候，大小是固定且连续的。如果是链表，它的数据随机散落在不同的块，意味着磁盘IO很快。

2023-05-16 07:39:15

ArrayList 磁盘 IO

对象属性拷贝，到底谁更强？

MapStruct 也是一款对象属性复制的工具，但是它跟我们上面介绍的几款工具技术实现思路都不一样，主要区别在于：无论是Beanutils还是BeanCopier，都是程序运行期间去执行对象属性复制操作；而MapStruct是在程序编译期间，就已经生成好了对象属性复制相关的逻辑。

2023-05-16 07:35:29

对象属性拷贝

Google I/O 2023：最新 CSS 特性解读！

要通过滚动来驱动 CSS 动画，可以使用新的 scroll-timeline、view-timeline 和 animation-timeline 属性。要驱动 JavaScript Web 动画 API，可以将 ScrollTimeline 或 ViewTimeline 实例作为时间轴选项传递给 Element.animate()。

2023-05-15 23:26:50

CSS 动画 JavaScrip

前端无障碍开发指南

在了解了无障碍的基本概念后，我们分别从 HTML、开发框架以及 CSS等角度，一起来看看无障碍页面的实现方式吧。

2023-05-15 18:44:07

得物前端巡检平台的建设和应用（建设篇）

我们致力于为用户提供更加稳定、高效的前端巡检体验，减轻测试回归成本带来的负担。在业务目标方面朝着“三高”目标持续迭代；巡检性能从0.4个页面/秒提升到4个页面/秒，稳定性方面也会持续关注。

2023-05-15 18:33:09

得物前端巡检

JS数值存储运算原理

JavaScript数值存储运算原理不知道大家了解不了解，今天我们一起来看一下！

2023-05-15 15:44:02

JavaScript 数值存储

ArkTS(3.0与3.1)前端和SpringBoot后端文件上传示例(Request.upload)

此帖主要讲解通过开发文档示例代码写一个完整Demo，方便初学者理解开发文档内容。

2023-05-15 15:33:35

ArkTS 开发文档

十种 JavaScript 设计模式

设计模式是针对常见软件问题的高级面向对象解决方案。模式是关于对象的可重用设计和交互。在讨论复杂的设计解决方案时，每个模式都有一个名称并成为词汇表的一部分。

2023-05-15 15:29:13

设计模式 JavaScript

Java对比Python，谁才是编程王者？

Python和Java都是流行的编程语言，都有自己独特的优势和劣势。虽然Java多年来一直是最流行的语言，但Python的日益流行表明，它可能很快就会挑战Java的统治地位。最后，在Python和Java之间的选择将取决于你的项目或应用程序的具体需要和要求。

2023-05-15 12:33:47

Java Python 编程语言

记一次 .NET 某医院门诊软件卡死分析

去掉了意外的 speech.SpeakAsyncCancelAll(); 语句就搞定了，内部深层逻辑也没有再探究了，大概率就是意外的 _queueIn 为 0，让 waveOutReset 和 waveOutClose 方法没有匹配出现，造成了卡死现象。

2023-05-15 11:15:50

.NET 门诊语句

一步到位：三行CSS代码轻松实现全网站暗黑模式

深色模式是一种设计趋势，网站的配色方案被更改为深色背景，配以浅色文字和元素。它也被称为夜间模式或黑暗主题。深色模式的目的是减少低光环境下的眼睛疲劳，节省移动设备的电池寿命，并创造一个时尚现代的美感。

2023-05-15 10:41:13

CSS 深色模式

上一页 1 ··· 97 98 99 100 101 ··· 511 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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