鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

巧用注解编程，轻松搞定审计日志服务！

最常见的就是电商系统和支付系统，尤其是需求旺季的时候，经常有黑客专门攻击这些电商系统，导致大量服务宕机，影响用户正常下单。

2024-08-26 08:27:18

注解编程日志

2024年Web开发者应知道的20款浏览器插件

WhatFont与ColorZilla类似。你可能会看到一个你很喜欢并想使用的字体，而非要在网站的CSS文件中寻找，你可以使用这个扩展找出所使用的字体是什么。你可以点击WhatFont图标，然后将鼠标悬停在页面上的任何文本上，就能看到这个字体是什么。

2024-08-26 08:14:00

Web 开发者 CSS

看完这一篇，再也不用为前端性能优化发愁了！

当一个页面的很多很多，一屏无法展示所有的数据，用户需要滚动页面才能看到下面的数据时，数据懒加载处理方案就显得非常重要了。

2024-08-26 00:01:00

前端性能优化

异步编程：真的让程序更快了吗？

异步编程并不总是让程序运行得更快，但它确实可以在许多情况下提高程序的效率和响应性，特别是在处理I/O密集型任务时。

2024-08-26 00:00:06

异步编程程序

C#线程创建的极限与策略：深入探讨与实例分析

C#中线程的创建并不是无限制的，它受到操作系统、内存资源以及CLR线程池等多种因素的约束。在开发多线程程序时，应根据实际需求合理规划线程数量，并优先考虑使用CLR线程池来管理线程。

2024-08-26 00:00:01

C#线程操作系统

21个常用JavaScript 数组方法使用指南汇总

在 JavaScript 中，数组是一种特殊类型的对象，用于存储和组织多个值。数组使您可以将值分组到单个变量名下，从而方便管理和操作数据集合。

2024-08-23 15:34:23

JavaScrip 数组

携程前端自动化任务平台TaskHub开发实践

本文介绍了前端自动化任务中的难题，讲解了Taskhub如何通过拆分核心和辅助模块来应对这些挑战，并结合两个实际场景展示了Taskhub在提升自动化任务排障效率等方面的表现。最后，讨论了Taskhub使用的RPC BFF框架如何提升整体开发效率，并分享了使用RPC BFF的经验。

2024-08-23 10:31:14

携程前端自动化

@Transactional中使用线程锁导致了锁失效，震惊我一整年！

在@Transactional注解的方法内部使用线程锁时，由于事务管理和锁操作在时间上的不一致，可能会导致锁失效的问题。

2024-08-23 09:46:46

线程锁事务管理失效

面试官：谈谈你对 HTTPS 的理解，以及 HTTPS 和 HTTP 的区别

本文将从专业资深前端开发的角度，深入探讨 HTTPS 的概念、工作原理，以及与 HTTP 的主要区别。

2024-08-23 09:02:56

HTTP HTTPS 前端开发

为什么在JavaScript中['1', '5', '11'].map(parseInt) 返回 [1, NaN, 3]

Alex自称编程高手,以快速编码和简洁代码为傲。尽管刚进入这个行业不久,他总是认为自己比团队其他人都强,固执地我行我素;所有善意的建议都被他当耳边风。但Alex很快就要遭遇灾难性的失败了。这将是一次痛苦而令人谦卑的经历,他永远不会忘记。

2024-08-23 08:47:51

JavaScript Alex map()

一个 Vue3 强大的 API，让你随心所欲操控数据更新！

需求是这样的，我有一个变量 sum，是通过computed去计算的，且 sum 依赖的变量有的是响应式的，有的不是响应式的，所以会造成以下的后果，当非响应式变量改变时，并不会触发sum 的响应式更新，只有响应式变量改变时才会触发sum的响应式更新。

2024-08-23 08:45:04

响应式 Vue3 API

RocketMQ消息回溯实践与解析

消息回溯功能是 RocketMQ 提供给业务方的定心丸，业务在出现任何无法恢复的问题后，都可以及时通过消息回溯来恢复业务或者订正数据。特别是在流或者批计算的场景，重跑数据往往是常态。

2024-08-22 18:49:23

RocketMQ 业务场景

掌握VS Code：提升前端开发效率的秘诀

在前端开发的世界里，效率和工具的选择息息相关。你是否曾经因为代码编辑器的限制而感到困扰？或者因为插件配置不当而浪费时间？如果你正在寻找一款既轻量又强大的编辑器来助你一臂之力，那么 Visual Studio Code（VS Code）无疑是你的不二之选。

2024-08-22 14:30:32

前端开发 VS Code

Typescript在什么场景下使用as const？

as const 是 TypeScript 中的一种类型断言，用于将一个对象或数组的所有属性标记为只读（readonly），并将其所有字面量类型提升为最窄的字面量类型（即常量类型）。

2024-08-22 10:51:09

Typescript 场景类型

面试官：说说@Async实现原理？

在 AsyncAnnotationAdvisor 中，会使用 AsyncExecutionInterceptor 来处理 @Async 注解，它会在被 @Async 注解标识的方法被调用时，创建一个异步代理对象来执行方法。这个异步代理对象会在一个新的线程中调用被 @Async 注解标识的方法，从而实现方法的异步执行。

2024-08-22 10:39:50

@Async 注解代理

字典是怎么创建的，支持的操作又是如何实现的？

关于字典是怎么创建的，以及它添加键值对、基于键获取值的源码细节，我们就分析完了。当然还没有结束，字典还有很多的自定义方法，我们下一篇文章来剖析这些自定义方法的实现细节。

2024-08-22 10:11:00

字典取值源码

Python必知必会：令人相见恨晚的十个Python类技巧

我们给 super().__init__ 方法传递了 (length, length) 参数，因为正方形的长宽相等。同时，我们可以调用父类计算面积和周长的方法，因为子类可以访问父类的方法。这样，不仅提升了代码的复用性，并且代码更简洁。

2024-08-22 08:57:32

Python 技巧参数

十种超赞的 MyBatis 写法！

choose标签是按顺序判断其内部when标签中的test条件出否成立，如果有一个成立，则 choose 结束。当 choose 中所有 when 的条件都不满则时，则执行 otherwise 中的sql。

2024-08-22 08:54:40

MyBatis XML 标签

Go GOPATH 模式未来会怎么样，会消失吗？

这次针对 GOPATH 模式和 Module 模式的探讨和推进，仍然是由 Go 核心团队负责人 rsc 负责发起。最终的结论是 GOPATH 模式这种历史债务甩不掉，还是有人必须要使用的。但是我们也不能完全不管他。

2024-08-22 08:50:51

GOPATH 模式 Module

JavaScript 中的七个新 Set 方法：`union()`、`intersection()`，以及其他五个

Set 从 ES6 就已经存在了，但通常它们只是用来确保列表中没有重复项。然而，随着这7个即将推出的内置 Set 方法，我们可能会发现自己更加频繁地使用它们。

2024-08-22 08:49:38

Set ES6 union()

揭秘C#的While循环：你真的了解它吗？

C#中的while循环是一个强大而灵活的工具，可以帮助我们解决许多重复性问题。它的力量在于它的简洁性——只要理解了基本的结构和工作原理，你就可以在各种场景中自如地使用它。

2024-08-22 08:17:55

38个实用的JavaScript 技巧

今天这篇文章，我想跟大家分享一些我在日常工作中收集整理的一些有用的 JavaScript 技巧，希望这些技巧能够帮助你提升开发效率。

2024-08-21 14:55:02

JavaScript 开发

敢在简历上写消息队列，这几个问题必须拿下！

引入 MQ 消息中间件实现系统解耦，会影响系统之间数据传输的一致性。在分布式系统中，如果两个节点之间存在数据同步，就会带来数据一致性的问题。

2024-08-21 10:40:21

消息队列 RocketMQ 数据传输

每天都在用的20个Python技巧，让你从此告别平庸！

获取字典元素的常规方法是通过中括号加键值的方式，但是如果访问的键值不存在时，则会报 KeyError 错误，中止代码运行。而如果改用字典的 get 方法的话，则可以完全避免这个问题，并且对于不存在的键值，还可以设置个性化返回默认值。

2024-08-21 08:43:53

Python 技巧键值

十个你应该立即卸载的VS Code扩展

当你开始输入Emmet缩写时，一个建议将会弹出，并伴随自动补全选项；你还可以在VSCode的建议文档悬浮框中看到展开的预览。

2024-08-21 08:37:47

Code Emmet 悬浮框

使用 PowerMock 写单元测试，被坑惨了！

PowerMock 写单测对开发人员来说确实很方便，但是如果工程中的代码量比较大，团队又要求单测覆盖率高，那单测类的数量确实会很多，最终结果就是单测耗时时间很长。这种情况并不适合使用 PowerMock 框架。

2024-08-21 08:22:33

PowerMock 开发代码

OpenTelemetry 实战：从零实现分布式链路追踪

对于支持自动埋点的语言就很简单，只需要配置下 agent 即可；而原生的 Go 语言不支持自动埋点就得手动使用 OpenTelemetry 提供的 SDK 处理一些关键步骤；总体来说也不算复杂。

2024-08-21 08:09:17

Go 语言 agent

实时流架构：深入了解Kafka、Flink和Pinot的技术译文精选

虽然像Kafka、Flink和Pinot这样的独立组件功能非常强大，但在云计算和内部部署之间大规模管理它们在操作上可能很复杂。

2024-08-21 08:00:00

编写高效Python函数的五个技巧，真心建议你牢记，并当作此后编码的准绳！

在Python中使用生成器返回列表可以在内存效率、性能和惰性求值方面带来显著优势。通过按需生成值，你可以更高效地处理大型数据集，编写更简洁、更易维护的代码。

2024-08-20 16:53:19

Python 内存生成值

Python 单双下划线方法在接口自动化中的高级用法（_、__）

今天一起来了解一下python 单双下划线方法在接口自动化中的高级用法吧。

2024-08-20 16:32:37

python 接口自动化

Java, Go, Python的垃圾回收是怎么工作的？

垃圾回收是编程语言中的一种自动内存管理功能，用于回收程序不再使用的内存。它有助于防止内存泄漏并优化系统内存的使用。

2024-08-20 16:27:54

编程语言 Java,Python

JavaScript 中的 bind()、apply() 和 call()鲜为人知的区别

每个开发人员都应该充分了解它们的工作原理，并能够辨别它们之间的细微差别。

2024-08-20 16:04:27

JavaScript 开发

11 种有用的 JavaScript 技巧

今天这篇文章，我想与你分享 11个有用的JavaScript功能，它们将极大地提高我们的工作效率。

2024-08-20 15:23:27

JavaScript 开发

可视化数据结构以及算法演示工具

为了实现代码的重用，避免重复造轮子，通常我们会将一段常用的代码逻辑封装为函数，这样就可以实现代码的一处编写，多处调用。

2024-08-20 14:31:16

九个令人相见恨晚的Python字典技巧，让你写出更优雅、更Pythonic的代码！

今天笔者将向大家分享9个令人相见恨晚的Python字典技巧，让你更优雅高效地处理字典，写出更加Pythonic的代码。

2024-08-20 14:25:20

Python Pythonic 开发

五个良好的Python编程习惯，助你成为Python高手！

今天笔者将向大家分享5个良好的Python编程习惯，大牛认证，通过不断实践，助你写出更Pythonic的代码，让你向Python大师之路更进一步。

2024-08-20 14:19:29

使用 template HTML 标签的十个重要技巧

为什么有用？通过使用 <template>，你可以创建可重用的内容块，这些块存储在文档中，但直到需要时才会显示。这在需要动态创建多个 UI 组件实例或管理大型数据集时特别有用。

2024-08-20 10:15:14

文档 UI 组件

离谱！CPU狂飙900%，这怎么处理？

为了找出问题的根源，我先用ps -ef | grep java命令找到Java进程的PID。然后使用top -H -p [PID]命令查看该进程下所有线程的CPU使用情况。经过一番查找，我发现有一个线程的CPU使用率特别高，肯定是它搞的鬼！

2024-08-20 09:42:38

Java 进程 PID

Go1.23 新特性：再开后门，可以记录未捕获的 panic 和 throw 日志了！

本次 Go1.23 在 runtime/debug 中新增了 debug.SetCrashOutput 方法来允许设置未被捕获的错误、异常的日志写入。可用于为所有 Go 进程意外崩溃构建自动报告机制！

2024-08-20 08:51:41

Go 日志业务

我们要先实现业务功能，还是先优化代码？

在日常的代码开发里，由于偷懒不想写一个组合的逻辑表达式，从而增加分支逻辑的现象，实际上是较为常见的。

2024-08-20 08:19:43

优化代码表达式 switch

五个数据科学中不可不知的数据结构

掌握这五种重要的Python数据结构——列表、字典、元组、集合和DataFrames——对于任何数据科学家来说都至关重要。这些数据结构为高效处理和操作各种数据科学项目中的数据提供了坚实的基础。

2024-08-20 00:00:05

数据结构 Python 元组

如何针对特定业务场景设计数据结构和高性能算法？

为了更有效地权衡，我们在设计数据结构与算法时，有时甚至需要同时选取多种数据结构来记录数据。例如，把绝大部分的稳定数据保存在序列数组中，针对偶尔变更的数据记录保存在链表中，毕竟业务中并未限定必须使用相同的结构类型来保存相同类型的数据。

2024-08-19 14:06:00

场景数据结构算法

开源瀑布流插件Masonry.js: 轻松在你的网站实现瀑布流布局

Masonry 是一个 JavaScript 网格布局库。它的工作原理是根据可用的垂直空间将元素放置在最佳位置，有点像泥瓦匠在墙上安装石头。我们在互联网上也许看到过很多瀑布流的案例.

2024-08-19 14:01:00

开源瀑布流插件

抢红包必看！算法决定你的红包大小

先从最简单的线性切割法说起。这个算法的核心思想是，把红包金额看作一个连续的线段，然后在这条线段上切割出几个小段，每一段的长度代表每个红包的金额。

2024-08-19 11:31:41

算法切割法红包

Redis中Set底层跟Java一样吗？

当集合的元素发生变化时，Redis 会自动转换数据结构以适应新的需求。例如，如果一个原本使用 intset 的集合添加了非整数元素，Redis 会将数据结构从 intset 转换为 hashtable。

2024-08-19 11:23:36

Redis Java 数据结构

Python 接口自动化测试中的十个魔法方法

在Python中，魔法方法（也称为特殊方法）是一些特殊命名的方法，它们允许你定制类的行为。虽然这些方法不直接应用于接口自动化测试，但它们可以用来增强测试框架的功能。

2024-08-19 10:21:37

接口 Python 魔法方法

TS中关于void类型的奇怪现象，你知道吗？

在TS中有一种类型为void ，它表示的是空，但是需要注意的是它与JS中的空并不是一回事。并且它一般用于给函数返回值声明类型，虽然也可以把一个变量的类型声明为void，但我们一般不会这么干，因为没有意义，为什么这么说呢？在下面的例子中来解答这个问题

2024-08-19 09:07:09

30行代码，实现超火状态管理工具 Zustand

什么是按需重渲染？就比如当 count 变化时，只有需要使用到 count 的组件才会重新渲染，没用到 count 的就不用重渲染，减少不必要的渲染！

2024-08-19 08:48:49

代码渲染组件

一口气看完，ES8,9,10,13,14,15中30多个最具变革性的JavaScript特性

总的来说,ES15对JavaScript来说是一个重大飞跃,包含了几个对现代开发至关重要的特性。帮助你以更简洁、更富表现力、更清晰的方式编写更干净的代码。

2024-08-19 08:35:11

ES15 JavaScript 特性

Java智能之Spring AI：五分钟打造智能聊天模型的利器

通过本文的介绍，我们深入了解了Spring AI项目的优势和特性，以及在实际应用中的快速实战示例。Spring AI作为一个高度抽象化的人工智能应用程序开发框架，为开发者提供了便捷的模型支持、灵活的功能模块交换和优化能力。

2024-08-19 08:29:40

Spring AI 项目

上一页 1 ··· 32 33 34 35 36 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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