鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.8w内容

关注

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

文章博文帖子课程

共 2.8w 条

仅仅使用纯 CSS 鼠标点击拖拽效果

而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。

2022-10-10 08:39:19

业务开发时，接口不能对外暴露怎么办？

将对外暴露的接口和对内暴露的接口分别放到两个微服务上，一个服务里所有的接口均对外暴露，另一个服务的接口只能内网服务间调用。

2022-10-10 08:28:57

接口内网服务 AOP

Java 如何通过 Socket 查询 IP ？

在这篇文章中，我们定义了一个客户机-服务器用例，并使用Java套接字编程来查找连接到服务器的客户机的IP地址。

2022-10-10 08:17:50

字节一面：非递归手写快速排序

本文中讲解的套路就失效了，因此我们需要一种更加通用的方法将此类非尾递归代码转为递归代码，这种通用的方法是什么呢？

2022-10-10 08:13:16

递归通用代码

糟了，线上服务出现OOM了

MQ消费者的线程池，设置成4个线程消费，避免消费者同时处理过多的消息，读取大量的Excel，导致内存占用过多的问题。当然线程个数参数，可以根据实际情况调整。

2022-10-10 08:05:34

线程池 OOM问题

使用Spring Boot和Docker构建微服务译文精选

这个分步指南帮助全栈开发者使用Spring Boot在微服务中构建组件，并在Docker中使用它们。

2022-10-10 08:00:00

微服务 Spring Boo 容器

面试突击：事务隔离级别和传播机制有什么区别？

事务隔离级别描述的是纵向事务并发调用时的行为模式，而事务传播机制描述的是横向事务传递时的行为模式。

2022-10-09 20:52:19

事务隔离级别传播机制

只有 10% 的开发人员可以解决这些 JavaScript 挑战题

我们已经根据这些测验答案的统计数据发布了一篇包含最难主题的文章。为了识别这些主题，我们将所有已发布的测验按主题进行划分，它一共有15个主题，并计算每个主题的平均百分比。

2022-10-09 19:02:16

JavaScript 开发测验

当 LinkedList 不是列表时，速度快的兔子都追不上!

Deque是xjjdog最喜欢的一个接口。每当使用offerFirst、offerLast这样精准的API进行操作，都会体验到多巴胺的乐趣。LinkedList作为它的儿子，自然拥有了这些所有的功能。

2022-10-09 19:02:06

Deque xjjdog offerLast

九个为初学开发者准备 JavaScript 单行代码

JavaScript 可以做很多令人惊奇的事情！从复杂的框架到处理 API，有很多东西要学。但是，它还使你能够仅使用一行代码来完成一些很棒的事情。我们今天就一起来看看9 个适用于初学开发者的 JavaScript 单行代码！

2022-10-09 18:52:11

JavaScript 开发数组

面向开发人员的前七个示例代码库网站

您想学习或创建项目吗？在本文中，我将向您介绍 10 个最佳站点，以访问您的项目的免费代码示例。

2022-10-09 16:16:17

开发代码库网站

谈谈你对Swagger工作流程的理解？

Swagger 是一套基于 OpenAPI 规范构建的开源工具，可以帮助我们设计、构建、记录以及使用 Rest API。

2022-10-09 15:18:31

Swagger OpenAPI 工具

pnpm才是前端工程化项目的未来

相信小伙伴们都接触过npm/yarn，这两种包管理工具想必是大家工作中用的最多的包管理工具，npm作为node官方的包管理工具，它是随着node的诞生一起出现在大家的视野中，而yarn的出现则是为了解决npm带来的诸多问题，虽然yarn提高了依赖包的安装速度与使用体验，但它依旧没有解决npm的依赖重复安装等致命问题。

2022-10-09 14:50:24

前端 pnpm 工具

浅谈短链的设计

在很多社交平台上，对于发送的文本是有长度限制，过长的 URL 很容易被截断，然后触达就无效了。

2022-10-09 14:15:42

微前端方案 Qiankun 只是更完善的 Single-Spa

前端应用能够单独跑，也能被集成到另一个应用中跑，这种架构叫做微前端架构。它在解决跨技术栈的应用集成、大项目拆分的场景下是很有用的。

2022-10-09 14:05:24

前端 single-spa

接口性能优化的 15 个技巧

关于业务类的内容很大程度依赖于产品同学的节奏，研发更多是被动角色，我们能做的是就是多跟产品聊天，「实时」了解产品的最新动向，培养自己的业务 sense，给自己多预留一定的buffer时间可以去做技术调研、技术储备。

2022-10-09 13:36:44

接口性能优化

如何应对网络安全中的配置漂移问题？

配置漂移会让组织面临重大安全风险，具体视漂移的严重程度而定。那么该如何应对这种情况的发生呢？维护系统配置的方法主要有三种。企业组织可以根据自身安全管理流程的成熟度，选择适合自己的管理方法。

2022-10-09 12:12:37

记一次 .NET 某工控视觉软件非托管泄漏分析

前段时间有位朋友找到我，说他的程序出现了非托管泄漏，某一块的操作会导致非托管内存上涨的很快，让我帮忙逆向看下是哪里的操作没有释放资源？既然找到我，那就上 WinDbg 分析吧。

2022-10-09 10:47:37

NET 视觉软件

现代 CSS 颜色指南，你学会了吗?

CSS中提供了148个命名颜色，所有浏览器都支持这些名称，这些名称都是被预定义过色值的。下面是部分颜色名称以及对应的十六进制颜色值。

2022-10-09 09:30:33

CSS 浏览器十六进制

为 Vue 官方状态库 Pinia 增加时间旅行调试功能 - Colada

Colada 就是 Pinia 的完美伴侣，注意到这种缺乏时间旅行调试的能力，所以我们决定在 Chrome 扩展中实现它，并为现有的 Vue 开发工具提供一个插件。

2022-10-09 09:18:01

Go开源库、大项目的公共包，是这么用建造者模式的

我们给 DB 连接池加一个建造者模式，这样在设置每个配置化参数的时候就可以对参数进行一步检查，避免直接 new 连接池对象，再给每个属性赋值时都加判断，把每个参数的校验内聚到参数自己的建造者步骤里。

2022-10-09 08:48:13

配置化建造者参数

详解 Webpack devtools

为了尽可能的看到未经过 loader 转化的原代码，可以配置成 cheap-module-source-map。如果需要进一步提升编译速度，就可以配置成 eval-cheap-module-source-map。而在发布上线的时候，就可以将配置调整成 hidden-cheap-module-source-map。

2022-10-09 08:43:47

H5 Webpack 代码

为什么使用消息队列？我这样回答，面试官直说讲得很清楚

传统模式下系统间的耦合性太强。怎么说呢，举个例子：系统 A 通过接口调用发送数据到 B、C、D 三个系统，如果将来 E 系统接入或者 B 系统不需要接入了，那么系统 A 还需要修改代码，非常麻烦。

2022-10-09 08:38:17

消息队列面试官模式

一个被忽略的前端细分领域

这是一篇讲解React原理的交互式博文，左侧代码，右侧正文。随着正文的阅读，左侧代码会相应变化。

2022-10-09 08:16:29

Java 中经常被提到的 SPI 到底是什么？

SPI 技术的使用非常广泛，比如在 Dubble，不过 Dubble 中的 SPI 有经过改造的，还有我们很常见的数据库的驱动中也使用了 SPI，感兴趣的小伙伴可以去翻翻看，还有 SLF4J 用来加载不同提供商的日志实现类以及 Spring 框架等。

2022-10-09 07:33:38

Java SPI 程序

如何更好的使用 Python 的类型提示?

类型提示在代码之上带来了额外的抽象层：它们有助于记录代码，澄清关于输入/输出的假设，并防止在顶部执行静态代码分析 (mypy) 时出现的隐蔽和错误。

2022-10-09 07:07:51

Python 类型代码

七个 JavaScript 中最重要的对象方法

关于JavaScript的知识内容，我在前面也分享了很多，今天，我们再来学习一个关于JavaScript的对象方法的知识，希望这些知识，对你有用。

2022-10-08 23:46:47

JavaScript 对象开发

面试官让我设计一个基于分布式锁的库存超卖方案，并发量很高那种

今天给大家聊一个有意思的话题：每秒上千订单场景下，如何对分布式锁的并发能力进行优化？

2022-10-08 18:04:18

并发量分布式锁

四个Python推导式相关的开发技巧

对于数据科学，Python通常被广泛地用于进行数据的处理和转换，它提供了强大的数据结构处理的函数，使数据处理更加灵活，这里说的“灵活性”是什么意思?

2022-10-08 15:32:24

Python 开发技巧

九个可以帮助你快速免费学习 Web 开发的网站

之前，我与你分享了很多Web 开发资源，随着时间的推移，我学到了更多关于 Web 开发工具和资源的知识。

2022-10-08 14:26:09

开发 Web 工具

几百个数据，Promise.all 没做控制并发？那你心可真大啊！

随后大佬们提出解决方案：控制并发，大佬们是真的强，感觉这种东西已经是大佬们的常规操作了。

2022-10-08 12:58:05

控制并发前端

创建现代 Npm 包的优秀实践

我们总结一下在本文中学到的一切。首先，熟悉了设置、创建和部署一个简单的npm包。这对于熟悉首次发布自己的npm包来说是很好的。然而，如果想制作一个供生产使用的npm包，这样做是相当费力的，也是不可持续的。

2022-10-08 12:17:15

npm包 CJS CommonJS

Flowable 中 ReceiveTask 怎么玩？

ReceiveTask 往往适用于一些不明确的阻塞，例如：一个复杂的计算需要等待很多条件，这些条件是需要人为来判断是否可以执行，而不是直接执行，这个时候，工作人员如果判断可以继续了，那么就 Trigger 一下使流程继续向下执行。

2022-10-08 11:40:18

Receive 阻塞 Trigger

如何在 Golang 中编写断路器（circuit breaker)

在本文的第一部分中，我将对 circuit breaker 进行一般性介绍，让你了解它是什么以及它为什么重要。此外，让我们回顾一下 hystrix-go 和 hystrix 的项目背景，并通过一个小演示示例了解基本用法。

2022-10-08 11:39:56

断路器 Golang 项目

讲透JVM类加载机制，向高手进阶

2022-10-08 08:34:34

JVM 加载机制代码

一些你需要掌握的 Tsconfig.Json 常用配置项

Tsconfig.json 是用来配置 TS 编译选项的，通常位于项目的根目录位置。

2022-10-08 08:19:37

前端 TS 编译

用自己的编程语言实现了一个网站（增强版）

是否可以将 GScript 作为一个脚本化的 Go 语言，毕竟 Go 是编译类型的，每次修改发布都需要经过编译才能运行，但如果可以像脚本语言，比如 Python、Bash 修改后就可以直接运行，这在写一些不是那么重的业务时非常有用。

2022-10-08 08:15:55

GScript Go 语言

JVM 的栈上分配、TLAB、PLAB 有啥区别？

一般情况下，每个线程如果有新建的对象，那么会跟 JVM 申请在堆上创建对应的对象，而线程的栈则存储了指向堆对象的指针。每当一个线程想创建一个对象时，首先会请求 JVM，之后 JVM 进行协调，创建完成之后再告诉线程，线程最后将引用放到栈中。

2022-10-08 08:01:07

面试官： (a==1 && a==2 && a==3) 能否在 JavaScript 中为“真”？

最近，我被问到一个非常有趣的面试问题：Can (a== 1 && a==2 && a==3) ever evaluate to true in JavaScript?。我几乎失去了工作机会，因为我无法回答。

2022-10-08 08:00:00

JavaScript 数组开发

十个 JavaScript 单行代码，让你显得更专业

JavaScript 能够做一些令人惊奇的事情！简而言之，从使用 API 到使用复杂的框架，需要学习 TON。不过，它还允许你只用一条线完成一些令人难以置信的工作。

2022-10-08 07:54:24

JavaScript API 代码

深入理解New操作符

眼尖的开发者可能已经发现我们的构造函数中返回了一个字符串，它是属于基本类型，如果我们返回一个对象会发生什么？

2022-10-08 07:49:55

New 操作符函数

巧妙利用 SpringBoot 应用责任连模式，让编程事半功倍！

本文主要围绕在 SpringBoot 中如何引入责任链设计模式，介绍了三种玩法，其中第二种用法最多，其次就是第一种，第三种用的比较少，第三种本质是一种链式写法，可能理解上不如第一种直观，但是效果是一样的。

2022-10-08 07:31:59

Spring 责任连模式

加入事务和嵌套事务有什么区别？你明白了吗？

加入事务（REQUIRED）和嵌套事务（NESTED）都是事务传播机制中的两种传播级别，如果当前不存在事务，那么二者的行为是一致的；但如果当前存在事务，那么加入事务的事务传播级别当遇到异常时会回滚全部事务，而嵌套事务则是回滚部分事务。

2022-10-08 00:24:40

嵌套事务加入事务事务

聊聊 JS 断点的实现

JS 断点的功能相信大家都用过，当我们设置一个断点，然后代码执行到这个断点时，线程就会停住，然后我们点击下一步的时候，又会再下一个断点停住。那么这个停住到底意味着什么呢？下面这个图是执行到一个断点时 Node.js 的调用栈。

2022-10-08 00:07:00

JS V8 调用栈

如何写一个 JS 运行时

写一个 JS 运行时，首先就必须需要一个 JS 引擎来处理 JS，大部分的 JS 运行时都是基于 V8的，当然你也可以使用其他的 JS 引擎。所以首先需要选择一个 JS 引擎，然后下载代码，编译成功。有了 JS 引擎，就可以通过它提供的一些 API 实现一个可以执行 JS 代码的软件。

2022-10-08 00:06:00

使用 HammerDB 对 Citus 和 Postgres 进行 Benchmark，每分钟200万新订单处理测试

为数据库基准测试构建这种自动化也可能非常耗时。因此，在这篇文章中，我将分享我构建的工具，以便轻松运行针对 Postgres 的基准测试 — 特别是针对在 Azure Database for PostgreSQL 中名为 Hyperscale (Citus) 的 Azure 托管数据库服务中运行的 Postgres 的 Citus 扩展。

2022-10-08 00:05:00

HammerDB 自动化测试

同事改Bug飞快，原来掌握了这些代码Debug技巧

本文主要罗列了10个常用的Debug技巧，可以让我们定位代码问题事半功倍。

2022-10-08 00:03:00

Debug 技巧调试

快速在你的Vue/React应用中实现Ssr(服务端渲染)

对于服务端渲染的页面，服务端可以直接将带数据的内容通过 HTML 文本的形式返回，搜索引擎爬虫可以轻易的获取页面内容，而对于客户端渲染的应用，客户端必须执行服务器返回的 Javascript 才能得到正确的网页内容。目前，除 Google、Bing 支持 Javascript 外（也会有一些限制），其他的大部分搜索引擎都不支持 Javascript，也就无法获取正确的网页内容。而本文要讲的技术方案

2022-10-08 00:01:00

如何使用流程中的 DataObject 并为流程设置租户

Flowable 中的租户其实很好理解，其实就是在流程中，多一个一个 TenantID 加以区分每一个流程属于哪个租户。

2022-10-08 00:00:04

DataObject Flowable 流程

如何实现 JS 运行时的 Inspector 能力

V8InspectorClientImpl 是一个负责和 V8 Inspector 通信的对象，它主要封装了 channel 和 session 对象，这两个对象是具体和 V8 通信的。介绍完整体和基础的数据结构后，接下来看看细节。刚才介绍中说到当收到客户端数据时，子线程会调用 onMessage 通知 Inspector。

2022-10-08 00:00:00

V8 channel 对象

上一页 1 ··· 204 205 206 207 208 ··· 578 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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