鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

停止使用 `let` 或为什么它在 JavaScript/TypeScript 中是不必要的

在现代 JavaScript 和 TypeScript 中，let 应该是例外而不是规则。通过默认使用 const，你使你的代码更可预测、更易读、更不容易出错。当然，有些情况下 let 是必要的，但那应该是经过深思熟虑的。

2024-09-09 08:35:30

JavaScript TypeScrip 格式化

面试官：你对插件化有什么了解？

对于一个完整功能的App，我们可以将其划分成为很多模块，每个模块都可以将其划分成为一个Apk。然后将基础功能的Apk提交给应用市场上架，后续我们可以通过基础的Apk，下载其他模块的Apk，从而完成功能的扩展。

2024-09-09 08:30:56

SpringBoot与XXL-JOB高效定时任务管理指南

本文将带领你探索如何将这两者集成在一起，实现高效的定时任务管理。无论你是初学者还是有经验的开发者，本文都将提供你所需要的知识，让你轻松掌握这一技术。让我们开始吧！

2024-09-09 08:11:12

Spring JOB 任务管理

盘点 Mybatis 使用过程中遇到的坑！

springframework包下的@Param注解执行时机在wrapCollection处理之前，wrapCollection对集合的特殊处理将springframework包下的@Param注解处理覆盖掉了，所以无法解析参数set。而mybatis包下的@Param注解执行时机在wrapCollection处理之后，程序可以正常运行。

2024-09-09 08:02:27

Mybatis 异常栈程序

Elasticsearch 使用误区—单次请求获取大量数据

在使用 Elasticsearch 时，合理设计查询是提升系统性能的关键。通过限制返回文档数量、使用源过滤和部分更新等技术，可以有效减少数据传输量，提高查询效率。

2024-09-09 07:51:33

系统性能效率

Asp.Net Core实战-JWT详解

JWT提供了一种强大且灵活的方式来管理用户身份和权限，特别适用于分布式系统和无状态的应用场景。在ASP.NET Core中，通过安装必要的NuGet包、配置JWT认证服务、生成JWT Token并在HTTP请求中使用它，可以轻松地实现基于JWT的权限控制

2024-09-09 07:37:51

这八个常见的前端开源库，你一定要知道！

Tesseract.js 是一个用于在浏览器和 Node.js 中执行光学字符识别（OCR）的 JavaScript 库。它基于 Google 的开源 OCR 引擎 Tesseract，能够将图片中的文本提取并转换为可编辑的文本格式。

2024-09-09 00:00:00

Tesseract OCR JavaScrip

我们一起聊聊如何编写技术文档

编写技术文档的任务似乎总是优先级很低:它需要大量时间,而且没有立即的正面反馈!所以文档编写一再推迟,直到某个时候不得不完成,比如新团队成员加入项目或我的开源产品即将发布时。

2024-09-09 00:00:00

编写技术文档

45 个开发人员都应该知道的 JavaScript 超级实用技巧

JavaScript 是一种功能强大的语言，对于现代 Web 开发至关重要。今天我将分享一些超级实用的JavaScript技巧，它们将使你成为更高效、更有效的 JavaScript 开发人员，每个技巧都有详细的解释和示例。

2024-09-06 15:48:13

JavaScript Web 开发

阿里限流神器 Sentinel 17 问？

Sentinel 提供开箱即用的与其它开源框架/库的整合模块，例如与 Spring Cloud、Apache Dubbo、gRPC、Quarkus 的整合。您只需要引入相应的依赖并进行简单的配置即可快速地接入 Sentinel。同时 Sentinel 提供 Java/Go/C++ 等多语言的原生实现。

2024-09-06 13:53:28

Sentinel Apache C++

一起聊聊 Supabase 如何构建其平台工程策略

通过使用 IDP，开发者可以专注于他们的代码，完成他们的工作，然后继续进行下一个项目，而不必花费宝贵的时间来配置、收集和维护他们的开发工具。

2024-09-06 12:48:40

Supabase 策略配置

GitHub上Stars最多的五个低代码平台，再也不需要为低代码问题发愁啦！

AppFlowy 是一个开源的、类似 Notion 的笔记和任务管理工具，旨在为用户提供更私密、可自定义的文档和任务管理体验。与之前讨论的项目（如 NocoDB、Appsmith、ToolJet、n8n）不同，AppFlowy 的核心关注点在于文档处理、笔记管理和项目规划，而不是应用开发、数据库管理或工作流自动化。

2024-09-06 12:26:27

GitHub Notion 工具

B站直播的极速排障建设-全链路Trace追踪

不知何时起，“用关键链路查一下”已经成了身边同事常说的口头禅，整套排障体系的价值，也得到了验证。未来还有许多要做的事，我们将致力于拓展业务覆盖面、建立业务健康度监控体系、提升上下文信息的有效性等。

2024-09-06 12:24:19

排障 Trace 追踪

如何在AI中使用Rust

Rust是一种强大的AI语言，提供了性能、安全性和并发性。虽然它可能还没有Python广泛的AI库，但对于性能和可靠性至关重要的AI项目来说，它是一个强有力的选择。

2024-09-06 11:34:15

彻底解决客户端断连难题！Netty与ConnectionWatchdog实战指南

这篇文章中，我们详细讨论了如何通过 Netty 实现客户端的断连检测与重连机制。通过 ConnectionWatchdog 监控连接状态，并结合心跳检测和定时任务，能够有效保证长连接的稳定性。

2024-09-06 11:11:20

Netty 机制客户端

API网关之如何熟悉一个Lua-Resty-的插件

Lua-Resty-* 类库通常是为 OpenResty 等基于 Nginx 的环境而设计的，提供了一些功能强大的模块和工具。熟悉这些库可以帮助开发者更高效地构建和优化他们的 Web 应用。以下是一个关于如何熟悉 Lua-Resty-* 类库的指南。

2024-09-06 11:02:15

API 网关插件

Go并发编程详解锁、WaitGroup、Channel

Channel 可以分为有缓冲和无缓冲两种。无缓冲的 Channel 是同步的，有缓冲的 Channel 是异步的。发送操作只有在 Channel 满时才会阻塞，接收操作只有在 Channel 为空时才会阻塞。

2024-09-06 10:48:13

Channel 异步阻塞

使用 SpringBoot3.3 + SpEL 让复杂权限控制变得很简单！

通过本文的介绍，我们学习了如何使用 Spring Boot 3.3 和 SpEL 实现复杂的权限控制。通过 SpEL 强大的表达式支持，我们可以在业务逻辑中灵活地定义和执行权限校验，使得复杂的权限控制变得更加简洁和直观。

2024-09-06 10:05:47

SpEL Spring 权限

类加载机制的源码解读

WebApp 类加载器是每个 Web 应用独有的，而每个 Web 应用本质上就是一个 Context。因此，我们理所当然地将目光投向了 Context 的实现类。 Tomcat 中，StandardContext 是 Context 的默认实现，而 WebApp 类加载器正是诞生于 StandardContext 类的 startInternal() 方法中。

2024-09-06 09:37:45

WebApp 类加载器 Web 应用

曾经非常厌恶 SSR，现在终于不再需要它了 | 如何在考虑 SEO 的情况下构建 CSR 应用

在这篇文章中，我将讨论为什么 SSR 可能被高估了，以及当代的工具和技术如何让我们仅使用 CSR（客户端渲染）就能实现同样的目标。

2024-09-06 08:36:34

SSR 服务器端渲染 Web 应用程序

Uniapp 开发神器，效率翻倍！

wot-design-uni 组件库基于 vue3+Typescript 构建，参照 wot design 的设计规范进行开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题，旨在给开发者提供统一的UI交互，同时提高研发的开发效率。

2024-09-06 08:02:52

开发神器工具

Vuex原理：通过Vuex实现TodoList

「Vuex」是一个专为 Vue.js 应用程序开发的状态管理模式。它可以集中管理应用中的组件共享状态，并提供一些工具来保持状态的一致性。

2024-09-06 07:59:45

vuex Vue.js 模式

高性能、无侵入的 Java 性能监控神器

无法知道每个服务的运行情况，例如，某一台服务它目前的 QPS 是多少？它的平均延迟是多少，99% 的延迟是多少，99.9% 的延迟又是多少？

2024-09-06 07:55:42

Java 性能监控

.NET WebSocket 技术深入解析，你学会了吗？

.NET WebSocket 为开发者提供了强大的实时通信能力，使得在 .NET 环境下构建实时应用变得更加简单和高效。通过深入理解 WebSocket 的工作原理、使用场景和编程模型，并遵循最佳实践，开发者可以构建出高性能、低延迟的实时应用，为用户提供更好的体验和服务。

2024-09-06 07:29:05

.NET WebSocket 模型

同学：vue的template是如何转为render函数的？

Vue 的 template 是如何一步步转换为渲染函数的过程涉及多个复杂的步骤。这个过程包括模板解析、AST 构建、优化和最终的渲染函数生成。

2024-09-05 17:45:33

Python必知必会：15个令人相见恨晚的Python字符串格式化技巧！

前路漫漫，我爱Python！Hello，大家好，Python是一门简单易学且很有意思的语言，每天我都用它来帮我处理很多繁琐且复杂的工作，提升工作效率。字符串是最常用的数据类型之一，今天，我将向大家分享15个令人相见恨晚的Python字符串格式化技巧，帮你写出更高效、优雅且Pythonic的代码。

2024-09-05 16:02:52

Python 数据类型字符串

我经常会问应聘者的三个React面试题

在面试 React 开发人员时，了解他们如何思考解决问题和优化 React 应用程序至关重要。简单的问题是不够的。我喜欢向候选人提出更具挑战性的问题，以测试他们处理 React 复杂性的能力。

2024-09-05 13:02:41

高动态星地链路通信要素及模型研究

本文面向高动态星地链路通信场景，聚焦于手机直连卫星系统中星地链路通信的各项构成要素，总结了卫星轨迹、信道传播和用户分布三个维度的典型模型。

2024-09-05 12:41:43

链路通信模型

2024年了，为什么 CSS 预处理器依然火爆？

经过一番梳理我们发现，CSS虽然在社区的刺激下加快了其更新迭代速度，但依然达不到CSS预处理器的水平，只能说在使用CSS预处理器的同时，也可以在项目中尝试一些非常优秀的CSS新特性，即：CSS preprocessor + CSS。

2024-09-05 12:16:35

CSS 预处理器运算符

为什么Tailwindcss在开发者中如此受欢迎？揭秘背后的原因！

在原子化 CSS 中，CSS 组件被拆分为更小的部分，这些部分可以独立地编辑、测试和重用。这些原子通常是单个像素或极其微小的变化，例如颜色、大小、位置等。

2024-09-05 11:46:08

CSS @apply 指令

如何利用CSS实现三角形、扇形、聊天气泡框

使用 border 的不同边框属性来确定三角形的形状。通常，可以使用 border-width 控制边框的宽度，border-style 控制边框的样式，和 border-color 控制边框的颜色。

2024-09-05 11:20:54

CSS 形状宽度

解密 Python 集合的实现原理

对于字典来说，键值对始终按照先来后到的顺序添加在键值对数组中，然后将它在键值对数组中的索引保存在指定的哈希槽中。由于索引为 5 的哈希槽保存的是 -2，处于 Dummy 态，因此直接将它设置为 3。

2024-09-05 10:49:42

Python 集合数组

QA已死：我们接下来走向何方？

QA 团队已经消失，但质量工程的思维方式将永远需要。这种思维方式现在已经从特定的团队转变为融入每个从事产品开发的开发人员。组织现在必须找到方法，通过为他们提供生产高质量软件所需的工具和支持，来利用这种思维方式。

2024-09-05 10:09:04

QA 开发方式

一文看懂ASP.NET中Blazor Web与Razor Pages两兄弟

Blazor Web 和 Razor Pages 就像是 ASP.NET 家族中的两位性格迥异的兄弟：一个热衷于在客户端大显身手，一个习惯于在服务器端沉稳操作。

2024-09-05 09:57:30

ASP.客户端 Web

定时任务数量爆炸？Netty教你如何应对百万级挑战

在实际开发中，虽然Netty的HashedWheelTimer给我们带来了极大的性能提升，但在实现过程中，还是遇到了一些挑战。例如，如何合理配置时间轮的槽位数量、时间间隔，以及在多级时间轮中如何有效管理任务的迁移和持久化等。这些问题都需要我们在实际应用中不断调整和优化。

2024-09-05 09:54:32

Netty 开发性能

告别繁琐操作，实现一次登录产品互通

一个公司产品矩阵比较丰富的时候，用户在不同系统之间来回切换，固然对产品用户体验上较差，并且增加用户密码管理成本。也没有很好地利用内部流量进行用户打通，并且每个产品的独立体系会导致产品安全度下降。

2024-09-05 09:46:37

操作体系密码

PHP异步非阻塞MySQL客户端连接池

客户端透明地将这些查询分布在一个可扩展的可用连接池中，并使用100%的用户态PHP，没有外部扩展依赖性（例如ext/mysqli，ext/pdo等）。

2024-09-05 09:41:57

PHP 异步 MySQL

超赞！Spring Boot 3.3 自带 Controller 接口监控，大家赶紧用起来

Spring Boot 3.3 的 Actuator 模块为开发者提供了一整套强大的监控功能，使得应用程序的健康状况、性能指标、用户行为及安全性得以全方位掌握和管理。本文将详细介绍如何配置和使用 Actuator，并展示如何将这些监控数据在前端页面中可视化。

2024-09-05 09:38:55

Spring Actuator 应用程序

如何使用 CGLIB 在 Spring Boot 3.3 中实现动态代理

本文详细介绍了如何在 Spring Boot 3.3 中使用 CGLIB 实现动态代理。通过实际的代码示例，展示了 CGLIB 在动态代理中的应用，以及如何在 Spring Boot 项目中集成 CGLIB。

2024-09-05 09:35:58

CGLIB Spring 动态代理

Java8 中一个极其强悍的新接口，很多人没用过

Function接口是Java8引入的一个非常强悍的新接口，它让我们能够以更加声明式的方式来编写代码，极大地简化了我们的开发工作。通过上面的例子，我们可以看到Function接口在集合的转换、事件的监听、异步任务的处理等场景中的广泛应用。

2024-09-05 09:30:51

Function Java8 接口

SpringBoot这些异常你知道原因吗？你遇过到几个？

遇到该异常，那你就要检查UserDAO类上是否添加了@Component, @Repository, @Service, @Controller, 这些注解(或者配置类中使用@Bean)。还有一点是，当前这个类所在的包在当前扫描的范围内。

2024-09-05 09:25:59

Spring UserDAO 接口

这应该是全网最详细的Vue3.5版本解读

对于开发者来说Vue3.5版本中还是新增了许多有趣的功能的，比如：onEffectCleanup函数、onWatcherCleanup函数、pause和resume方法、watch的deep选项支持传入数字、useId函数、Teleport组件新增defer延迟属性、useTemplateRef函数。

2024-09-05 09:17:14

Vue3.5 响应式版本号

开发实战：使用Redisson实现分布式延时消息，订单30分钟关闭的另外一种实现！

调用 comsume() 之后，如果队列里没有消息，会阻塞等待队列里有消息并且取到了才会返回。之所以这么说是因为可能有别的 Java 进程也在跟你一样取同一个队列里的消息，如果消息被另一个抢完了，那这时就还得阻塞等待。

2024-09-05 09:10:07

Redisson 分布式延时

Vue3 无所不能！我用 Vue3 写接口给前端用你们信吗？

其实这个需求唯一的难点就在于怎么去跨两个Websocket进行通信，上面的做法是定义两个全局变量去存储但是感觉这样不太妥，如果以后Websocket连接实例多了，那么维护起来会不会很费劲？

2024-09-05 08:50:11

Vue3 接口前端

系统设计 | Java 应用中的配置含义和避坑

关于 Mybatis 的 map-underscore-to-camel-case 配置有一个坑，这个配置的含义是把数据库列名中的下划线自动映射为 Java 对象中的驼峰命名。

2024-09-05 08:39:21

Mybatis Java 对象

深入理解 Babel - 微内核架构与 ECMAScript 标准化

本文介绍了 Babel 的概述/微内核架构/ECMAScript标准化方面的设计思想和部分实现原理。

2024-09-05 08:13:05

Babel 架构原理

记一次线程池使用不当触发死锁导致RocketMQ消费停滞

线程池的使用还是要尽量消息，要避免出现线程池中的任务继续使用该线程池去执行任务，出现死锁。也可以考虑对线程池进行监控，避免出现大量任务阻塞。

2024-09-05 08:07:55

线程池死锁

我尝试重现 React 的 useState() Hook 并失去了工作机会

在这篇文章中，带你一起回顾我重现著名的 useState() 钩子的历程，称它为 useMyState()。同时，我也会给出一些建议，帮助你下次面试时避免失败。

2024-09-05 08:04:16

React useState()工具

转转搜推排序服务的响应对象序列化优化

本项目旨在解决搜索推荐服务化过程中因日志传输引起的序列化额外耗时问题。经过三次版本迭代和测试，最终方案成功落地。

2024-09-04 23:19:29

转转搜推排序服务

微服务为什么要容器化？

函数式接口是指只包含一个抽象方法的接口。这个注解虽然不是必需的，但它提供了一种明确的方式告诉编译器和开发者，这个接口是设计为函数式接口的。

2024-09-04 17:49:27

Lambda 接口抽象

上一页 1 ··· 36 37 38 39 40 ··· 558 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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