鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

阿里面试：死锁的原因？解决方案有哪些？

死锁是指在并发环境下，多个进程或线程因为竞争资源而陷入相互等待的状态，最后系统陷入僵局就形成了死锁。

2024-09-26 00:00:10

死锁阿里面试

C# AsyncLocal 是如何实现 Thread 间传值

说了这么多，其实精妙之处在于创建OS线程的时候，会把C# Thread实例(coreclr对应线程) 作为参数传递给新线程，即下面方法签名中的 lpParameter 参数，新线程拿到了Thread实例，自然就能获取到被调用线程赋值的 Thread._executionContext 字段，所以这是完完全全的C#层面玩法，希望能给后来者解惑吧！

2024-09-26 00:00:00

Thread 间传值 C#

CSS 中的 11 个新特性和功能

9 月 13 日，CSS 工作组发布了 CSS 值和单位模块第 5 级的第一个公共工作草案。它描述了 CSS 属性接受的通用值和单位以及它们使用的语法，并附带了一些有趣的新功能。

2024-09-25 16:31:02

面试官：说下 Vue 和 React 数据驱动原理的区别吧！

Vue 的响应式系统可以自动追踪数据变化，并只对发生变化的数据进行更新。通过响应式系统，Vue 可以做到在数据层发生变化时，自动将变化反映到视图层，而无需额外的 diff 比较。

2024-09-25 12:26:14

Vue 响应式系统

了解 TypeScript 中的实用类型：人人都应使用的七个强大示例

今天，我将深入探讨七个essential的实用工具类型，这些工具类型不仅能够简化代码，还能让开发过程更加高效和富有表现力。

2024-09-25 08:37:03

TypeScrip essential 工具类型

C++ 从零实现协程调度框架

我们通常所熟知的最小调度单元称为线程（thread），亦指内核级线程，其创建、销毁、调度过程需要交由操作系统内核负责. 线程与进程可以是多对一关系，可以充分利用 CPU 多核的能力，提高程序运行的并发度。

2024-09-25 08:28:45

C++调度框架

Java8 之后，Java 又发布了几十个新特性，看看有没有让你惊艳的！

每个 Java 版本发布的新特性并不多，而且好多特性要进行多个版本的孵化和预览。虽然公司的 Java 版本肯定跟不上 Java 版本发布的节奏，但作为程序员的我们，可以关注下 Java 的新增特性。

2024-09-25 08:09:22

Java 新增特性版本发布

Node.js的performance钩子和测量 API

Node 提供的Performance API 不仅可以帮助确定哪些部分速度较慢，还可以帮助确定它们需要多少时间。您可以通过将这些数据作为跟踪或指标导出到Jaeger或 Prometheus 之类的内容来进一步探索这些数据。

2024-09-25 08:04:58

Node Node.js 钩子函数

在领域驱动设计（DDD）中应该避免的十件事译文精选

领域驱动设计（DDD）是软件开发中的一种重要战略方法。本文将探讨在DDD中应该避免的10件事，并举例来说明这些陷阱。

2024-09-25 08:00:00

领域驱动设计软件开发

这年头 HTML 标签已经这么牛了吗！

在 HTML5 推出之后，很多的 HTML 标签都具备了非常牛逼的功能。有些甚至可以让我们完全脱离 JS ，通过简单的 html 就可以实现复杂的操作。

2024-09-24 14:26:59

Slice 还是 Splice? 熟悉JavaScript 2024 中的可变与不可变方法及其他

JavaScript的灵活性是其最大的优势。无论你选择slice还是splice,重要的是要理解每种方法的影响,并在项目中明智地运用它们。

2024-09-24 08:36:18

JavaScript slice splice

为什么推荐大家优先使用 try-with-resources 而非 try-finally

在处理必须关闭的资源时，使用try-with-resources语句替代try-catch-finally语句，你会惊奇的发现，编写的代码更简洁，更清晰，同时也省去了手动显式释放资源的烦恼。

2024-09-24 08:18:13

代码语句资源

使用Spring AI接入OpenAI，Java开发者快速上手大模型

在本教程中，你学会了如何开始使用Spring AI，还熟悉了特定术语，如Prompt、Role、Message和PromptTemplate。

2024-09-24 07:31:52

Spring Java 开发者

一文了解：Python 并发、并行、同步、异步、阻塞、非阻塞

在 Python 中，理解并发（Concurrency）、并行（Parallelism）、同步（Synchronization）、异步（Asynchronous）、阻塞（Blocking）和非阻塞（Non-blocking）是非常重要的，因为它们是构建高性能应用程序的关键概念。

2024-09-23 17:15:28

Python 并发并行

通过HTML属性来增强网站和应用程序的可访问性译文精选

你曾经在 HTML 语言中使用过某个属性，却并未完全明白它的用途吗？你并非个例！随着时间的推移，我深入探究了众多HTML属性背后的含义，特别是那些对于可访问性极为关键的属性。

2024-09-23 17:01:10

HTML属性应用程序 Javascript

PyCodeObject 拾遗

虚拟机会根据不同的指令执行不同的逻辑，说白了 Python 虚拟机执行字节码的逻辑就是把自己想象成一颗 CPU，并内置了一个巨型的 switch case 语句，其中每个指令都对应一个 case 分支。

2024-09-23 12:35:49

函数指令 CPU

令人拍案叫绝的 Python 条件控制技巧

从简单的 if 语句到复杂的多条件组合，再到列表推导式中的条件表达式，每一步都为我们提供了更强大的编程能力。

2024-09-23 10:30:00

Python 编程条件控制

CSS 现在终于支持高度 Auto 过渡动画了

calc-size可以将非数值类型的单位转换成支持过渡的尺寸单位，包括auto，interpolate-size可以从全局范围允许任意关键词支持过渡。

2024-09-23 09:20:02

calc-size CSS 前端

领域设计之仓储和工厂模式！

本文要讲的仓储模式就是用来解耦领域层和基础层的，降低他们之间的耦合和相互影响。

2024-09-23 08:30:48

仓储模式工厂模式领域设计

速率限制与限制和其他 API 流量管理

速率限制是一种控制 API 上传入和传出流量的技术，它通过对 API 用户在给定时间范围内可以发出的请求数设置预定义限制。这样，您可以防止单个用户垄断您的 API 基础设施资源，同时防止拒绝服务（DoS）和暴力攻击等恶意攻击。

2024-09-23 08:03:59

速率限制 API DoS

从Tailwind CSS回归SASS：一个前端团队的技术选型反思

这次从Tailwind CSS到SASS的转变，让我们深刻认识到技术选型对项目成功的重要性。虽然Tailwind CSS在某些项目中可能表现出色，但对于我们的实时聊天应用而言，SASS和CSS Modules提供了更好的可维护性和性能。

2024-09-23 00:01:00

Tailwind CSS SASS

如何使用 Vike 和 Vite 构建可扩展的微前端

在本教程中，我们探讨了 Vike、它的主要功能、如何开始使用它，以及如何将其与 vite-plugin-federation 结合使用以构建可扩展的微前端应用程序。您还可以在此 GitHub 存储库中找到本教程中使用的所有代码。

2024-09-23 00:00:10

Vike Vite 微前端

2024 年，你能放弃 CSS 预处理器吗？

在2024年,完全抛弃CSS预处理器可能为时尚早。但可以预见的是,随着原生CSS的不断进化,预处理器的重要性将逐渐降低。明智的做法是在项目中逐步引入原生CSS新特性,同时保留预处理器的使用,以获得最佳的开发体验和浏览器兼容性。

2024-09-23 00:00:05

CSS 进化项目

设计下拉菜单的十个最佳实践

下拉菜单是一种标准 UI 控件，它提供了一种干净直观的方式来向用户呈现选项列表。然而，如果设计不当，它们可能会让用户感到困惑。本文将讨论一些帮助您创建下拉菜单以增强产品可用性的最佳实践。

2024-09-23 00:00:00

下拉菜单 UI 控件

六个掌握 Next.js 的项目

还在为如何构建一些酷炫且独特的 Next.js 项目而苦恼吗？这篇文章为你带来一些适合初学者的仓库，帮助你获取项目灵感。

2024-09-20 15:37:02

Next.js 开发应用程序

Python 源文件编译之后会得到什么，它的结构是怎样的？和字节码又有什么联系？

Python 的函数、类、模块等，都具有各自的作用域，每个作用域对应一个独立的代码块，在编译时，Python 编译器会为每个代码块都创建一个 PyCodeObject 对象。

2024-09-20 14:46:49

Python 函数编译

面试必备！十分钟搞懂 Webpack Loader 和 Plugin 开发，快速拿下大厂 Offer！

如果要讲解 plugin 和 loader 那么会涉及到三个术语：module、chunk、bundle。所以咱们就先说明下 module、chunk、bundle 然后再来看下 plugin 和 loader。

2024-09-20 12:25:16

Webpack chunk bundle

面试官：说说零拷贝的实现原理？

使用零拷贝技术可以减少 CPU 拷贝，及减少了上下文的切换带来的性能开销，提高了程序的整体执行效率。

2024-09-20 08:36:43

零拷贝数据传输 DMA

这一新的 JavaScript 操作符绝对能改变游戏规则

安全赋值操作符?=为JavaScript带来了更直观、更简洁的错误处理方式。它不仅提高了代码的可读性，还为开发者提供了更灵活的错误处理选项。随着这一特性的普及，相信会有更多优秀的JavaScript代码模式被开发出来。

2024-09-20 08:36:22

安全赋值操作符方式

聚焦于 Web 性能指标 TTI

通过研究 TTI，我们可以更好地理解如何提高网页的交互性能。RAIL 模型为评估用户体验提供了一个框架，而 TTI 则是衡量网页何时可以交互的重要指标。通过检测和优化长任务，我们可以显著改善用户体验，并确保网页在加载后尽快变得可交互。

2024-09-20 08:32:21

TTI 网页指标

React 中，最优雅的异步请求解决方案：use + Suspense

这篇文章继续给大家分享在 React 19 中使用 use + Suspense 来处理异步请求为什么是目前我见过的更优雅的解决方案。

2024-09-20 08:14:16

React 19 异步请求 use

系统功能中出现性能问题，说说排查计划

性能问题的排查是一个持续的过程，需要多方面的信息收集和综合分析。通过结构化的排查计划，可以更有效地定位和解决性能瓶颈，提升系统整体性能。在实际操作中，还需根据具体问题和系统架构灵活调整排查步骤。

2024-09-20 07:41:41

性能信息收集架构

小明，谈谈你对 Vue nextTick 的理解

通过 nextTick，Vue 提供了一种高效的方式来处理异步更新，帮助开发者在数据变更后正确执行逻辑。

2024-09-20 05:46:00

开发 Vue nextTick

为什么库存扣减不需要加锁？尤其是乐观锁？

没加悲观锁是因为秒杀场景不适合用悲观锁（为什么秒杀不能用悲观锁或者分布式锁来实现，详见我的面试宝典），那么为啥乐观锁都没加呢？

2024-09-19 13:00:26

悲观锁 SQL 乐观锁

字节校招一面：聊聊Https 原理

如果HTTP请求被某个不怀好意的中间人窃听截取，并且，消息包含银行密码等敏感信息的话，造成的后果不堪设想吧。

2024-09-19 08:51:01

HTTP 解密截取

架构设计原则：SPI 与 API 该如何选择？

我们将“仓储接口”放置于“领域层”这个“包”中，实现放在一个独立的“包”中，我们看DDD大师的实现都是这样子，现在来思考一下为什么这么做。

2024-09-19 08:46:46

【结构型】树形结构的应用王者，组合模式

组合模式（Composite Pattern）是一种结构型设计模式，适用于将对象组合成树形结构来表示“部分-整体”的层次关系。它允许用户像使用单个对象一样操作对象组合，简化了复杂结构的处理。

2024-09-19 08:22:41

组合模式设计模式文件系统

五分钟掌握三个技巧，编写专业的Python If语句

all()方法更简洁、更易读，尤其是在处理多个条件时。条件整齐地列在一个结构中，清晰表明目的是检查所有条件是否都为True。

2024-09-18 23:50:24

Python 内存生成器

五个让你使用 Next.js 14 更轻松的技巧与提示

Next.js 14 是一个强大的 React 框架，它简化了构建服务器渲染的 React 应用程序的过程。然而，由于其先进的功能和约定，对于开发人员，特别是刚接触该框架的开发人员来说，可能会产生一些困惑和不明确的地方。

2024-09-18 15:58:05

Next.js 14 React 开发

七种开发人员都应该知道的高级 JavaScript 技术

JavaScript 不断发展，为开发人员提供强大的工具来编写更干净、更快速、更高效的代码。

2024-09-18 15:39:10

JavaScript 开发闭包

一文带你吃透定时任务框架

crontab 严格来说并不是属于 java 内的，它是 linux 自带的一个工具，可以周期性地执行某个shell脚本或命令。

2024-09-18 13:57:15

任务框架 java

Python 迭代器是怎么实现的？

通过探究迭代器，我们再次体会到了 Python 的设计哲学，虽然一切皆对象，但是拿到的都是对象的指针。像变量、函数参数等，它们存储的都不是对象本身，而是对象的泛型指针。而基于 PyObject * 和 ob_type，Python 巧妙地实现了多态。

2024-09-18 13:49:42

Python 迭代器函数

CSS 实现带tooltip的slider

这次我们来用 CSS 实现一个全功能的滑动输入器，也就是各大组件库都有的slider。特别是在拖动时，tooltip还能跟随拖动的方向和速度呈现不同的倾斜角度，这些是如何通过CSS实现的呢？一起来看看吧！

2024-09-18 09:18:11

CSS 滑动输入器前端

架构设计之解析CQRS架构模式！

在这种架构模式下，命令侧的数据变化后及时同步（事件、消息队列）到查询侧，两侧数据并非实时。

2024-09-18 09:04:33

架构模式查询

面试官：单核服务器可以不加锁吗？

因为在单核服务器上也会有线程切换，如果不加锁，那么线程切换后，另一个线程就可以访问其他线程未操作完的共享变量，这就会导致操作的共享变量发生数据覆盖的问题，所以是需要加锁。

2024-09-18 09:02:14

单核服务器线程切换锁

超长LLM时代RAG技术价值探索：顺序保持检索增强生成技术(OP-RAG)显著提高长文本问答应用性能

最近，长文本LLMs的出现允许模型整合更长的文本序列，使RAG变得不那么吸引人。最近的研究表明，长文本LLMs在长文本应用中显著优于RAG。与现有工作支持长文本LLMs而不是RAG不同，我们认为LLMs中的极长文本上下文会减少对相关信息的关注，导致答案质量的潜在下降。

2024-09-18 08:42:10

从原理到实践：如何在Taro中构建高效且易用的虚拟列表

在通过scrollToIndex找到该节点即将渲染在第几页，在这之前的几页都需要我们手动执行以下监听每一屏是否在可视区，因为在这之后的页都会通过触底这一操作来执行监听。

2024-09-18 08:25:46

Taro 虚拟列表节点

五分钟内理解 Prototype 链

JavaScript的原型系统虽然初看复杂,但掌握它能让我们更深入地理解JavaScript的工作原理。尽管在使用现代JavaScript和TypeScript的项目中,我们很少直接操作原型,但理解原型对于调试和优化应用程序仍然至关重要。

2024-09-18 08:21:24

JavaScript TypeScript prototype

C# 面向对象编程的三大支柱：封装、继承与多态

封装、继承和多态是面向对象编程的三大基本支柱，它们在C#中得到了充分的支持。通过封装，我们可以保护对象的内部状态；通过继承，我们可以重用和扩展现有的代码；通过多态，我们可以编写更加灵活和可扩展的代码。

2024-09-18 08:13:01

【Tomcat源码分析】从零开始理解 HTTP 请求处理

在 Endpoint.start() 方法中，我们首先会调用 bind() 方法，完成 Socket 的绑定，确保 Connector 能够监听来自网络的请求。接着，我们会创建工作者线程池，为后续处理请求提供充足的线程资源。随后，我们会初始化连接 latch，用于限制请求的并发量，避免过多的请求涌入，造成系统崩溃。

2024-09-18 08:10:06

HTTP 请求处理绑定

上一页 1 ··· 18 19 20 21 22 ··· 543 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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