鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 2024年软考 PMP项目管理软考资讯

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.5w内容

关注

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

文章博文帖子课程

共 2.5w 条

基于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

浅析Vite插件机制，你学会了吗？

对于Vite来说，它是基于esbuild与rollup双引擎设计的，在开发阶段使用esbuild进行依赖预构建，然后基于浏览器原生支持的ESM完成开发预览，而在生产环境打包时，直接使用的rollup构建。那么在这种背景下，Vite的插件机制应该如何设计？

2024-07-17 09:23:58

Vite 插件机制

两位巨佬吃了一顿晚饭，整个互联网彻底被改变了！

多字节编码的每个字节的最高位永远是 1，而 ASCII 字符编码的最高位是 0，所以从根本上杜绝了编码冲突。

2024-07-17 09:16:58

互联网编码多字节

基于Netty的自研流系统缓存实现挑战：内存碎片与OOM困境

Netty 的 PooledByteBufAllocator 不是银弹，使用的时候需要考虑内存碎片带来的实际内存占用的空间放大，规划预留出合理的 JVM 内存大小。

2024-07-17 08:49:57

Netty OOM 内存

如何利用负载均衡器实现终极自由

为了在 Web 应用程序和 API 传递中实现自由，您应该寻求创建、组装、许可（通过开源）和/或购买满足我们在此概述的要求的负载均衡平台。开源贡献、客户信任、行业认可和环境无关性是实现基础设施自由的关键要素。在 HAProxy，这些对我们来说一直非常重要。

2024-07-17 08:36:53

Web API 应用程序

SpringBoot + Sharding Sphere：轻松搞定数据加解密，支持字段级！

当需要对某些数据表字段进行脱敏处理的时候，可以采用 Apache ShardingSphere 框架快速实现。但是有个细节很容易遗漏，那就是字段类型，例如salary字段，根据常规，很容易想到使用数字类型，但是却不是，要知道加密之后的数据都是一串乱码，数字类型肯定是无法存储字符串的，因此在定义的时候，这个要留心一下。

2024-07-17 08:29:20

Spring Sphere 加解密

新的 HTML dialog 标签：绝对改变游戏规则

有了新的 HTML <dialog> 标记，在我们的网络应用程序中创建模式和对话框变得前所未有的简单和快捷。

2024-07-17 08:27:29

HTML 网络应用程序 <dialog>

我用这11招，让接口性能提升了100倍

在skywalking中可以通过traceId（全局唯一的id），串联一个接口请求的完整链路。可以看到整个接口的耗时，调用的远程服务的耗时，访问数据库或者redis的耗时等等，功能非常强大。

2024-07-17 08:25:44

接口性能串联

Python两个Excel多Sheet数据对比

在数据处理与分析中，经常需要比较来自不同来源的数据集，特别是在处理涉及多个Excel工作簿和工作表的场景时。

2024-07-16 16:20:19

Python 数据集

一图看懂八大扩展系统的方法

有效地扩展系统对于确保它在高负载下继续表现良好至关重要。一起来了解一下8个必须了解的扩展系统策略都有哪些。

2024-07-16 14:52:31

扩展系统负载均衡器

注意力机制中三种掩码技术详解和Pytorch实现

注意力机制是许多最先进神经网络架构的基本组成部分，比如Transformer模型。注意力机制中的一个关键方面是掩码，它有助于控制信息流，并确保模型适当地处理序列。

2024-07-16 14:15:09

Pytorch 注意力机制

协方差矩阵适应进化算法实现高效特征选择

如果算法达到真实解决方案，分布的平均值将趋于该解决方案。协方差矩阵将导致分布的形状发生变化（圆形或椭圆形），这取决于目标函数的地理位置，会向有利的区域扩展，而回避不利的区域。

2024-07-16 12:54:40

算法方案参数

微前端代码隔离方案，手把手实现一个 JS 沙箱隔离！

js沙箱大量应用在微前端框架执行子应用代码的场景中。我们这里采用最简单的方式来模拟一下这个场景。

2024-07-16 11:26:35

微前端代码 JS

不掉头发“逆向”旋转验证码

由于百度旋转验证码图片已经升级，图片全部使用AI生成，更不易识别，当前的模型识别成功率有点低，不过可以通过增加重试来规避这个问题，如果你对深度学习比较熟悉的话也可以使用它的模型重新训练最新的验证码图片。

2024-07-16 10:38:55

旋转验证码数据

别做平庸Coder！掌握这十个架构绝技，让你成为团队MVP

本文描述了软件的10个质量属性，但这并不意味着每个质量属性都会出现在架构设计中；你可以选择对你的产品最重要的质量属性，然后实现它们。

2024-07-16 10:13:01

软件质量属性架构设计

React 新 Hook：UseFormStatus 使用详解

useFormStatus 是结合 Action 异步请求时使用的 Hook，它们是对 HTML 表单能力的增强。因此我们可以借助他们与 HTML 表单元素自身支持的特性实现更复杂的表单交互逻辑。

2024-07-16 09:51:39

HTML Hook React

线程池遇到父子任务，有大坑，要注意！

在实际业务场景下，涉及到业务代码和不同的微服务，导致问题有点难以定位，但是最终分析出原因之后，发现可以用一个很简单的例子来演示。所以歪师傅这次先用 Demo 说问题，再说场景，方便吸收。

2024-07-16 08:36:33

线程池父子任务微服务

B+树层面查询数据的全过程详解

B+树通过其高效的数据结构和查询算法，在数据库索引中发挥着重要作用。理解B+树的查询过程对于优化数据库性能至关重要。通过本文的详细阐述和例子说明，希望能帮助读者更好地理解B+树的工作原理。

2024-07-16 08:31:41

B+树数据结构算法

负载均衡技术全解析：Pulsar 分布式系统的优秀实践

对于无状态的服务来说，理论上我们只需要做好负载算法即可（轮训、一致性哈希、低负载优先等）就可以很好的平衡各个节点之间的负载。而对于有状态的服务来说，负载均衡就是将负载较高节点中的数据转移到负载低的节点中。

2024-07-16 08:09:32

载均衡技术 Pulsar 分布式系统

Python excel、word报表生成神器

在这个快节奏的时代，数据驱动决策的重要性不言而喻。但面对堆积如山的数据，手动制作报表不仅耗时耗力，还容易出错。幸好，Python作为数据科学界的瑞士军刀，能帮我们轻松搞定这一切！

2024-07-15 15:05:20

Python 数据驱动

13个 JavaScript 面试难题及代码实现

今天我将带你深入了解 14 个常见的 JavaScript 高级面试问题。这些问题涵盖了 JavaScript 的面向对象、事件循环机制、Promise 等高级概念，以及函数柯里化和深度复制等实用技术。

2024-07-15 14:49:38

JavaScript 开发

大厂内幕：SpringBoot项目为何弃用Tomcat，转投Undertow怀抱？

在软件开发的浪潮中，技术的更迭总是让人目不暇接。在SpringBoot框架中，我们使用最多的是Tomcat，这是SpringBoot默认的容器技术，而且是内嵌式的Tomcat。

2024-07-15 10:45:51

Spring 项目 Tomcat

OpenResty实战系列 | 执行流程与阶段详解

Nginx处理请求的过程一共划分为11个阶段，按照执行顺序依次是post-read、server-rewrite、find-config、rewrite、post-rewrite、 preaccess、access、post-access、try-files、content、log。

2024-07-15 09:58:03

OpenResty Nginx 日志

VueConf 2024 落幕，7大模块讲解 Vue 未来生态变化！

在 Vue Conf 之后，Vue Vine 应该是被彻底带火了。目前，很多的博主也都已经发文讨论了关于 Vue Vine 的内容。

2024-07-15 09:27:17

模块 Vue 测试

饿了么面试官：实现一下 Element-UI 官网的主题切换动画！

通过调用 API，让浏览器为新旧两种不同视图分别捕获并建立了快照 (即 ::view-transition-old(root)旧快照和 ::view-transition-new(root) 新快照)，而后新旧两快照在 ::view-transition-image-pair(root) 容器中完成转场动画的过渡。

2024-07-15 09:08:51

主题切换动画

想看源码但是无从下口怎么办？

带着你想要了解的问题去debug调试源码，和问题不相关的源码全部忽略掉。此时的源码就不再是一棵树，而是一条线，我们只需要将这条线的源码搞清楚就行了。当我们搞清楚足够多问题时，这些线将会汇聚成一棵树。

2024-07-15 09:08:51

源码 debug 根节点

Vue.js开发效率提升700%！2024年最火爆的10个UI库大揭秘

本文探讨了十个可以帮助您提高开发效率的Vue.js库。然而,重要的是要理解,并非所有这些库都适合您。要选择最佳库,请始终通过使用每个库构建概念验证(POC)来评估项目需求和团队的学习曲线。

2024-07-15 08:31:32

Vue.js库 JavaScript UI库

上一页 1 2 3 4 5 6 ··· 511 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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