鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

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

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

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 动画

故障现场 | 消息发送居然有这么大的坑

RocketMQ事务消息是一种支持分布式事务的消息模型，将消息生产和消费与业务逻辑绑定在一起，确保消息发送和事务执行的原子性，保证消息的可靠性。

2024-03-18 09:24:12

RocketMQ 消息模型分布式

详解SCSS中For循环：实现高效和动态样式的利器

SCSS作为Sass的一种语法格式，引入了@for循环机制，使得编写适应性强、可维护性高的CSS样式变得更加简单和便捷。本文将深入探讨SCSS中的@for循环语句及其应用。

2024-03-18 09:14:47

SCSS @for循环机制 CSS

故障解析丨一次死锁问题的解决

根据binlog中部分SET @@SESSION.GTID_NEXT= 'e319a624-b2ce-11ee-9aac-00163e62ca8a:8697'该GTID的事务信息，可恢复T2，但T1执行的语句由于被回滚了，则不会记录到binlog，可开启general log日志获取排查。

2024-03-18 09:10:00

死锁日志 binlog

用 React/Vue 不如用 JQuery，你知道吗？

在做技术选型的考虑上，在我的选择序列里，React 永远都要比 Vue 更值得选择，只因为 React 离原生 JavaScript 更近，没有创造更多的语法，没有那么多黑箱操作，自由度更高。这让我有更多的机会在开发项目的过程中，做到提高开发效率的同时，还能兼顾自己核心竞争力的提升。

2024-03-18 08:56:12

React Vue jQuery

终于明白为啥面试老是有人问 SubList 了，原来这玩意会 OOM！

在初始化内部类 SubList 的时候传入了 this，这个 SubList 中的 parent 字段就是原始的 List，初始化的时候，并没有把原始 List 中的元素复制到独立的变量中保存，所以双方对元素的修改都会互相影响。而且 SubList 强引用了原始的 List，所以大量保存这样的 SubList 其实也保存了大量原始的 List，从而导致 OOM。

2024-03-18 08:53:07

SubList OOM List

写了个简单爬虫，收集 Boss 直聘自动驾驶岗位

架构Selenium 模拟浏览器动作，除了加载需要的数据外，还会加载图片、JS、CSS等不必要的内容，导致网络资源和计算资源消耗增加，爬取速度变慢，爬取规模受限。

2024-03-18 08:38:57

浏览器爬虫直聘

工作中最常见的六种OOM问题

今天接着线上问题这个话题，跟大家一起聊聊线上服务出现OOM问题的6种场景，希望对你会有所帮助。

2024-03-18 08:22:15

OOM问题 java 线上问题

没看过ReentrantLock源码，别说精通Java并发编程

看完了CountDownLatch的所有源码，是不是觉得CountDownLatch逻辑很简单。因为加锁流程的编排工作已经在父类AQS中实现，子类只需要实现具体的加锁逻辑即可，也就是实现tryReleaseShared()方法和tryAcquireShared()方法。而加锁逻辑也很简单，也就是修改同步状态state的值即可。

2024-03-18 08:15:48

Java 并发编程

一个很有意思的Spring注入问题，你遇到过吗？

在AppConfig配置类中定义了DAO bean实例，在CommonService中分别去注入DAO 接口和CommonDAO。运行上面的程序没有问题正常。

2024-03-18 08:14:07

Spring DAO AppConfig

JQuery 4.0震撼发布：这是复兴还是告别？

随着JQuery 4.0 beta的发布，JQuery团队展示了他们保持JQuery在不断发展的Web开发生态系统中相关性的承诺。那么，你认为JQuery还有存在的意义吗？

2024-03-18 08:11:27

jQuery 4.0 前端开发 web开发

Go 包循环引用及对策，你学会了吗？

在 Java 里面，循环依赖是类级别的；但 Go 里要更严格一些：Go 的循环引用判定是包级别的。举个例子，包 A 下的类 A 依赖了包 B 下的类 B，类 B 又依赖了包 C 下的类 C，类 C 又依赖了包 A 下的 D。

2024-03-18 08:06:59

业务开发做到零 bug 有多难？

开发时间是否充足，决定了你是否有充足的时间去熟悉需求，去和产品经理确定细节。有了充足的时间，你也才能有一定时间去进行更详细的自测。更为关键的一点，有充足的时间，你写代码才能写得更好。因此，开发时间是否充足是很重要的。

2024-03-18 08:03:32

业务开发搜索

JS问题：简单的Console.log不要再用了！试试这个

通过使用 %c 占位符，可以在 Console.log 中为特定的文本应用自定义的 CSS 样式。这样可以改变输出文本的颜色、字体、背景等样式属性，以便在控制台中以不同的样式突出显示特定的信息。

2024-03-18 07:56:49

CSS JS 代码调试

我应该使用按钮还是链接

了解按钮和链接的区别很重要。我曾看到有人错误地将它们混为一谈，过度简化为 "执行动作 "的元素。虽然它们都能让用户执行不同的操作，但这并不意味着它们是相同的元素。

2024-03-18 00:01:00

按钮链接元素

关于Java程序服务预热那些事

所谓服务预热，就是在服务启动完成到对外提供服务之前，针对特定场景提供一些初始化准备操作。比如线程池预热、缓存预热、数据库预热、web预热和JVM预热等。

2024-03-18 00:00:05

Java 服务 JVM

RabbitMQ代码篇之过期时间，死信队列，延迟队列，优先级队列的基本使用

创建队列时设置，消息会被排序加入到队列头部，短的在前，发送消息时设置，时间到期不会立刻删除，而是在推送消息时删除。

2024-03-18 00:00:03

RabbitMQ 代码延迟队列

想进阿里？先搞懂Spring Bean的循环依赖！

为了解决这些问题，Spring引入了三级缓存机制。三级缓存在二级缓存的基础上增加了一个缓存阶段，即earlySingletonObjects，用于存储已经创建但尚未完成初始化的Bean实例。通过这样的设计，Spring能够更好地管理Bean的创建过程，确保循环依赖不会导致程序出现异常。

2024-03-18 00:00:00

Spring Bean 设计

还在用Calendar操作Date？Java8都被放弃了，你还不知道Java8中全新的日期时间API

本文探讨了Java 8引入的全新日期时间API相较于传统的Date和Calendar类的优势及实际应用。鉴于Java 8新日期时间API在设计上的先进性和易用性，强烈建议积极采纳并替换掉陈旧的Date和Calendar类，转而采用如LocalDate、LocalDateTime、ZonedDateTime等现代日期时间类。

2024-03-18 00:00:00

Calenda Java8 Date

大大提高开发效率的十个JavaScript技巧

数组方法 flatMap() 本质上是 map()和 flat() 的组合，区别在于 flatMap 只能扁平1级，flat 可以指定需要扁平的级数，flatmap 比分别调用这两个方法稍微高效一些。

2024-03-17 20:01:51

JavaScript 技巧 flatMap

如何实现一个支持海量大并发的服务？

通过这样一个分布式的分层架构，海量的域名解析请求就被分摊到至少4层主机中了，再配合本地域名服务器的缓存，整个DNS系统中每台服务器的实际压力都会减少很多。于是看起来很恐怖的并发量，在众多服务器以及缓存的共同支撑之下，就显得不是那么困难了。

2024-03-15 15:20:10

并发服务 IP

上一页 1 ··· 74 75 76 77 78 ··· 558 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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