鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

涨见识了！脱离vue项目竟然也可以使用响应式API

这篇文章讲了我们可以脱离vue项目，直接在node.js项目中使用vue的响应式API。接着讲了响应式的实现原理其实就是依靠get拦截进行依赖收集，set拦截进行依赖触发。

2024-07-26 10:47:10

Elasticsearch 使用误区—分片设置不合理

在 Elasticsearch 中，有效地管理分片对于维护最佳性能至关重要。通过仔细规划我们的分片策略并定期监控分片性能和资源使用情况，可以确保 Elasticsearch 集群保持稳定、可扩展和快速。

2024-07-26 10:42:30

分片策略集群

前端构建系统浅析

较新的构建工具使用编译语言编写，注重性能。2019年前端构建非常慢，但现代工具大大加快了速度。然而，现代工具的功能较少，有时与库不兼容，因此旧代码库往往难以轻松切换到它们。

2024-07-26 10:28:51

前端工具编写

五个前沿高级CSS功能

在前端开发领域，CSS 一直是网页设计的支柱，使我们能够创造具有视觉吸引力和互动性的网页体验。

2024-07-26 10:28:50

前端开发 CSS

技术探秘 | 图解 JVM 内存模型，超硬核！

熟悉 JVM 内存结构的同学，可能会很快看得出以上错误信息表示虚拟机堆内存空间不足，因此了解 JVM 内存结构对快速定位问题并解决问题有着非常重要的意义。今天我们一起来了解一下 JVM 内存结构。

2024-07-26 10:23:52

JVM 内存结构

八个解决移动端1px边框困境的方案

您是否注意到 1px 边框在移动设备上有时会显得比预期的要粗？这种不一致源于移动屏幕的像素密度不同。

2024-07-26 10:22:22

四种集成Rust与Node.js的方法及其最佳实践

要在Node.js中使用Rust，通常需要在Rust中创建一个本地Node.js模块。有几种方法可以实现这种集成，包括使用像neon、napi-rs、FFI和WebAssembly (WASM)这样的库。

2024-07-26 10:13:32

Node.js 模块库

防御性编程：让系统坚不可摧

防御性编程是一种积极主动的编程策略，它要求开发者在编写代码时，不仅要关注功能的实现，更要关注代码的健壮性和稳定性。通过预见并防范潜在的错误和异常情况，防御性编程能够显著提升软件的质量，减少因外部因素导致的程序崩溃，提升系统稳定性。

2024-07-26 10:01:16

防御性编程代码

Uni-app 有了这十个实用工具库，每个人都能独立开发项目

vitesse-uni-app 是由 Vite & uni-app 驱动的跨端快速启动模板脚手架，有了它，你可以在 vscode 或其他编辑器中去开发 uni-app 项目了。

2024-07-26 08:56:56

工具库 Uni-app 项目

前端请求中，如何发送中文参数值

在前端向后端发送含有中文参数的请求时，通常需要对这些参数进行编码以确保它们能够正确地在网络上传输并且被后端识别。

2024-07-26 08:53:09

前端参数后端

我们一起聊聊 Vue3 如何使用 filter 处理数据

虽然我们没有直接“传递”计算属性，但通过计算属性处理数据，并将处理后的结果作为属性绑定到子组件，实现了数据的有效传递和利用。

2024-07-26 08:50:57

数据组件项自

面试官问：排序算法都有哪些？你写几个出来？

插入排序的代码实现虽然没有冒泡排序和选择排序那么简单粗暴，但它的原理应该是最容易理解的了，因为只要打过扑克牌的人都应该能够秒懂。

2024-07-26 08:47:07

面试官排序算法

当我们谈论前端性能时，我们在谈论什么

Lighthouse 是一个开源的网页性能分析工具，提供了关于页面最佳实践的相关建议。除了可以直接在Chrome DevTools中使用外，它还支持浏览器扩展（Chrome和Firefox）或npm包（Node API或CLI）。

2024-07-26 08:35:29

Lighthouse 前端性能性能分析工具

Go必知必会：异常处理的关键Panic

panic是 Go 语言中处理运行时异常的重要机制，它允许程序在遇到严重错误时安全地终止；然而，开发者应该谨慎使用panic，避免滥用，尽量使用传统的错误返回机制处理可预见的错误情况。

2024-07-26 08:32:44

重定向和转发到底有啥区别？看这篇就够了！

重定向（Redirect）是指服务器收到请求后，告诉浏览器去访问另一个URL，类似于告诉用户“你走错路了，正确的地方在那边”。重定向分为临时重定向和永久重定向。

2024-07-26 08:23:02

重定向转发服务器

RabbitMQ非常实用技巧，动态调整消息并发处理能力

在 Spring Boot 中动态调整 RabbitMQ 消息监听的并发数是一个重要的优化手段。通过合理设置并发数并根据系统负载情况进行动态调整，我们可以提高消息处理效率、节省系统资源、确保系统的稳定性和可靠性。

2024-07-26 08:19:09

Spring RabbitMQ 系统

Spring Boot防重复提交优化策略

从测试的结果上看，防抖是做到了，但是随着缓存消失、锁失效，还是可以发起同样的请求，所以要真正做到接口幂等性，还需要业务代码的判断、设置数据库表的UK索引等操作。

2024-07-26 07:59:25

Spring 优化策略

ForkJoinPool：大任务拆分，让并行嗨起来

在使用ForkJoinPool时，需要特别注意任务的类型是否为纯函数计算类型，也就是这些任务不应该关心状态或者外界的变化，这样才是最安全的做法。如果是阻塞类型任务，那么你需要谨慎评估技术方案。

2024-07-26 07:54:53

Java 函数类型

5 个 Pandas 超级好用的隐藏技巧

在本文中，分享五个鲜为人知的 Pandas 技巧。这些技巧初时对我来说非常新颖，需要经过大量研究才能掌握。

2024-07-26 00:35:33

Pandas 技巧 NumPy

微软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

上一页 1 ··· 38 39 40 41 42 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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