直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

你需要知道的 TCP 四次挥手

和 TCP 三次握手不同。TCP 关闭连接的挥手足足有四次。这是因为第二次挥手和第三次挥手之间可能有一些服务端需要发送的处理比较慢的数据要返回，所以没有将这两次挥手合并。

2022-08-05 11:03:59

TCP 四次挥手三次握手

2022年值得推荐的React库！

Redux 是 JavaScript 应用程序的状态容器，提供可预测的状态管理。React Redux 是 Redux 官方实现的 React 绑定。可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。

2022-08-05 09:25:27

React库 JavaScript 工具

大文件上传时如何做到秒传？

在实现分片上传的过程，需要前端和后端配合，比如前后端的上传块号的文件大小，前后端必须得要一致，否则上传就会有问题。其次文件相关操作正常都是要搭建一个文件服务器的，比如使用fastdfs、hdfs等。

2022-08-05 08:40:37

聊聊 13 种锁的实现方式

分布式系统时代，线程并发，资源抢占，"锁" 慢慢变得很重要。那么常见的锁都有哪些？今天Tom哥就和大家简单聊聊这个话题。

2022-08-05 08:27:05

锁分布式系统线程并发

元宇宙将如何改变教育？

元宇宙在教育领域的应用将如何发展，教育领域又需要元宇宙带来哪些潜在变革，随着时间的进程，教育领域在元宇宙的未来，我们可以共同期待。

2022-08-04 18:58:12

元宇宙教育变革

快速了解Navigator API SetAppBadge

现在的navigator早已不是以前的navigator了，印象中的navigator通常用于获取设备的信息，浏览器发展这么多年，现在navigator也赋予了很多原生底层的能力，比如今天要讲到的设置应用图标徽章的能力。

2022-08-04 18:50:12

Navigator 浏览器设备

一文掌握 vue3.2 setup 语法糖

在 Vue3.0 中变量必须 return 出来，template中才能使用；而在 Vue3.2 中只需要在 script 标签上加上 setup 属性，无需 return，template 便可直接使用，非常的香啊！

2022-08-04 14:38:49

vue3.2 setup 代码

关于栈迁移的那些事儿

在笔者看来栈迁移的原理其实可以总结为一句话：因为栈溢出字节过少所以劫持rsp寄存器指向攻击者提前布置好payload的内存地址，已达到扩充溢出字节数的目的。

2022-08-04 10:18:32

栈迁移寄存器内存

如何提高 TypeScript 的代码质量？

Typescript 是 Microsoft 开发的一种编程语言，旨在为 Javascript 语言带来严格的类型检查和类型安全方面的安全性。下面就来看看如何通过设置编译选项来提高 Typescript 代码的质量。

2022-08-04 09:01:45

TypeScript Microsoft

一篇带给你 React.memo 如何使用？

React.memo 是一个高阶组件。所谓高阶组件，其实指的就是一个接收组件并返回一个组件的函数。起名参考了高阶函数，但确实花里胡哨了一些。

2022-08-04 08:17:27

React 高阶组件

如何创建一个无代码的自助客户聊天机器人译文精选

本文将向您介绍如何使用来自Infobip的Answers平台的低代码和无代码解决方案，去构建智能化聊天机器人，并处理客户的各种问题与服务请求。

2022-08-04 07:03:41

Answers Infobip 无代码

妙不可言！纯 CSS 实现拼图游戏

本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。

2022-08-04 06:57:54

CSS 拼图游戏

前端新宠 Svelte 带来哪些新思想？赶紧学起来！

本文主要讲解了 Svelte 的基础用法，但 Svelte 的内容和 API 远不止此。它还有很多高级的用法以及提供了过渡动画功能等，这些都会放在高级篇讲解。

2022-08-03 10:58:33

前端 Svelte 代码

如何做 React 性能优化？

今天带大家来学习如何做 React 性能优化。

2022-08-03 09:11:31

React 性能优化

一篇文章让你了解如何优雅地处理重复请求

本文讨论的是如何在服务端优雅地统一处理这种情况，如何禁止用户重复点击等客户端操作不在本文的讨论范畴。

2022-08-03 08:41:30

客户端操作并发请求

聊聊 SQL 中的 For Xml Path

今天就给大家介绍一下FOR XML PATH，它就是用来处理低版本数据库中数据合并的，是一个比较古老的功能了，新版本中也依然还能使用。

2022-08-03 08:11:58

数据测试同类型

几个非常有意思的Javascript知识点总结

作为一名前端爱好者，笔者利用空余时间研究了几个国外网站的源码，发现不管是库,还是业务代码,都会用到了一些比较有意思的API，我会对部分API做一些比较有意思的案例,那么开始我们的学习吧！

2022-08-03 08:03:03

前端 API javascript

Pnpm 是凭什么对 Npm 和 Yarn 降维打击的

今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。那具体好在哪里呢？我们一起来看一下。

2022-08-03 00:04:29

亿流量大考：日增上亿数据，把MySQL直接搞宕机了

这篇文章就聊聊这个数据产品背后对应的一套大型商家数据平台，看看这个平台在分布式、高并发、高可用、高性能、海量数据等技术挑战下的架构演进历程。

2022-08-02 18:51:13

数据产品 MySQL 宕机

BI系统中为什么会有很多快照表

如果不对这个问题加以特别处理，就会导致 BI 系统中（针对历史数据）的统计值和 ERP 系统中（针对当时的数据）的统计值对不上的现象，而且这种错误还很难排查。

2022-08-02 18:37:24

BI 系统快照表

RabbitMQ是如何实现消息路由的？

生产者把消息发送到 RabbitMQ Broker 上的Exchange 交换机上。Exchange 交换机把收到的消息根据路由规则发给绑定的队列（Queue）。最后再把消息投递给订阅了这个队列的消费者，从而完成消息的异步通讯。

2022-08-02 11:27:25

RabbitMQ 消息路由

四个编写JavaScript代码的关键原则

JavaScript 是一种非常灵活的编程语言，您可以通过多种不同的方式实现您的需求。但是遵循一些原则和技巧可以使您的代码更具可读性和效率。

2022-08-02 10:33:11

JavaScript 代码

聊聊在springboot项目中如何配置多个kafka消费者

本文实现的核心其实就是通过注入多个kafkaProperties来实现多配置，不知道大家有没有发现，就是改造后的配置，配置消费者后，生产者仍然也要配置。因为如果不配置，走的就是kafkaProperties默认的配置信息，即为localhost。

2022-08-02 10:01:42

Type="Module" 你了解，但 Type="Importmap" 你知道吗？

Import map提供了一种更理智的方式来在浏览器中使用ES模块，而不局限于从相对或绝对的URL中导入。这使得我们可以很容易地移动代码，而不需要调整 Import语句，并使个别模块的更新更加无缝，而不影响依赖这些模块的脚本的缓存能力。

2022-08-02 10:01:34

Import语句 ES模块

React 的一些优秀安全实践

下面我就带大家一起来看一下，为了保证我们 React 应用的安全性，有哪些值得遵循的优秀实践。

2022-08-02 09:55:04

系统调用导致网络收包卡顿的问题分析

针对这个问题的分析持续了大约一、两个月的时间，期间也曾一度陷入迷惑而毫无进展，有初步分析思路后补充了操作系统内核的各种知识，主要包括进程调度、调度优先级、中断处理、网络协议栈处理、虚拟文件系统等等，最终可以将整个问题的来龙去脉解释清楚。

2022-08-02 09:15:32

系统网络前端

开箱即用的中后台管理模版，建议收藏！

vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。

2022-08-02 09:01:55

后台管理模版

基于Next.js、Prisma、Postgres和Fastfy构建全栈APP 译文精选

在本文中，我们将学习如何使用Next.js、Prisma、Postgres和Fastify来联合开发一个完整的全栈Web应用程序。

2022-08-02 09:00:00

开发 Web 工具

16 图 | 深入理解 Spring Cloud Gateway 的原理

在 PassJava 项目中，我用到了 Spring Cloud Gateway 作为 API 网关，客户端的所有的请求都是先经过网关，然后再转发到会员微服务、题目微服务等。

2022-08-02 08:32:21

Spring 项目网关

代码重构：面向单元测试原创精选

本文需要具有基本的单元测试编写经验（最好是 Java），但是本文不会涉及任何具体的单元测试框架和技术，因为它们都是不重要的，学习了本文的思路，可以将它们用在任意的单测工具上。

2022-08-02 08:07:24

单元测试代码重构

漫画：怎么证明Sleep不释放锁，而Wait释放锁？

本文我们通过 synchronized 锁定同一对象，来测试 wait 和 sleep 方法，再通过执行结果的先后顺序证明：wait 方法会释放锁，而 sleep 方法并不会。同时我们还讲了几个 wait 和 sleep 的常见面试问题，希望本文可以帮助到你。

2022-08-02 08:00:49

sleep wait 释放锁

多行文本下的文字渐隐消失术

多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。

2022-08-02 06:39:06

多行文本 CSS

如何优雅的消除系统重复代码

今天和大家主要分享了几种项目中消除重复代码的实践方案，同时沉淀了如何优雅消除代码重复的方法论，希望通过这样的沉淀以及总结可以在大家遇到同样的问题的时候可以有所帮助，通过实际的优化代码落地来提升平台的可维护性。大家有没有在项目中实战过的其他消灭重复代码的实践案例呢？

2022-08-01 23:45:23

代码识别项目

线上一次JVM FullGC搞得整晚都没睡，彻底崩溃

分布式架构下，系统之间传输数据，一个系统要确保自己给另外一个系统传输的数据不会丢失，必须要在指定时间内，收到另外一个系统Quorum（大多数）数量的机器响应说写成功。

2022-08-01 20:29:48

分布式架构数据

一文解答Web性能优化

无论是前端还是后端，性能优化其实是每一个开发都无法避开的大山。另一方面，这种开放式的提问深受面试官的青睐，能够快速地区分求职者的水平。

2022-08-01 14:59:57

Web 前端后端

前端必学的动画实现思路！

相信大家写动画的时候心里也是在万马奔腾。今天我们从一个另辟蹊径的角度来探索一个动画实现。

2022-08-01 12:53:30

VS Code 这么牛，再次印证了一句名言

Monaco是用JavaScript编写，而JavaScript是一门匆忙设计出来的语言，其中一些特性在代码库变大的时候很容易让人抓狂。

2022-08-01 10:01:11

JavaScript 语言代码库

不想Go 错误处理太臃肿，可以参考这个代码设计

今天给大家分享了一些在让Go代码的错误处理更优雅上，我学到和想到的一些东西。其实大家可以发现，我们是把多个 if err != nil 分散到了多个方法里，这样代码最起码从感官上看起来比在一个方法里写七八个错误判断更好一点。

2022-08-01 08:48:39

Go 代码接口

Java 池化技术你了解多少？

到了这里你可能会发现池（Pool）与缓存（Cache）有许多相似之处。它们之间的一个共同点，就是将对象加工后，存储在相对高速的区域。我习惯性将缓存看作是数据对象，而把池中的对象看作是执行对象。缓存中的数据有一个命中率问题，而池中的对象一般都是对等的。

2022-08-01 08:37:45

Java 池化缓存

你说的下游是 Upstream 吧？

经常说『梳理一下我们依赖的下游』，后来发现这种说法是错误的。正确的是：梳理一下我们依赖的上游。

2022-08-01 08:36:09

upstream 下游上游

用位运算为你的程序加速

优化之前是遍历这个集合来进行判断的，这样的时间复杂度为 O(N),但当我们换成位运算就不一样了，时间复杂度直接就变为O(1)了，同时还节省了一个切片的存储空间。

2022-08-01 08:12:14

位运算代码性能

使用 Flex 和 Grid 布局实现 3D 骰子！

我们可以不使用传统的单位来调整行和列的大小，而只需使用名称来引用每个单元格。其语法本身提供了网格结构的可视化，名称由网格项的网格区域属性定义。中间列中的点表示一个空单元格。

2022-08-01 08:02:25

单元格可视化语法

React Hook 四种组件优化

React Hook 已成为当前最流行的开发范式，本文梳理基于 React Hook 开发组件的过程中如何提高性能。

2022-08-01 07:56:23

React Hook 开发组件

ThreadLocal的八个关键知识点

ThreadLocal，即线程本地变量。如果你创建了一个ThreadLocal变量，那么访问这个变量的每个线程都会有这个变量的一个本地拷贝，多个线程操作这个变量的时候，实际是在操作自己本地内存里面的变量，从而起到线程隔离的作用，避免了并发场景下的线程安全问题。

2022-08-01 07:42:17

线程安全场景

Java 服务 Docker 容器化优秀实践

在本教程中，我们将了解如何在运行 Java 进程的容器中设置 JVM 参数。本文将重点关注常见的 -Xmx 和-Xms 标志。

2022-08-01 07:27:36

Java Docker 容器

面试突击：什么是粘包和半包？怎么解决？

粘包和半包问题是数据传输中比较常见的问题，它的解决方案有很多，比较常见的解决方案有：设置固定的数据传输大小、自定义请求协议的封装，在请求头中加入传输数据的长度、使用特殊符号作为结束符等。

2022-08-01 07:07:15

粘包半包封装

为什么急于寻找Python的替代者？译文精选

本文将探讨新机器学习语言的出现，以及它们如何侵蚀Python市场份额以及未来机器学习的变化。

2022-08-01 07:07:05

Python 人工智能机器学习

Spring Boot + EasyExcel导入导出，简直太好用了！

本篇文章基于SpringBoot集成EasyExcel的实现展开，为大家讲解了EasyExcel在实践中的具体运用。大家可根据需要，进行变通处理。同时，基于自定义转换器、自定义策略、自定义监听器等形式达到灵活适用于各种场景。希望本篇文章能给大家带来帮助。

2022-08-01 07:02:06

Spring EasyExcel 场景

2022-2023 十大应用开发趋势

随着云对企业基础设施变得更加重要，每个任务和流程都将被“应用化”.基于Web的应用程序允许公司以传统软件解决方案无法实现的轻松和灵活地完成关键活动。

2022-07-31 23:58:30

开发 5G 安全

Go 语言短变量声明的“坑”

本文我们主要介绍一个使用 Go 语言短变量声明方式进行变量声明时，我们非常容易踩的“坑”。

2022-07-31 23:05:55

Go 语言短变量

上一页 1 ··· 129 130 131 132 133 ··· 491 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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