鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

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

文章博文帖子课程

共 2.9w 条

十个每个程序员都应该知道的JavaScript技巧

JavaScript 是 Web 开发的动力源泉，是一种多功能语言，使开发人员能够创建交互式动态 Web 应用程序。

2024-04-24 14:52:26

JavaScript Web 开发

小红书面试：v-for循环，为什么不建议使用index作为key？

假如，我们使用 index 作为 key，同时使用 unshift 方法为数组添加了一个新的元素，那么所有的 index 都会发生变化，从而导致：isSameVNodeType 返回 false，即：所有的 dom 全部重新渲染从而影响性能。

2024-04-24 12:45:06

index 性能数组

聊聊如何优雅地Spring事务编程

Spring 作为一个高度灵活和可扩展的框架，早就提供了一个强大的扩展点，即事务同步器 TransactionSynchronization 。

2024-04-24 12:34:08

Spring 事务编程

呀，Python中居然还有字典推导式

字典推导式可以帮助我们编写更加清晰、简洁的代码，特别是在需要对现有数据进行转换或过滤时。下面我们通过一些例子来看一下字典推导式的实际使用。

2024-04-24 11:27:16

字典推导式 Python

如何有效监测网页静态资源大小？

作为前端人员肯定经常遇到这样的场景：需求刚上线，产品拿着手机来找你，为什么页面打开这么慢呀，心想自己开发的时候也有注意性能问题呀，不可能会这么夸张。

2024-04-24 10:19:48

2024 年 Vue 官方生态最全整理！

Nuxt 不是 Vue 团队开发的，但也是基于 Vue 的唯一元框架了，其目标是以直观且可扩展的方式使用 Vue.js 创建类型安全、高性能和生产级的全栈 Web 应用和网站。

2024-04-24 09:03:39

Vue Nuxt 开发

什么？Figma 的 Fig 文件格式居然解析出来了

Fig 是一种二进制的格式。它没有使用 XML 或是 JSON 的格式，而是选择使用了 Figma 自己实现的特殊编码工具进行了序列化编码，并做了封装，最后得到一个二进制文件。

2024-04-24 08:43:06

Figma fig 文件图形编辑器

和后端吵架后，我写了个库，让整个前端团队更加规范！

有人会问，为啥不从一开始请求表格数据回来的时候，就把数据转成前端的命名规范？其实这个问题我也想过，但是设想一下，有一些表格如果只是单纯做展示作用，那么就没必要去转字段名了，毕竟不涉及任何的数据传递。

2024-04-24 08:37:52

后端前端团队数据

工作中有没有做过性能调优？一问这个便知！

秒开率主要针对的是前端网页或者移动端APP来说的，如果一个前端网页或者APP能够在1秒内很平滑的打开，尤其是首页的加载。此时，用户就会感到前端网页或者APP使用起来很顺畅，如果超过3秒甚至更长的时间，用户就有可能会直接退出前端网页或者APP不再使用。

2024-04-24 08:35:52

性能调优 APP

深入理解.NET对象映射框架及其实践应用

.NET对象映射框架为开发者提供了一种高效、简洁的方式来处理数据库操作。通过将数据库结构与.NET对象进行映射，开发者能够以面向对象的方式工作，从而加快开发速度，提高代码的可读性和可维护性。

2024-04-24 08:32:55

.NET 对象映射

Python 备忘清单，一眼扫完核心知识点

这份Python备忘请单是一个全面而实用的Python编程快速参考资源。它覆盖了从基础的数据类型、变量赋值、控制流程、函数、类与对象、文件处理、异常处理到更高级的主题。

2024-04-23 14:25:16

Python 备忘清单

Spring Boot 配置文件加载优先级详解

在 Spring Boot 项目中，配置文件的加载和管理是开发过程中不可或缺的一部分。Spring Boot 提供了一套灵活且强大的机制来加载配置文件，使得开发者能够根据不同的环境和需求轻松地管理配置。

2024-04-23 14:13:38

开发配置文件

面试官：如何让 var [a, b] = {a: 1, b: 2} 解构赋值成功？

最近看到了一个面试题非常有意思，讲得是：如何让 var [a, b] = {a: 1, b: 2} 解构赋值成功？

2024-04-23 14:09:59

JavaScript 开发

Sass 完全指南，一起来看看 Sass 中常用的功能吧！

Sass 是一个 CSS 预处理器，完全兼容所有版本的 CSS。实际上，Sass 并没有真正为 CSS 语言添加任何新功能，只是在许多情况下可以可以帮助我们减少 CSS 重复的代码，节省开发时间。下面就来看看 Sass 中常用的功能吧！

2024-04-23 10:29:44

Sass CSS 前端

Go 最大挑战、AI 方向、内部优先级？2024 H1 开发者报告发布

其实和平时工作接触到的情况差不多，大家都会用惯用语言先去开发 AI 相关程序，例如：Go。然后开发着开发着，发现很多东西和轮子都在 Python 那里，尴尬得很。

2024-04-23 08:49:19

Python Go issues

快手二面：有了Cookie和Session 为什么还要JWT ？你说一下JWT的原理？

JWT（JSON Web Tokens）作为一种轻量级且灵活的身份验证和授权机制，在现代web服务及移动应用中得到了广泛应用。它允许服务器端通过加密签名的方式向客户端发放安全的、自包含的令牌，这些令牌可以携带必要的用户身份信息和权限声明，而且由于其无需持久化存储的特性，非常适合于微服务架构下的无状态通信场景。

2024-04-23 08:04:45

JWT 授权机制

使用 PHP 处理十亿行数据，如何极致提升处理速度？译文精选

如果在阅读这篇文章之前，你还不了解“十亿行挑战”（ The One Billion Row Challenge，1brc ），我推荐你访问 Gunnar Morling 的 1brc GitHub 代码仓库了解更多详情。

2024-04-23 08:00:00

PHP PHP 分析器

三万字盘点Spring最最核心的九大核心功能

你可以进行判断这些监听器有没有执行过，比如加一个判断的标志；或者是监听类似的事件，比如ApplicationStartedEvent事件，这种事件是在SpringBoot启动中发布的事件，而子容器不是SpringBoot，所以不会多次发这种事件，也就会只执行一次。

2024-04-23 00:00:00

Spring Boot 监听器

我LocalStorage犯了两个小错误，差点导致项目大崩溃！

我在项目中关于localStorage犯的两个小错误，由于我所做的功能点，被应用到了项目的核心模块中，所以这两个小错误，差点导致了整个项目上线后崩掉，现在想想都可怕~

2024-04-22 13:54:28

url 代码缓存

探秘C++虚函数：解密多态的奥秘

虚函数—作为面向对象编程的核心特性之一，虚函数不仅在代码中发挥着重要作用，更是实现多态性的关键所在。

2024-04-22 13:22:00

虚函数象编程 C++

React状态管理专题：什么是Redux

Redux是一个开源的库，帮助我们管理应用的状态。尤其是在应用越做越大，组件一多，要逐个传递状态简直是噩梦。这时候Redux就像一个超级容器，帮你存储全局状态，任何组件需要时直接去取，不用再费劲在组件间传来传去。

2024-04-22 09:12:39

Redux 开源 React

CSS align-content也能适用于普通容器了

align-content相信大家都听说过，但是之前只能在 flex 和 grid容器上才能生效。这里以flex为例，比如有这样一个布局。

2024-04-22 09:12:36

React 中，用到的几种浅比较方式及其比较成本科普

这篇文章主要给大家介绍几种 React 在 Diff 过程中用到的比较方式，以及当这几种方式大量执行时，执行所要花费的时间。

2024-04-22 08:33:55

React Diff Object.is

Figma 是如何做协同编辑的？

协同编辑，需要用到数据一致性算法，目前成熟的算法有 OT 和 CRDT。Figma 没用 OT，太复杂，尤其是当离线数据本地缓存了很久才提交时，会进行复杂的 OT 算法计算，产生组合爆炸问题。

2024-04-22 08:26:37

协同编辑 Figma OT 算法

针对尺寸单位，为什么不应该使用 px 作为尺寸单位？以及最佳实践！

响应式适配是日常开发中非常常见的问题，所以在面试中可能会被经常问到。但是很多同学却没有专门了解过这方面的知识，导致被问到这方面问题的时候，回答并不尽如人意。

2024-04-22 08:23:15

px 面试开发

Gopher的Rust第一课：Rust的那些事儿

在这篇博文中，我们了解了Rust语言的诞生历程、现状发展，以及它独特的设计哲学。通过与Go语言进行对比，我们可以看出两者在出身、目标和设计理念上的一些差异。

2024-04-22 08:06:34

Rust 语言语言

频繁切换v-show，不频繁使用v-if？面试的时候可别再这么说了！

当使用 v-show 时，虽然用户看不到组件，但是当前组件的生命周期都已经执行了。如果在 created 中存在接口的调用，则【接口已经调用完成】。

2024-04-22 00:00:00

v-if v-show 组件

在前端中，什么是幽灵依赖？

它们是怎么解决这个问题的呢？npm、yarn为了解决依赖关系过长时，导致的目录结构过深，采用了扁平化，也就是所有依赖都被拍平到node_modules目录下。这样的好处就是，不再有层级过深的问题。

2024-04-22 00:00:00

幽灵依赖前端

美团一面：什么是CAS？有什么优缺点？我说我知道AtomicInteger

Java中的CAS原理及其在并发编程中的应用是一项非常重要的技术。CAS利用CPU硬件提供的原子指令，实现了在无锁环境下的高效并发控制，避免了传统锁机制带来的上下文切换和线程阻塞开销。

2024-04-22 00:00:00

消费者太多！RocketMQ又炸了！

问题找到了，直接的解决方式是删除文件中无用的consumerGroup name，重启broker进行加载。由于是线下环境，不需要担心位点丢失的问题，同时当客户端请求时会自动创建新的位点信息，所以可以考虑直接删除。

2024-04-22 00:00:00

RocketMQ 优化位点

如何做配置链接的质量保障？看这篇就对了

利用各个端的现有技术和专业能力，以确保链接配置的准确性和稳定性。对于异常配置链接能够迅速感知、发现、定位和解决问题，保障系统的快速收敛并确保持续稳定运行。

2024-04-22 00:00:00

配置链接稳定性

探索C++：十大让代码简洁的特性

本文中，我们将探索 C++ 中让代码简洁的十大特性，并通过具体的示例来展示它们的魅力。

2024-04-19 16:05:21

fd：一个比Find简单十倍的文件查找命令

今天给大家带来一个超级实用的小工具——fd。这货是干嘛的呢？简单来说，它就是用来在你的文件系统中查找文件和目录的。想象一下，你在一大堆文件中找一个特定的文件，手动找得眼花缭乱？别担心，fd来拯救你！

2024-04-19 14:50:00

find 文件查找

Python小知识：递归还是迭代

对于可以使用迭代来实现的问题，推荐优先使用迭代而不是递归。使用迭代来计算阶乘可以避免递归调用带来的性能开销。

2024-04-19 13:55:36

python小迭代递归

花里胡哨，如何在 Flutter 中制作多种颜色的 TextField

TextField 将其样式传递给 TextEditingController ，默认实现只是将其放入 TextSpan 对象中，这就是通常应用颜色的方式。

2024-04-19 13:09:26

Flutter 样式 TextSpan

这几个前端调试技巧你可能没用过，但超级实用！

今天来分享一些不太常用，但是非常实用的前端调试技巧，希望对你有所帮助！

2024-04-19 09:02:32

前端调试技巧

Stream.parallel()：开启并行流处理之旅

在复杂的异步处理场景中，可以结合 CompletableFuture 与并行流，进一步提升程序的并发性和响应能力。通过合理使用并行流，开发者可以显著提升大规模数据集处理的性能，充分发挥现代多核处理器的潜力。

2024-04-19 08:28:57

Java API 场景

京东二面：Sychronized的锁升级过程是怎样的？

Synchronized锁升级机制是Java虚拟机为优化多线程环境下同步操作性能而设计的一种动态调整策略。

2024-04-19 08:05:26

锁升级 Java 虚拟机

RabbitMQ实现延迟队列的技术探讨

RabbitMQ提供了灵活的消息处理机制，使得实现延迟队列成为可能。通过使用rabbitmq-delayed-message-exchange插件或利用RabbitMQ的TTL和死信队列功能，你可以根据实际需求选择适合的方案来实现延迟队列。

2024-04-19 00:47:07

RabbitMQ 消息机制

面试官：限流的常见算法有哪些？

计数器算法是在一定的时间间隔里，记录请求次数，当请求次数超过该时间限制时，就把计数器清零，然后重新计算。当请求次数超过间隔内的最大次数时，拒绝访问。

2024-04-19 00:00:00

计数器算法限流算法

详解 C++ 实现 K-means 算法

K-means算法是一种非常经典的聚类算法，其主要目的是将数据点划分为K个集群，以使得每个数据点与其所属集群的中心点（质心）的平方距离之和最小。这种算法在数据挖掘、图像处理、模式识别等领域有着广泛的应用。

2024-04-18 15:44:20

C++中提升性能相关的十大特性

C++ 是一种面向性能的语言，提供了许多特性和工具，旨在支持高效的程序设计。以下是一些与性能相关的 C++ 特性。

2024-04-18 11:07:30

Faker：Python中生成假数据的神器

Faker库是由Ben Burkert，也就是网上的“deepflame”，在2008年左右开始开发的。最初，Ben Burkert只是为了自己用，搞了这么个小项目来生成假名字和电子邮件地址。

2024-04-18 09:51:36

Python 数据开发

Spring Boot中如何使用Reactor模型

总的来说，Reactor提供了一种简洁而强大的方式来处理异步编程，在Spring Boot项目中的应用也相对简单而直观。通过合理地利用Reactor，开发者可以构建出高性能、高响应性的现代化Java应用程序，从而更好地满足当今互联世界对于速度和可伸缩性的需求。

2024-04-18 09:34:28

Reactor 项目异步编程

Git Worktree 让你再也无需切换分支！

如果你正在审查多个分支的代码，可以在单独的 worktree 中检出每个分支。这样可以快速的在它们之间切换，而无需每次都执行检出的操作。

2024-04-18 09:12:58

Git 分支代码

Vue3 实现超级有趣的功能：数字增长动画！！

啥时候终止增长呢？其实很简单，那就是从开始增长开始，经过的时间大于 duration 时，就终止，这个时候说明动画必须要结束的~

2024-04-18 08:53:15

Vue3 数字动画

React状态管理专题：深入探讨组件组合—Component Composition

随着我们深入探索React的组件组合能力，并通过具体的代码示例展示了如何优化应用架构以解决属性钻取问题，我们不仅增强了对React灵活性的理解，也提升了我们构建高效、可维护应用的技能。

2024-04-18 08:33:09

React 状态管理组件组合

电商真实对账系统是如何设计并优化的

查询未对账订单 getPOrders() 和查询派送单 getDOrders() 是否能够并行处理呢？很显然，这两个操作之间并没有依赖关系。将这两个耗时操作并行化后，与单线程执行相比，您会发现在相同时间段内，并行执行的吞吐量接近单线程的两倍，优化效果颇为明显。

2024-04-18 08:18:10

电商优化单线程

图形遍历效率低？试试 R 树

R 树（R-tree）是一种空间索引技术，能够是从大量的节点中，快速找到特定范围的元素集合，而不用一个不落地遍历所有节点。思路和其他索引算法（比如 B 树、跳表）有点像，但 R 树针对的是高维数据的查询。R 树的 “R” 指的是矩形（Rectangle）。

2024-04-18 08:11:57

R 树空间索引技术 R-tree

Electron 30 正式发布，新特性详解

4 月 16 日，Electron 30.0.0 正式发布！该版本包括了对 Chrome 124.0.6367.49、V8 12.4 和 Node.js 20.11.1 的升级。下面就来看看该版本都有哪些更新吧！

2024-04-18 08:04:47

Electron Chrome 升级

上一页 1 ··· 100 101 102 103 104 ··· 592 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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