鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

微软IT故障提醒：RUST比C/C++更好

微软在 Rust 工具上花费了大约 1000 万美元，Azure 是首要目标。该公司还希望建立一个 Rust 的长期支持版本，类似于Linux 操作系统。

2024-07-26 00:22:34

Python 面试时千万别这样命名函数，因为这个被淘汰可太不值了

如果还没有，建议大家亲自安装试一试，找到最适合自己的 Python 虚拟环境管理器。本篇文章我想给大家讲讲 Python 标识符命名的规范。

2024-07-26 00:00:08

命名函数 Python

JavaScript单行技巧：高效处理数据

今天我们介绍有一些关于JavaScript的有趣的事情，大多数开发人员可能都没这样使用过。下面程序中，我从17行命令行转换到一个单行的功能语句。

2024-07-26 00:00:05

JavaScript 单行技巧

Lua：只有少数程序员知道的最简单、功能齐全的语言

Lua 是一种被低估的语言，只有游戏开发者才知道。然而，它有潜力发展成为一种最小的动态类型脚本语言，并与 Python 和 Ruby 竞争。任何人都可以在几分钟内学会 Lua，因为它是有史以来最简单、功能齐全的编程语言！

2024-07-25 11:41:06

程序员语言开发者

防止超卖：并发场景下的数据保护策略

悲观锁是一种假设并发访问会发生冲突的并发控制机制。在数据库层面，悲观锁可以通过行锁、表锁等方式实现。以MySQL为例，可以使用SELECT ... FOR UPDATE语句在查询库存时加锁，确保在扣减库存前没有其他事务可以修改该库存记录。

2024-07-25 09:05:35

并发场景保护策略

神奇的进度条！水缸进度动画效果怎么实现的？

最重点的就是水波，其实这个水波就是个障眼法罢了，我画张图你们就懂了，其实就是一个圆角正方形，一直在旋转和上升下降，让用户有一种水波的视觉感！

2024-07-25 08:55:47

进度条水缸进度动画效果

全栈开发要掌握什么技术？

全栈开发人员需要广泛了解软件开发不同领域的各种技术和工具。这包括前端和后端开发、数据库管理、移动开发、云计算、UI/UX 设计、基础设施管理和 DevOps 实践。不断学习并掌握最新趋势和技术对于全栈开发人员来说至关重要。

2024-07-25 08:43:35

全栈开发工具

ES13中五个最具变革性的JavaScript特性

ES13对JavaScript来说是一个重大飞跃，它带来了几个已成为现代开发必不可少的特性。使你能够编写更清晰、更简洁、更具表现力的代码。

2024-07-25 08:37:48

JavaScript ES13 数组语法糖

前端新入职必备清单，保姆级教程！

打开 Node.js 官网（https://nodejs.org/en），其会自动识别当前的操作系统l类型，直接下载即可。官网提供了两个版本的 Node.js：LTS（稳定版）和 Current（最新版），这里建议下载稳定版，新版可能存在一些Bug。

2024-07-24 20:01:03

前端 Node.js 系统

Lodash 的又一方法被替代了，探索 JS 新特性 Object.groupBy

我们可以看出 Object.groupBy 主要用来处理分组相关的操作。预期对应的还有 Map.groupBy() 这个方法，他们的使用场景相差不大，这里就不去细说了。

2024-07-24 13:02:31

Lodash JS 分组

聊一聊 CSS 的十个技巧和窍门

Web 开发人员使用 CSS 样式语言为语义 HTML 文档添加动态、富有创意且用户友好的样式。

2024-07-24 11:40:33

快速了解 CSS light-dark 函数及其应用

白天和黑夜模式比较好实现，是固定的，这里直接用:has配合:checked来动态匹配当前选中项，然后改变CSS变量就行了。实际项目中，如果考虑兼容性，可以用 JS 动态切换 class 来匹配。

2024-07-24 10:58:32

CSS 前端 light-dark

解密列表的创建与销毁，以及缓存池长什么样子？

创建列表，解释器只提供了唯一的一个 Python/C API，也就是 PyList_New。这个函数接收一个 size 参数，允许我们在创建 PyListObject 对象时指定底层的 PyObject * 数组的长度。

2024-07-24 09:34:27

PyList PyObject 参数

五种编写"自然"代码的方法，让每个人都爱不释手

有时我们编写代码只是为了让它能工作，而不关心向其他人展示我们在做什么。而这种做法往往会在日后造成痛苦的反噬。特别是当其中一个"其他人"是未来的自己时。

2024-07-24 08:33:06

JavaScript 汇编语言

C# 开发技巧：轻松监控方法执行耗时

在C#开发中，监控方法的执行耗时是一项非常有用的性能优化工作。通过使用Stopwatch类、扩展方法或MethodTimer.Fody开源库，开发者可以轻松地实现这一目标。每种方法都有其适用场景，开发者可以根据具体需求选择最适合的方法。

2024-07-24 08:06:56

Set 迎来史诗级加强，新增七个实用方法！

前几天 JavaScript 正式官宣，发布了 7 个Set的新方法，而且都非常的实用，也是很多前端开发者心心念念的方法。

2024-07-23 08:59:17

Set 开发前端

为了让用户一键迁移MD到Nocode/WEP知识库, 我写了一个MD引擎

它可以用于将 Markdown 文档转换为其他格式，如 HTML，也可以进行一些 Markdown 文档的分析和处理。

2024-07-23 08:41:54

Markdown HTML 文档

Next.js 15震撼发布：七大革命性更新，前端性能又又提升了

在新版本中,Next.js不再缓存fetch请求、GET路由处理程序和客户端导航🌐。这一变化有助于避免常见的缓存问题,确保我们的应用保持响应性和最新状态🚀。

2024-07-23 08:34:03

Next.js GET 路由

面试官：网页太慢了怎么排查？

如何排除网页速度慢的故障？优化运行缓慢的网页涉及多个层面的改进，可分为硬件、前端和后台优化。

2024-07-23 08:21:19

API 网页后台优化

百度一面：SpringBoot如何优雅停机？

如果是 Spring Boot 2.3.0 之前，就需要自行扩展（线程池）来实现优雅停机了。它的核心实现实现是在系统关闭时会调用 ShutdownHook，然后在 ShutdownHook 中阻塞 Web 容器的线程池，直到所有请求都处理完毕再关闭程序，这样就实现自定义优雅线下了。

2024-07-22 19:31:34

SpringBoot 线程池优雅停机

11 个高级 Web 工程师必备的 Web API

JavaScript 中有些 API 的使用率可能比较低，下面我们一一介绍它们的用法和使用场景。

2024-07-22 17:21:05

JavaScript Web 工程师

深度选择器探秘：/deep/、>>>、::v-deep 与 v-deep() 的区别与用法

本文将详细探讨/deep/、>>>、::v-deep以及Vue 3 Composition API中的v-deep()的区别与使用方法。

2024-07-22 14:39:24

开发 Vue 深度选择器

面试官：@Transactional 与 @Async 可以同时使用吗

我们在上一篇文章中学习了 @Async 注解的原理，今天看了 @Transactional 注解的原理。

2024-07-22 14:09:22

通读 Taiwind CSS，你学会了什么？

Tailwind CSS 是一个流行的实用工具优先的 CSS 框架，它为快速构建响应式、可定制的用户界面提供了强大的工具。尽管 Tailwind CSS 有其局限性，但其优势在快速开发和界面一致性方面非常明显。

2024-07-22 09:52:42

CSS 框架工具

C#中的设计模式与架构

C#中的设计模式与架构为开发者提供了丰富的工具和方法，帮助构建高质量、可维护的软件系统。单例模式、工厂模式和策略模式是C#中常用的设计模式，它们在实际项目中具有广泛的应用场景和优势。

2024-07-22 08:09:28

"React"开发者并不存在

React只是一个JavaScript工具。JavaScript只是一个计算工具。计算只是一个解决问题的工具。当我刚开始编码时，我痴迷于各种语言及其特定的语法和API。

2024-07-22 08:03:55

JavaScript React 工具

基于Apify+node+react/vue搭建一个有点意思的爬虫平台

本文介绍的内容来自于笔者之前负责研发的爬虫管理平台, 专门抽象出了一个相对独立的功能模块为大家讲解如何使用nodejs开发专属于自己的爬虫平台.文章涵盖的知识点比较多,包含nodejs, 爬虫框架, 父子进程及其通信, react和umi等知识, 笔者会以尽可能简单的语言向大家一一介绍.

2024-07-22 07:05:00

nodejs 爬虫管理平台爬虫框架

代码水平暴增！掌握这五个JavaScript神技，让你成为团队最靓的仔

在这篇文章中，我将讨论一些只有少数开发者知道的隐藏的 JavaScript 词法语法特性。实践并使用这些高级 JavaScript 语言特性，通过最大限度地利用 JavaScript 成为 JavaScript 专家！

2024-07-22 00:00:00

JavaScript 编程语言词法语法

脑洞大开！ 22 个极具创意的 Tooltip 提示框

今天给大家分享 20 个高颜值的Tooltip 提示框，并且附带源码，大家可以直接复制使用！

2024-07-21 15:33:02

Tooltip 提示框源码

一个好用到爆的前端插件集

unplugin-turbo-console 是一个旨在增强前端开发者在使用 console 时的开发者体验（DX）的通用型插件。

2024-07-19 10:31:15

前端通用型插件 unplugin

为什么 Next.js 不用 Vite 而要自造轮子 Turbopack？

这是为什么构建我们自己的工具对于我们是有益的一个重要原因，它使我们能够调查报告的问题，而无需访问您的代码库。如果我们使用其他任何打包器，我们将不得不说"很遗憾，这是您的问题，尝试将其报告给该打包器的 GitHub 存储库"，这不是我们想要做的事情，也不是我们之前在 webpack 中做过的。

2024-07-19 10:03:29

Next.js Vite Turbopack

Vue 组件管理的新趋势！以后可能不再需要组件库了？

总感觉挺麻烦的，所以在想：有没有办法，只需要组件库升级，而项目并不需要去更新依赖包呢，甚至可以做到项目不需要重新上线，就能获取最新的组件功能？

2024-07-19 08:56:13

Vue 组件管理

阿里面试官：Redis的分布式锁和Zookeeper的有啥区别？为啥要用它？

ZK 会牺牲可用性来保证数据的一致性，即出现部分节点宕机后，集群中少于一半的节点后，或者集群正在进行 master 选举时，都会拒绝新的写请求，导致无法加锁。

2024-07-19 08:14:21

Redis Zookeeper 宕机

2024年新的原生嵌套CSS特性：绝对改变游戏规则

你通常会感到压力，浪费大量时间重复外部元素名称。难怪SASS和LESS变得如此受欢迎。

2024-07-19 08:13:00

CSS 特性 SASS

为什么StampedLock会导致CPU100%？

与传统的读写锁（ReentrantReadWriteLock）相比，StampedLock 提供了更灵活和更高性能的锁解决方案，尤其适用于读操作远多于写操作的场景。

2024-07-18 20:18:51

Java 8 锁线程

Python 十个高阶函数

高阶函数，顾名思义，是那些可以接收函数作为参数，或是返回函数作为结果的函数。它们让你的代码更加灵活、简洁，同时也提升了代码的复用性。

2024-07-18 15:08:27

Python 高阶函数

直接把任意网站变为 API 接口？Firecrawl有点牛了！

Firecrawl 是一种 API 服务，它获取 URL、对其进行抓取并将其转换为干净的 markdown 或结构化数据。我们会抓取所有可访问的子页面并为您提供每个子页面的干净数据。无需站点地图。

2024-07-18 12:41:49

深入理解 JavaScript 中的 With 语句

With 语句存在明显的性能问题，这在几乎所有参考书中都有提到，但很少有例子来说明这一点。你可以自己进行代码测试，以更直观地量化理解 with 语句的性能。

2024-07-18 10:12:04

JavaScript With 语句前端

2024 React 生态工具最能打的组合！

经过多年的不断演进，React 已经构建了一个极为丰富且强大的生态系统，本文就来盘点2024 年 React 开发最能打的技术栈组合！

2024-07-18 09:48:07

React Vite 前端

使用 Springboot + Nginx 的 http_secure_link_module 实现图片防盗链在 Vue 展示

本次方案通过引入 Nginx 的 http_secure_link_module 模块实现了图片防盗链功能，增强了图片资源的安全性。在配置方面，我们使用 Yaml 文件来管理关键配置信息，包括图片域名和 Nginx 的安全链接密钥。

2024-07-18 09:19:17

Nginx 图片安全性

把 Canvas 放到 WebWorker 中去绘制？想都不敢想有多爽！

绘制画布耗费了很多时间，差不多有 1s 的时间，并且堵塞了主进程的代码，导致了我后续的逻辑被堵住了，下图可以看到，我的 computedTotal 结果是在画布绘制完菜执行完的。

2024-07-18 08:59:39

Canvas WebWorker 代码

FlowiseAI：低代码时代的AI革命先行者

这些技术栈在实现我们的复杂业务场景上也非常有帮助，如果你也在做AI应用，强烈大家参考上述用到的技术栈，它们从网络请求，数据处理，到可视化流程图，文件解析，代码高亮等方方面面做了系统的支持。

2024-07-18 08:33:24

文件解析,AI FlowiseAI

11款常用的Python虚拟环境管理器，最受推崇的居然是最后一个

当创建新的 Python 项目时，最好先创建一个新的虚拟环境，并在这个虚拟环境中安装 Python 支持库。在虚拟环境中安装、升级、卸载 Python 支持库不会影响其他项目的虚拟环境。

2024-07-18 08:22:38

Python 虚拟环境

与机器打交道的工作：细节决定浪费生命的时间——记一次 Docker 与软链接的故障

所见即所得。我明明已经 ls 出了 20240101 20240102 ... 20240716 20240717 ，为什么还会出现 no such file or directory: /data/daily/20240716 ？显然， 20240716 是软链接的、是来自 /mnt/gfs-data/ 的，而这个庞大的分布式文件系统很有可能存在一些兼容性问题

2024-07-18 08:04:19

机器 docker 软链接

Java 函数式接口，一文彻底剖析！

在本文中，我们学习了什么是函数式接口以及如何定义函数式接口，接着我们分析了 lambda 表达式及其内部工作原理。

2024-07-18 08:00:00

函数式接口 lambda Java

说说XXLJob分片任务实现原理？

这两天咱们开发的 AI Cloud 项目中，也使用到了 XXL Job 来执行分布式任务的调度，可以看出它的部署和使用虽然步骤很多，但用起来还是很简单的。

2024-07-17 17:54:28

XXLJob 分布式任务 Java

Python 解析 XML 格式数据：实战指南

在数据处理和Web开发中，XML是一种广泛使用的数据格式，用于存储和传输信息。Python提供了几种库来解析XML数据，其中xml.etree.ElementTree是最常用的一种，因为它内置于Python标准库中，不需要额外安装。

2024-07-17 14:16:40

XML Python Web开发

ES13 中最具变革性的五个 JavaScript 功能

ES13 包含许多有价值的功能，彻底改变了我们编写 JavaScript 的方式。从异步升级到数组糖等等，让我们来看看它们，看看你错过了什么。

2024-07-17 13:43:04

JavaScript ES13

盘点JavaScript中解构赋值，数组解构常用的数组操作

解构赋值：是一种特殊的语法，它使可以将数组或对象“拆包”为到一系列变量中，因为有时候使用变量更加方便。解构操作对那些具有很多参数和默认值等的函数也很奏效。

2024-07-17 11:35:31

JavaScript 解构赋值

CSS锚点定位终于来了！

最近 Chrome 125终于迎来了CSS 锚点定位的正式支持。这是一个和 CSS 滚动驱动动画一样，足以颠覆整个 Web 开发领域的新特性。有了这个特性，很多以前强依赖 JS 的方式，都可以纯 CSS解决，并且实现起来更加简单、更加灵活，一起看看吧

2024-07-17 10:16:21

CSS 前端 Chrome

上一页 1 ··· 33 34 35 36 37 ··· 544 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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