鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

React最佳实践

如果组件卸载了，当组件再次挂载时，triggered变量仍然会被设置为true，因为triggered变量并没有绑定到React的生命周期中。当使用 useRef 时，React 将在组件卸载并再次安装时重置其值。在这种情况下，就可以要使用 useRef。

2023-07-21 01:12:30

React false变量

10个最恐怖的UI /UX设计错误

通过借鉴这些例子并避免这些常见的UI/UX设计错误，您可以为您的受众创造更愉悦、易于访问和用户友好的体验。请记住，出色的设计是关于理解并满足用户的需求。将用户的需求放在设计过程的前沿，您将在竞争激烈的数字领域中创造出一款脱颖而出的产品。

2023-07-20 10:31:34

UI/UX 设计产品

深入SpringCloud Gateway底层详解路由配置定位原理

本节主要了解系统中的谓词与配置的路由信息是如何进行初始化关联生成路由对象的。每个谓词工厂中的Config对象又是如何被解析配置的。

2023-07-20 10:04:37

底层路由配置

React 18 如何提高应用性能？

React 中的视觉更新分为两个阶段：渲染阶段和提交阶段。React 中的渲染阶段是一个纯粹的计算阶段，其中 React 元素与现有 DOM 进行协调（即比较）。此阶段涉及创建新的 React 元素树，也称为“虚拟 DOM”，它本质上是实际 DOM 的轻量级内存中表示。

2023-07-19 15:45:47

React DOM 轻量级

Overlay FS联合文件系统源码解析系列—目录接口详解

本文重点介绍Overlay FS的目录相关的关键数据结构和目录的相关接口，让读者能体会到所谓的Overlay文件系统的特点，很多实现细节是有别于传统的文件系统，均需考虑upper层和lower层不同情况，但是万变不离其宗，我们学习文件系统必须抓住文件系统的主要数据和接口的实现，这对C语言实现其它底层软件开发也是一种必备技能。

2023-07-19 14:00:50

Overlay C语言

作为一个老程序员，想对新人说什么？

通过相互的代码review，可以发现一些代码的漏洞，不好的写法，发现自己写代码的坏毛病，让自己能够快速提升。当然如果你们公司没有建立代码的相互review机制，也没关系。

2023-07-19 08:25:05

代码继承关系 review

Java8中新增新特性异步编程之CompletableFuture

Future是从JDK1.5开始有的，目的是获取异步任务执行的结果，通常情况会结合ExecutorService及Callable一起使用。

2023-07-19 08:03:05

Future 异步 JDK

Go 语言 select 都能做什么？

switch 用于条件判断，而 select 用于通道操作。不能在 select 语句中使用任意类型的条件表达式，只能对通道进行操作。

2023-07-19 08:01:04

switchselect语句

为什么说Raft原生系统是流式数据的未来？译文

Apache Kafka正逐渐引入Kraft以简化一致性方法，基于Raft而建的系统则给明天的超大规模工作负载带来了希望。

2023-07-19 08:00:00

Raft 分布式系统

不容忽视的八个 DOM API

文档对象模型（DOM）提供了许多强大的功能，在现代浏览器中无需外部依赖即可使用。在本文中，我们将探讨8个可能被忽视的DOM功能

2023-07-19 07:51:10

文档对象模型 DOM

Python不是一种伟大的编程语言原创精选

虽然Python无疑是一款流行且功能强大的编程语言，但它并非没有缺陷和争议点。通过研究Python的优势，劣势和争议点，我们能够更准确的描绘出更平衡的语言视图。

2023-07-18 18:10:04

Python 编程语言

五种高级 NodeJS 技术

作为开发人员，我们都致力于打造高效、健壮且易于理解、修改和扩展的代码库。通过采用最佳实践和探索先进技术，我们可以释放 NodeJS 的真正潜力并显着提高应用程序的质量。

2023-07-18 15:58:29

如何使用 HTML 和 CSS 实现一个圆形进度条效果

今天我们将学习使用 HTML 和 CSS 创建圆形进度条。应用程序中进程的进度通过进度条显示。已完成的流程量和尚未完成的流程量由进度条指示。我们将使用 HTML 设计进度条的各个部分，并且我们可以使用 CSS 属性自定义进度条。

2023-07-18 15:49:22

阿里二面：使用 Nacos 做注册中心怎么做优雅发布？

无论是哪一款注册中心，优雅发布要解决的问题都是优雅上线和优雅下线。本文结合 Nacos 的原理讲解了 Nacos 的优雅发布，希望对你有所帮助。

2023-07-18 08:28:58

注册中心下线 Nacos

CoreDNS 与多集群服务 MCS

假如当前应用内的代码中是使用 NAME.NS 的方式的话，可以通过在 Pod /etc/resolv.conf增加 clusterset.local 搜索域来解决。由于 Kubernetes 集群只支持一个 clusterDomain，只能通过 pod.dnsConfig 在添加搜索域了。单又会来另一个问题：搜索域的增加势必带来性能的开销。

2023-07-18 08:04:50

NAME 搜索域代码

九个超级有用的 Javascript 技巧

有时候前端需要对后端传来的数据进行转换以适应前端的业务逻辑，或者转换组件的数据格式然后传给后端处理，而 reduce 就是一个非常强大的工具。

2023-07-18 07:56:31

工具 reduce 业务

我们一起聊聊丝滑的代码管理

最近需要修改一个很重要的项目源码，但是这个源码的代码仓库权限又不能给我们，只给了一份拷贝的版本，为了能够更好地对这份代码进行代码版本管理，我决定在本地搭建一个 Gitlab 仓库，来和其他同事进行协同开发。

2023-07-18 07:56:20

代码管理 Gitlab

增强你的移动网页体验：掌握这12个必备JavaScript API

在本文中，我们探讨了12个可以增强您的移动网页并提供更好用户体验的JavaScript API。然而，需要记住的是，浏览器对这些API的支持可能会有所不同，而且并非所有设备或浏览器都具有相同的兼容性水平。因此，执行功能检测并处理不支持API的情况非常重要。这样可以确保用户在不同平台上获得一致的体验。

2023-07-18 07:51:56

G行分布式消息平台建设与思考

平台周边功能丰富是平台“好用”的强大助力。对于分布式消息平台的建设，除了核心的各类型消息收发能力之外，周边能力如监控告警配置、故障排查工具、应急处置工具以及异常场景下的服务保障机制都是平台能够在各应用系统稳定运行中切实发挥作用的强大工具。

2023-07-18 07:23:46

分布式消息工具

一种基于规则的 JavaWeb 回显方案

本文提出了几种解决方案，包括暴力查找、模糊查找、精确查找（基于规则查找），各有优缺点。基于规则的查找优点在于每次添加一种新的框架、中间件支持只要加一个规则，有效的减少了 payload 体积。

2023-07-18 07:23:11

方案 payload request

如何使用LinkFinder在JavaScript文件中查找网络节点

LinkFinder是一款功能强大的Python脚本，在该工具的帮助下，广大研究人员可以轻松在JavaScript文件中发现和扫描网络节点及其相关参数。

2023-07-18 07:19:59

LinkFinder Python 脚本

GoFrame v2.5 版本发布，企业级 Golang 开发框架

改进请求 Context 上下文处理，每次 Context 的变更将会影响底层的 http.Request 对象。以支持自定义 HTTP Handler 的数据交互场景。

2023-07-17 18:47:52

GoFrame HTTP 数据

用于处理 null、NaN 和undefined 的 18 个 JavaScript 代码片段

Null、NaN 和 undefined 是程序员在使用 JavaScript 时遇到的常见值。有效处理这些值对于确保代码的稳定性和可靠性至关重要。

2023-07-17 15:28:03

JavaScrip 开发

前端测试教程：优秀实践综合指南

一个全面的教程，包括前端测试，它的类型，好处，以及如何执行它的例子。

2023-07-17 13:57:05

「研究问题」写不明白，读者一脸懵！MIT博士手把手教你写「问题设定」：论文得能变代码才行

抽象 Problem 类表示论文中定义的问题类别，即使对于相对简单和熟悉的问题，如图像分类，也需要描述地非常精确。

2023-07-17 13:26:48

Problem 问题类别抽象

总结了九个绝佳的 Python Debug 工具

随着人工智能的大热，Python成为大多数开发者的首选预语言，因为它具有高度的可读性，并支持简单的语法。

2023-07-17 11:43:07

Python 语言人工智能

PerfView洞察 .NET程序非托管句柄泄露

通过这个案例可以看到 PerfView 的最大好处就是无侵入性，WinDbg 和 Perfview 真的是一对好搭档，优势互补。

2023-07-17 11:25:35

.NET程序 WinDbg Perfview

不要相信懂C++的程序员原创精选

在本文一开始，我们就提到C++门槛极高，要想精通更加不易。不过最新趋势又显示，C++宝刀未老，尚有极大用武之地，那么到底学还是不学，要不要选C++作为技术栈，似乎就是个问题。

2023-07-17 10:28:00

C/C++编程接口

ECMAScript 最新进展汇总！

TC39 是一个推动 JavaScript 发展的技术委员会，由各个主流浏览器厂商的代表构成，其主要工作就是制定 ECMAScript 标准。TC39 每两个月举行一次会议。对于新提案，从提出到最后被纳入 ECMAScript 新特性。

2023-07-17 10:21:25

TC39 JavaScript

原来 CSS 渐变也可以只用一个颜色

CSS 渐变是 CSS 中最灵活的特性，没有之一。掌握 CSS 渐变的技巧对提升 CSS 水平有很大的帮助，渐变如何学习？

2023-07-17 09:19:20

RocketMQ 事务消息初体验

假如先发送消息，后修改订单状态，消息发送成功，订单没有执行成功，需要回滚整个事务（订单数据事务回滚，积分服务消费时，需要先反查事务状态，若事务提交，才能插入积分记录）。

2023-07-17 08:34:03

RocketMQ 消息初体验

「Go开源包」Env：一个将系统环境变量解析到结构体的库

如果你要解析的数据类型不是go内置的数据类型，那么你也可以通过自定义类型解析函数来进行解析。下面示例演示了如何将环境变量的值映射到自定一的MyTime类型字段上。

2023-07-17 08:10:54

结构体库 Env

SpringCloud网关Zuul底层实现原理详解

Zuul实现是基于Servlet这种阻塞是IO这种机制是通过创建更多的线程来弥补其不足；而Cloud Gateway则是基于反应式非阻塞式的，使用少量的线程来做更多的事。

2023-07-17 08:02:44

Zuul IO 反应式

我终于成功登上了JS 框架榜单，并且仅落后于 React 4 名！

我们如何在 Strve 项目中使用JSX语法呢？我们在Strve项目构建工具 CreateStrveApp 预置了模版，你可以选择 Strve-jsx 或者 Strve-jsx-Apps 模版即可。

2023-07-17 06:26:45

Strve 项目 JSX语法

Go 语言怎么使用类型转换和类型断言？

需要注意的是，使用 switch case 方式的类型断言，即便省略 default，也不会因为不是 ok-idiom 模式的类型断言而引发 panic。

2023-07-16 23:43:05

Go 语言模式

追踪 Kubernetes 中的 DNS 查询

在解析 kubelet 源码[6] 一文中，我们曾分析了 kubelet 创建 pod 的流程。kubelet 创建 pod sandbox 配置时[7] ，其中重要的一项配置就是准备 pod 的 DNS 配置[8]（Pod 的 DNS 配置由 pod 的 dnsPolicy 和 dnsConfig 字段进行操作，这里不展开，下面的部分按照 dnsPolicy=ClusterFirst 情况

2023-07-16 23:11:36

DNS 查询 kubelet

程序员如何通过插件规范 Git commit message 的提交？

有很多小伙伴就要问了，写那么详细有什么用？规范我们的提交记录，主要是为了能追溯代码历史，很多时候我们自己写的代码在时间长了以后都记不住，更不要说别人写的代码了，所以只能从流程和规范上面来帮助大家更好的记忆。

2023-07-16 23:09:55

Git Type 代码

我们一起聊聊如何写出一手好代码

本文主要从理论层面为大家介绍写好代码的需要哪些知识储备，下一篇会从具体业务场景出发，具体实操怎么结合这些理论知识来把代码写好。

2023-07-16 22:57:38

代码场景业务

编程必备！25个让你眼前一亮的JavaScript代码技巧

JavaScript一行代码是节省时间和代码的强大方式。它们可以用来在一行代码中执行复杂的任务，这对其他开发人员来说非常令人印象深刻。

2023-07-16 22:37:46

JavaScript 代码任务

小设计，大作用——谈谈防腐层的妙用

大多数应用程序依赖于其他系统的某些数据或功能。例如，旧版应用程序迁移到新式系统时，可能仍需要现有的旧的资源。

2023-07-16 22:36:53

防腐层适配器模式

有趣的 Async hooks 模块

在 Node.js 中，上下文传递一直是一个非常困难的问题，Node.js 通过 AsyncLocalStorage 提供了一种解决方案，今天看到一个库中实现了类似 AsyncLocalStorage 的能力，还挺有意思的。

2023-07-14 22:36:42

Node .js Storage

JVM应用优雅上下线，再也不担心抖动了

通常JVM可使用runtime.addShutdownHook()对退出信号做处理，它让我们在程序正常退出或者发生异常时能有机会做一些清场工作。

2023-07-14 21:34:40

JVM 上下线线程

Python 中的 AsyncIO 基础知识

虽然有一些方法可以在Python中实现并行编程，但它默认是单线程语言。要充分利用单线程执行的优势，我们可以使用AsyncIO库。

2023-07-14 15:10:17

Python AsyncIO库

一篇文章带你了解JavaScript window location

window是DOM的核心对象，表示浏览器的一个实例。在浏览器中，window对象有双重角色，它是通过JS访问浏览器窗口的一个接口，也是Global对象(参考百度)。

2023-07-14 14:56:47

JavaScript window

十个常见的Python错误，及其避免措施

Python是一种功能强大、多用途的语言，但像任何其他语言一样，它也有其怪异和陷阱。本文讨论的十个常见错误并不是详尽无遗的，但它们代表了开发者经常遇到的一些问题。

2023-07-14 14:25:00

Python 语言错误

我们一起聊聊JVM优化：JVM概述

Java 虚拟机采用基于栈的架构，其指令由操作码和操作数组成。这些字节码指令，就叫作 opcode。其中， getstatic、ldc、invokevirtual、return 等，就是 opcode，可以看到是比较容易理解的。

2023-07-14 12:28:07

JVM 优化操作

面试突袭：多种方法应对POST和GET请求中文乱码问题的实用技巧！

解决POST和GET请求中文乱码问题的方法主要包括使用URL编码、设置字符集编码、设置请求头部信息以及使用字符流读取参数等。

2023-07-14 12:24:39

POST GET 中文乱码

@Autowired 到底是怎么把变量注入进来的？

isCandidateClass 方法实际上就是判断当前类在类、属性、方法等层面上是否存在上述三个注解，如果存在，则就是候选类，否则就不是候选类。如果不是候选类则返回一个空的 InjectionMetadata 对象，否则就继续后面的流程。

2023-07-14 12:21:29

流程 @Autowired 方法

推荐十个开源的前端低代码项目！

今天来分享 10 个开源的前端低代码项目！企业级低代码快速开发平台，包含页面可视化配置、自定义表单、自定义报表、权限管理脚手架应用、前后端代码自动生成；主要特点是低代码开发，可实现复杂CRUD功能仅编写数据模型就能完成前后端开发。

2023-07-14 10:53:00

.Net FrameWork下面如何生成AOT呢？

现在的.Net已经到了.Net8了，它的AOT程序已经可以单个Exe运行在MacOS/Linux/Win等平台上。但是在.Net FrameWorker上面如果想用AOT应该怎么搞呢？

2023-07-14 08:29:55

AOT .Net 程序

上一页 1 ··· 133 134 135 136 137 ··· 558 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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