鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

Stream流原理与用法总结，你学会了吗？

整个Stream处理过程上看可以分为三段：创建流、中间操作、最终操作，即多个元素值通过流计算最终获取到求和的结果。

2022-08-09 08:25:44

Stream 创建流流计算

RocketMQ 的 Push 消费方式实现的太聪明了

push，顾名思义，就是推的意思。就是当MQ收到生产者产生的消息的时候，会主动将消息推送到消费者进行消费，这种模式就叫push，也就是MQ将消息推给到消费者的意思。

2022-08-09 08:18:19

RocketMQ push 消费

震惊！用Python探索《红楼梦》的人物关系！

相信很多人都知道，《红楼梦》就是中国古典小说的巅峰之作，太多人沉迷其中，而红学也经久不衰。当然今天我们不是来探究小说的，而是通过 Python 来探索下红楼梦里那千丝万缕的人物关系。

2022-08-09 08:02:36

Python 人物关系红楼梦

那些年你啃过的ConcurrentHashMap

JDK1.8这里的红黑树，准确的来说是一个TreeBin代理类，它作为红黑树的具体实现起存储作用，而TreeNode是封装红黑树的数据结构，所以你可以理解TreeBin就是封装TreeNode的一个容器。

2022-08-09 07:37:40

对象并发容器

Umd 的包如何导出 TS 类型

现在 TypeScript 的模块都是 es module 的方式引入的，但有一些包是支持 umd 的，它们可能用各种方式引入模块，为了实现 umd 模块的类型检查，可以用 declare global 把导出的变量变为全局的。

2022-08-08 23:49:01

TypeScript umd 模块

手写Flexible.js的原理实现，我终于明白移动端多端适配

今天在看阿里的面试题时，看到这样一道面试题，问Flexible.js的原理是什么？简单的一句概括就是：Flexible.js帮我们计算出1rem 等于多少px。

2022-08-08 20:18:51

flexible.j 移动端的适配

聊聊 Spring 事务控制策略以及 @Transactional 失效问题避坑

JAVA中很多项目现在都是基于Spring框架进行构建的。得益于 Spring框架的封装，业务代码中进行事务控制操作起来也很简单，直接加个 @Transactional注解即可，大大简化了对业务代码的侵入性。那么对 @Transactional事务注解了解的够全面吗？知道有哪些场景可能会导致 @Transactional注解并不会如你预期的方式生效吗？

2022-08-08 17:38:45

Spring 策略事务

写给 Java 程序员的前端 Promise 教程

小伙伴们知道，松哥最近在录 TienChin 项目，用的 RuoYi-Vue 脚手架，前端关于网络请求的地方，很多都涉及到了 Promise，为了让小伙伴们能更好的理解前端代码，咱们抽空整一篇文章和大家聊聊整个 Promise。

2022-08-08 15:45:44

Java Promise 前端

“整洁架构” 和商家前端的重构之路

整洁架构把应用划分成了 entities、use cases、interface adapters (MVC、MVP 等)、Web/DB 等至少四层。这套架构除了分层之外，在层与层之间还有一个非常明确的依赖关系，外层的逻辑依赖内层的逻辑。

2022-08-08 13:24:28

整洁架构架构前端

程序员不得不知道的 API 接口常识

本文就不用 PPT 教案上的那种官方腔介绍 API 接口是个什么概念了，比较希望用一种聊天的方式和大家分享下现有的一丁丁和 API 相关的小心得。

2022-08-08 11:13:35

API 接口前端

写给 Java 程序员的前端 Promise 教程，你学会了吗？

Promise 从字面上理解，就是承诺，承诺将来在某一个时间会做某一件事。通过 Promise 我们可以将异步任务执行的代码和处理的代码完全分离开。

2022-08-08 10:45:49

Promise Java 脚手架

尝试一下使用 Vitest 进行组件测试，确实很香

使用 Vitest 对我们的应用程序进行单元测试是无缝的，与Jest等替代品相比，需要更少的步骤来启动和运行。Vitest 还可以很容易地将现有的测试从 Jest 迁移到Vitest，而不需要进行额外的配置。

2022-08-08 10:09:08

Vitest 单元测试

JavaScript大神：我们能对 JavaScript 做的最好事情就是让它退役!

JavaScript各种各样的问题大家应该深有体会了，但是今年Stackoverflow的调查显示，使用JavaScript的程序员高达65%，远超其他语言，雄踞第一。

2022-08-08 10:05:30

JavaScript 程序员网页

掌握 TypeScript 中的映射类型

在 TypeScript 中，映射类型可以帮助我们避免编写重复的代码，它可以根据现有类型和定义的一些规则来创建新类型。下面就来看一下什么是映射类型以及如何构建自己的映射类型。

2022-08-08 09:00:42

TypeScript 映射类型

搞清楚 Go Mod的版本和伪版本，下次别乱用了

Go Module 告诉我某个包在原来的版本的模块里，不在你声明的版本里… 。后来花了挺长时间对比才发现原来使用的版本并没有合并到主干分支上。

2022-08-08 08:48:15

Go 版本伪版本

开箱即用的前端图片压缩方案

前端实现图片压缩无非就是在用户上传图片文件后, 将file转换成image对象，然后再利用canvas 及其 api 将图片压缩成指定体积。

2022-08-08 08:29:55

图片压缩前端互联网

类隔离自定义类加载器实现，你学会了吗？

本文分享的方式是从类加载器方向出发，实现最终的类隔离，避免了不同模块间不同类的冲突，其中顺便也简单带过了jvm类加载相关的知识点，也算是一劳多得。

2022-08-08 08:17:43

类隔离加载器自定义类

Java 中为什么不全部使用 Static 方法？

在日常生活或编程中，简单的问题可以用面向过程的思路来解决，直接有效。但是当问题的规模变得更大时，用面向过程的思想是远远不够的。所以慢慢就出现了面向对象的编程思想。

2022-08-08 08:04:17

Java static 编程

SpringBoot 自动装配的原理分析

关于 SpringBoot 的自动装配功能，相信是每一个 Java 程序员天天都会用到的一个功能，但是它究竟是如何实现的呢？今天阿粉来带大家看一下。

2022-08-08 07:33:11

自动装配 Java 容器

Go 语言使用 goroutine 运行闭包的“坑”

本文我们介绍了在 for ... range ... 中，Go 语言在每次迭代时，没有定义一个新变量，导致使用 goroutine 运行闭包时，经常会掉“坑”。

2022-08-08 06:50:06

Go 语言闭包

如何追踪 JS 对象是否被 GC

我们通常会使用 V8 自带的堆快照来判断某些变量的内存是否没有得到正确的回收，这是一种非常有效的手段，因为我们在堆快照中可以实时看到当前所有 JS 对象的存活情况。

2022-08-08 06:48:56

JS 语言对象

如何最简单、通俗地理解Python模块？

说简单点，Python模块就是带.py后缀的可执行文件，用来重复调用变量和函数。

2022-08-07 23:52:10

Python 模块数据分析

TypeScript 编译性能优化：Project Reference

TypeScript 3.0 时实现了 Project Reference 来优化性能。如果项目下有一些相对独立的模块，别的模块的变动不影响它，但是它却要跟着重新编译一次，这时就可以用 Project Reference 来优化了。

2022-08-07 21:52:05

TypeScript 编译性能优化

京东APP OpenHarmony 化的跨端开发探索

综合来看，京东App适配 OpenHarmony 涉及的团队和业务都非常多，适配难度也非常大。

2022-08-06 08:34:04

京东App 适配技术栈

11个 ES2022（ES13)中惊人的 JavaScript 新特性

让我们探索 ECMAScript 2022 (ES13) 中添加的最新功能，并查看它们的使用示例以便我们更好地理解它们。

2022-08-05 13:14:25

ES2022 JavaScript 代码

你需要知道的 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

上一页 1 ··· 187 188 189 190 191 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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