鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

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

Synchronized关键字的底层原理？

在 Java 中，关键字 synchronized 可以保证在同一个时刻，只有一个线程可以执行某个方法或者某个代码块(主要是对方法或者代码块中存在共享数据的操作)，同时我们还应该注意到 synchronized 的另外一个重要的作用，synchronized 可保证一个线程的变化(主要是共享数据的变化)被其他线程所看到。

2024-03-15 15:12:27

关键字底层代码

养成15个好的代码习惯，让老大对你刮目相看

今天，我写这篇文章，还是因为一些兄弟在问我问时，我发现他们的代码习惯貌似达不到合格水平，会写很多冗余代码，或者明明一行代码就能搞定的，却要写好几行代码。所以我总结了我开发中，我认为达到及格水平的个代码习惯。如果有不足之处，请多多指教。

2024-03-15 13:06:00

代码技巧 ES6-

C++关键字详解：程序之魂

C++关键字具有预定义的含义，不能用作标识符（如变量名、函数名等）。了解并正确使用这些关键字，对于掌握C++编程至关重要。

2024-03-15 11:52:03

C++关键字编程

Vue2 前端权限控制实战

本文将介绍如何使用 Vue2 实现前端权限控制，包括页面路由权限控制和按钮级别的权限控制。

2024-03-15 11:47:19

Vue2 前端权限控制

快的离谱! 新的 JS 运行时 WinterJS 来了！每秒 150k 请求，速度超过 Bun、Node.js

努力使 React 服务器组件完全可用有助于我们发现我们的流实现与规范存在一些细微但重要的差异。我们还意识到我们的获取实现有一些怪癖需要修复，但最终，在经过许多汗水和不眠之夜后，我们完全做到了！

2024-03-15 11:19:41

JS 运行 WinterJS

切片上的健壮范型函数，你知道几个？

如果函数更改了作为参数传递的切片的长度，则需要将新的切片返回给调用者。如果不需要增长，底层数组可能保持不变。这解释了为什么append和slices.Compact返回一个值，但slices.Sort，仅重新排序元素，不返回值。

2024-03-15 09:56:47

切片函数泛型

实战 | 生产环境中如何动态调整线程池大小？

在某些情况下，应用程序可能会突然接收到大量的请求，这被称为突发流量。如果线程池大小固定且不足以处理这种突发流量，那么应用程序的性能可能会受到严重影响。通过动态调整线程池大小，可以快速地增加线程数量以应对这种突发流量，从而保持应用程序的稳定性和性能。

2024-03-15 09:32:47

线程池应用程序性能

2024 年这五个 Node.js 后端框架最受欢迎！

在2024年，上述的后端框架在市场上占据重要地位。无论你选择 Express.js 的简洁性、Nest.js 的结构、Adonis.js 的生产力，还是 Koa.js 的优雅，选择正确的框架都是至关重要的。这总是取决于您的需求。重要的是要了解您的项目需要什么，然后根据此选择适当的框架。

2024-03-15 09:26:59

Node.js 后端框架

详解CSS中@keyframes：动画制作的艺术

CSS3中的@keyframes规则为我们构建丰富网页动画提供了强大而灵活的方式。熟练掌握这一特性，可以帮助我们创造更加生动有趣的Web体验。

2024-03-15 08:50:08

CSS3 @keyframes 动画制作

Vue 3 的 setup 语法糖到底是什么东西？

setup语法糖经过编译后就变成了setup函数，而setup函数的返回值是一个对象，这个对象就是由在setup顶层定义的变量和import导入组成的。vue在初始化的时候会执行setup函数，然后将setup函数返回值塞到vue实例的setupState属性上。

2024-03-15 08:45:31

Vue 3 setup 语法

2024编程新趋势：JavaScript高手的秘密武器Rust

对于JavaScript开发者来说，学习Rust不仅是技术层面的提升，更是一次职业和思维上的转变。这不仅仅是学习新语言的过程，更是成为一名更全面、更高效的软件工程师的旅程。

2024-03-15 08:32:20

JavaScript Rust 系统编程

彻底理解异步编程！你理解了吗？

如果是在单核系统下，CPU会不断在处理文件线程和A函数线程间切换，看上去这两个线程就好像在同时运行，但如果是在多核系统下，这两个线程可以真正的并行起来。

2024-03-15 08:23:26

异步编程函数

Bind、Call、Apply的区别？如何实现bind

bind() 方法创建一个新的函数，该函数的 this 关键字被绑定到指定的对象，并且提供了一系列参数。不会立即执行函数，而是返回一个新的函数，可以稍后调用。

2024-03-15 08:21:17

bind JavaScrip 函数

一个熟悉又陌生的关键字：volatile

日常开发中，我们一般情况下都是直接使用的Atomic原子类来保证线程安全的情况，并不会去直接使用volatile关键字，乍一看这个volatile还真是熟悉又陌生呢！

2024-03-15 08:18:25

volatile Atomic 关键字

Nginx 一网打尽：动静分离、压缩、缓存、黑白名单、跨域、高可用、性能优化...

对于并发编程较为熟悉的伙伴都知道，因为进程/线程数往往都会远超出系统CPU的核心数，因为操作系统执行的原理本质上是采用时间片切换机制，也就是一个CPU核心会在多个进程之间不断频繁切换，造成很大的性能损耗。

2024-03-15 08:17:18

缓存动静分离跨域

简单聊聊JVM中的几种垃圾收集算法

G1 收集器的垃圾回收流程和 CMS 逻辑大致相同，主要的区别在最后一个阶段，G1 不会直接进行清除，而是会根据设置的停顿时间进行智能的筛选和局部的回收，采用“标记复制”算法来实现。

2024-03-15 08:04:30

八大编程语言在网络安全领域的优势和职业机会

虽然Rust相对较新，但在网络安全领域也有一些职业机会。Rust的内存安全性和并发性使其特别适用于编写高性能、安全的网络安全工具和系统级编程。

2024-03-14 15:11:54

编程语言网络安全

C++数据类型详解

本文将详细介绍C++中的基本数据类型、用户定义类型以及其他重要类型，并通过实例说明其用法。

2024-03-14 11:54:37

C++数据类型

上一页 1 ··· 66 67 68 69 70 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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