鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

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

文章博文帖子课程

共 2.9w 条

如何监听多层状态的变化（使用@State、@Observed、@ObjectLink装饰器）

本文就为大家介绍如何配合使用@State、@Observed、@ObjectLink三个装饰器监听多层状态变化。本例最终实现效果为：将工程资源文件中png格式的图片转换为jpg格式，并保存在设备中。由于本例不涉及UI讲解，所以不在此提供UI效果。

2023-07-24 16:28:51

@State @Observed 装饰器监听

12 个实用的高级前端 CSS 技巧

12 个实用的高级前端 CSS 技巧都有哪些呢？我们一起来了解下吧。

2023-07-24 15:24:00

前端 CSS 技巧

OpenAI科学家Karpathy周末造出「婴儿Llama2」！GPT-4辅助写500行纯C代码，速揽1.6k星

OpenAI科学家Karpathy用了一个周末时间打造出明星项目llama2.c。他借助GPT-4辅助，仅用500行C语言代码实现对Llama 2 baby模型的推理。

2023-07-24 14:26:58

OpenAI GPT-4 Karpathy

好用、强大且开源的HTML5视频播放器

Video.js 是一款专为 HTML5 而全新构建的 Web 视频播放器。它支持 HTML5 视频和媒体源扩展，以及其他播放技术，例如 YouTube 和 Vimeo，支持在桌面和移动设备上播放视频。

2023-07-24 13:22:35

Video HTML5 Web

开展网络安全漏洞扫描的十个关键步骤

需要特别说明的是，漏洞扫描和修复不是一次性的任务，而是一个持续地过程。新的漏洞随时都可能会出现，因此持续监测和更新是至关重要的。企业要保持全面的安全态势感知能力，需要将漏洞扫描与其他安全工作（比如渗透测试、风险评估和安全意识培训）紧密结合起来。

2023-07-24 12:28:26

漏洞扫描监测

PerfView 洞察 C#托管堆内存 "黑洞现象"

内存黑洞虽不算 CLR 的一个bug，但绝对是 CLR 可优化的一个空间，分析这类问题是需要经验性的，分享出来供后来者少踩坑吧，毕竟在我的分析旅程中至少遇到了3次。

2023-07-24 10:54:58

CLR 优化空间

CSS 滚动驱动动画终于正式支持了

在最新的Chrome 115中，令人无比期待的CSS 滚动驱动动画(CSS scroll-driven animations)[1]终于正式支持了~有了它，几乎以前任何需要JS监听滚动的交互都可以纯 CSS 实现了，就是这么强大，一起了解一下吧！

2023-07-24 09:11:43

CSS 滚动驱动动画

我们一起看看懒人的百宝箱到底有啥？

一个使用 Go 和 gocui 库编写的简单终端 UI，适用于 Docker 和 docker-compose，有了它，你就有更方便的方式管理 Docker 的所有事项。

2023-07-24 08:27:38

懒人 gocui 库 Docker

Stream API：Java 8 编程的秘密武器，轻松驾驭数据流！

Stream API是Java 8中最重要的新特性之一，它提供了一种简单、灵活和可读的方式来处理集合和数组中的元素，使得代码更加简洁、高效和易于维护。

2023-07-24 08:20:11

Stream Java 方式

Spring Cloud Gateway通过全局过滤器实现接口防刷

通过某种机制实现对系统中的某些接口在规定的时间段内只能让某个具体的客户端访问指定次数，超出次数，就不让访问了。

2023-07-24 08:00:56

客户端访问指定

从C++98到C++26，经历了什么？原创精选

C++标准遵循3年开发周期，并以发布年份命名。C++在临发布的一年前会进入“功能冻结期（feature freeze）”，即版本开发进入半稳定状态，不再添加重大功能及特性，着重于修复各种BUG。因此，直到2025年初，C++26都会增加新内容。

2023-07-24 07:57:23

C++标准功能

JS框架榜单官方结果令人惊讶！感谢大佬凌晨3点给 Strve.js 提交的PR！

作为该框架的活跃用户，我注意到开发人员社区对其越来越感兴趣。添加 npm 使用趋势将为了解该框架的流行度和采用情况提供有价值的见解。

2023-07-22 06:55:00

JS 框架 Strve

一篇文章带你了解JavaScript window navigator（下篇）

window.navigator 对象包含有关访问者浏览器的信息。上篇文章介绍了浏览器Cookies、浏览器应用程序名称、项目浏览器应用程序代码名称、浏览器引擎、浏览器版本等属性，这篇文章继续介绍其他的属性。

2023-07-21 17:14:39

JavaScript 浏览器Cookies

一篇文章带你了解JavaScript window navigator（上篇）

window.navigator 对象包含有关访问者浏览器的信息。

2023-07-21 17:11:59

JavaScript appName

JavaScript 中的生成器有什么用？

今天我们要讲的是JavaScript中一个不太常用的Generator语法。我很少看到有人在实际项目开发中使用它。

2023-07-21 17:08:30

JavaScript 开发

优秀系统设计背后的思考：API 速率限制服务系统

想象一下，我们有一个服务正在接收大量请求，但它每秒只能处理有限数量的请求。为了处理这个问题，我们需要某种节流或速率限制机制，只允许一定数量的请求，这样我们的服务就能对所有请求进行响应。从高层次来看，速率限制器限制了一个实体（用户、设备、IP等）在特定时间窗口内可以执行的事件数量。

2023-07-21 14:04:37

速率限制 API

掌握CSS属性：Inherit、Initial、Unset、Revert，让你的样式控制更上一层楼

在这个全面的指南中，我们将探索特殊的CSS关键字 Inherit ， Initial ， Unset 和 Revert 。这些关键字提供了对CSS属性的有价值的控制，允许你从父元素传播值，将属性重置为初始或默认状态，并操纵级联样式。

2023-07-21 08:01:13

提升 API 可靠性的五种方法译文精选

这篇文章详细介绍了如何提升 API 的可靠性，包括五个方面：全面测试，采用版本控制，面向失败设计，进行监控和分析，以及利用 API 网关。每个部分都提供了详细的解释和示例，以帮助读者理解和应用这些策略。

2023-07-21 08:00:00

API 数字世界

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

上一页 1 ··· 169 170 171 172 173 ··· 595 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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