直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

协程到底有什么用？六种I/O模式告诉你！

没错，即使在单个线程中，使用事件驱动+异步也可以实现IO并行处理，Node.js就是非常典型的例子。

2022-05-17 08:41:41

协程 I/O 模式

运用Electron+Vue3.2+TypeScript+Vite开发桌面端

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。目前 Vue 已经成为继 Rect 之后最流行的前端开发框架。

2022-05-17 08:39:05

Vue Vite TypeScript

如何在 TypeScript 中使用接口

在今天的文章中，我们将在 TypeScript 中创建接口，学习如何使用它们，并了解普通类型和接口之间的区别。

2022-05-17 08:25:10

TypeScript 接口前端

一篇学会 Go 的 TryLock 实现

在 Go 1.18 中，为 sync.Mutex 新增了一个新的方法 TryLock()，它是一种非阻塞模式的取锁操作。当调用 TryLock() 时，该函数仅简单地返回 true 或者 false，代表是否加锁成功。

2022-05-17 08:02:55

Go TryLock 模式

使用这些配置规范并格式化你的代码

下面我将详细讲解为了实现这一目标，我们需要做什么，以及各种规范的基本配置。

2022-05-17 07:54:40

代码前端格式化

聊聊 CSS 中的 BFC 是什么？

最常见的是通过 overflow: hidden 来构建 BFC。一般情况下，它的副作用最小。但如果元素下有超出盒子范围的内容，会被截掉，请谨慎使用。

2022-05-17 07:36:38

妙啊！动画还可以这样控制？

有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？

2022-05-17 07:26:33

动画 CSS 前端

一日一技：如何从大量商品数据里面找到降价商品？

每个商品每天都会爬一次，一共有61w+条数据。里面有N个商品降价了，现在需要把这些降价的商品找出来。

2022-05-16 20:18:41

商品数据监控

Redis 高可用之 Sentinel

Sentinel 本身我们可以理解为一个特殊的 Redis 服务器，它也可以通过 redis-server xxx.conf --sentinel启动。

2022-05-16 13:46:38

Redis 高可用 Sentinel

把反射用到出神入化

本章节关于反射工具类的实现中，使用了大量的 JDK 所提供的关于反射一些处理操作，也包括可以获取一个 Class 类中的属性、字段、方法的信息。

2022-05-16 09:17:06

服务出现明显的变慢，该如何诊断处理？

从类似CPU的这种硬件底层，判断类似Cache-Miss之类的问题和调优机会，出发点是指令级别优化。这往往门槛比较高，需要掌握专业的技能，还得专业的工具配合，一般出现在新平台移植或者追求极致性能的时候才会进行。

2022-05-16 09:03:29

CPU 服务日志

什么是零拷贝，Netty是如何实现的？

在计算机中，完成数据传输，要么是通过网络，要么就是通过本地磁盘。通常完成一次完整I/O交互流程分为两阶段，首先拷贝到系统内核空间，由操作系统来完成；紧接着要拷贝到用户空间，这个由应用程序来完成。

2022-05-16 08:22:37

零拷贝 Netty

如何动态地给一个类增加功能？

装饰器模式（Decorator Pattern）:动态的给一个对象添加额外的职责，就增加功能来说，装饰模式相比生成子类更为灵活。

2022-05-16 08:17:36

装饰器模式类

这几个高级前端常用的 API，你用到了吗？

MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。

2022-05-16 08:09:45

React useEvent：砖家说的没问题

在 React 18 之前，因为没有 concurrent，所以 useMemoizedFn 不会有任何问题。在 React 18 之后，我目前也没看到有什么问题。不过为了稳妥起见，后面 ahooks 的 useMemoizedFn 会做一次升级，向官方的 useEvent 看齐。

2022-05-16 08:00:55

React React 18 数组

来挑战下这十个 Python 问题，你会吗？

Python 在 float 与 int 比较时并不会抛出错误，也不会尝试将两个操作数转换为相同的类型。相反，他们比较实际的数值。

2022-05-16 07:48:54

Python 操作类型

15 行 Java 代码实现一个标准输出的进度条，其中的知识点你知道但并不一定会用

进度条在我们日常使用的软件中已经很频繁了，不过除了安装软件一般都是在网页中看到，看到这个阿粉就想知道，那如何在标准输出中实现一个进度条呢?

2022-05-16 07:31:51

Java 进度条代码

怎样查看运行中的 Spring 应用配置?

代码在 CI 时，有一个步骤会跑去单元测试。因为依赖了远程的配置中心，所以有两份配置存在，一个在配置中心，一个是本地的 yml 文件。这两份配置里使用的是两个不同的数据库。

2022-05-16 07:31:42

Spring 容器应用配置

React如何原生实现防抖？

ouseTransition是一个新增的原生Hook，用于「以较低优先级执行一些更新」。在我们的Demo中有ctn与num两个状态，其中ctn与输入框的内容受控。

2022-05-15 22:08:58

React Hook debounce

Type 和 Interface 傻傻分不清楚？

如果你简历上的技能有写 TypeScript，那么面试官可能会问你 type 和 interface 之间有什么区别？你知道怎么回答这个问题么？如果不知道的话，那看完本文也许你就懂了。

2022-05-15 21:52:04

type TypeScript interface

爬虫必备Requests的扩展包总结

使用Requests-Cache模块可以减少网络资源避免重复请求的次数，这样可以变相地躲避一些反爬机制。

2022-05-15 15:14:04

爬虫 Requests 反爬

Python中简单易用的并行加速技巧

我们在日常使用Python进行各种数据计算处理任务时，若想要获得明显的计算加速效果，最简单明了的方式就是想办法将默认运行在单个进程上的任务，扩展到使用多进程或多线程的方式执行。

2022-05-14 23:49:32

Python 数据计算技巧

Nacos源码之订阅机制的前因后果

今天这个章节我们主要讲解了，客户端服务发现的原理以及订阅机制中定时器的运行逻辑和NotifyCenter发布InstancesChangeEvent事件的流程。

2022-05-14 22:27:40

Nacos 订阅机制定时器

ThreadLocal夺命11连问

为了解决线程安全问题，JDK出现了很多技术手段，比如：使用synchronized或Lock，给访问公共资源的代码上锁，保证了代码的原子性。

2022-05-14 21:19:22

ThreadLoca JDK synchroniz

15 个 Webpack 优化点，速度提升70%，体积减小80%！

本文总结了15 个 Webpack 优化点，能够使速度提升70%，体积减小80%！看看是否对你有帮助。

2022-05-14 08:35:12

GO 编程：Go 应用内存占用太多，如何排查

前段时间，某同学说某服务的容器因为超出内存限制，不断地重启，问我们是不是有内存泄露，赶紧排查，然后解决掉，省得出问题。我们大为震惊，赶紧查看监控+报警系统和性能分析，发现应用指标压根就不高，不像有泄露的样子。

2022-05-13 23:46:52

GO 编程内存

Java可能是迄今为止最好的编程语言，为什么这么说？

Java是迄今为止最好的编程语言。几乎所有的《财富》500强公司都对这个事实表示赞同，无可反驳。

2022-05-13 23:35:19

Java 编程语言开发

如何优雅地覆盖组件库样式？

本文通过如何修改UI组件内部样式为切入点，分析了几种解法。了解了组合选择器的优先级分数累加，以及在实际React、Vue项目用到的样式隔离方案——CSS Module和Scoped的原理，最后是介绍了在样式隔离的情况下，如何使用:global和深度作用选择器做样式覆盖。

2022-05-13 21:20:23

组件库样式选择器

一篇文章带你了解SVG JavaScript脚本

使用JavaScript，可以编写SVG脚本。通过脚本编写，可以修改SVG元素，为其设置动画或侦听形状上的鼠标事件。

2022-05-13 16:21:38

javascrip 脚本 SVG

前车之鉴：聊聊钉钉 Flutter 落地桌面端踩过的“坑”

本文将阐述钉钉基于 Flutter 构建的跨四端应用框架（代号 Dutter）的技术实践与踩坑经验。

2022-05-13 11:47:42

前端框架实践

保姆级指南：一文拥有属于你的Vscode插件

实现一款自己的 vscode 插件并发布在应用市场，所有人可以在 vscode 扩展中搜索并下载;由于文章目标是实现效果，所以不打算用自己实现的 edit-article 插件作为案例。

2022-05-13 10:02:40

vscode 插件搜索

代码覆盖率在性能优化上的一种可行应用原创精选

本文介绍的代码插桩分析覆盖率这会引入一些多余的桩代码，或许采用 puppeteer 无头浏览器提供的Coverage api + sourceMap 逆编译的思路来进行度量是一种更加完美的方式，期待与诸君一起探索，继续努力!

2022-05-13 09:40:51

代码可行应用性能

聊聊JS中Object的Keys是无序的吗？

在 ES6 之后 Object 的键值对按照自然数、非自然数和 Symbol 进行排序，自然数是按照大小升序进行排序，其他两种都是按照插入的时间顺序进行排序。

2022-05-13 09:05:37

JS Object 无序

如何设计更优雅的 React 组件?

在导入依赖项的下方，通常会放那些使用 TypeScript 或 Flow 等静态类型检查器定义的文件级常量和类型定义。

2022-05-13 08:48:50

React 组件 TypeScrip

基于Jsoneditor二次封装一个可实时预览的Json编辑器组件(React版)

做为一名前端开发人员,掌握vue/react/angular等框架已经是必不可少的技能了,我们都知道,vue或react等MVVM框架提倡组件化开发。

2022-05-13 08:46:46

jsoneditor json编辑器

编程题：实现一个 LazyMan 方法

今天我们来看一道 JS 编程题。实现一个 LazyMan 方法。希望能够帮助到你。

2022-05-13 07:42:25

JS 编程题 LazyMan

策略模式—多场景下的行为标兵

策略模式是指不同类之间有相同的行为，但是行为的具体表现形式又互不相同，在运行时可以动态选择具体要执行的行为的模式。

2022-05-13 07:26:28

策略模式设计模式

痛快！SpringBoot终于禁掉了循环依赖！

绕过SpringBoot这个拦截的方法不止一种，比如使用@Lazy注解进行延迟初始化。但这些都是治标不治本，辜负了SpringBoot的一片苦心。

2022-05-12 18:30:12

SpringBoot 循环依赖初始化

跨系统数据一致性问题经验实战

随着互联网的告诉发展，跨系统数据一致性应用需求一定会越来越迫切，跨地域跨系统场景的真正痛点也会越来越清晰，希望我们在跨系统数据一致性方面的调研和探索可以给大家一个思路和参考。

2022-05-12 12:11:02

系统数据互联网

全面梳理 Spring Boot 日志体系

说到 Java 日志，很多初学者可能都比较懵，因为这里涉及到太多东西了：Apache Commons Logging、Slf4j、Log4j、Log4j2、Logback、Java Util Logging 等等，这些框架各自有什么作用？他们之间有什么区别？

2022-05-12 11:38:26

Java 日志 Slf4j

淘系用户平台技术团队单元测试建设原创精选

单元测试是工程交付前质量保障的第一环，也无疑是软件工程质量保障的重要基石，有效的单元测试能够提前发现90%以上的代码Bug问题，同时也能防止代码的腐化，在工程重构演进时起到至关重要的作用。

2022-05-12 10:34:33

单元测试 AIR Mock

2022年CSS的发展如何？

本文是在 Google IO 2022上发表的演讲的文字形式。这里不会对每个功能进行深入的讲解，而是对每个功能进行简要概述，提供广度而不是深度。

2022-05-12 09:01:41

CSS Compat 定位

秒懂算法—动态规划的核心思想

假设公司有五个项目组，他们的技术人员各自都做了一套同样的功能，或者相似的功能，这里面其实就存在着重复造轮子的问题，产生了“算力”上的浪费。

2022-05-12 09:00:50

动态规划算法项目

“银行家算法”大揭秘！在前端表格中利用自定义公式实现“四舍六入五成双”

在实际应用中，我们使用银行家算法最多的情况就是在大数据量的表格计算中，但是在表格计算中需要通过一系列的内置公式进行复合。

2022-05-11 15:29:31

算法大数据

Web性能优化的15条实用技巧

当script下载资源时不会阻塞其他script的下载。但是js下载仍然会阻塞其他资源的下载，如图片。尽管脚本下载不会互相影响，但页面仍然必须等待所有js代码下载并执行完才能继续。

2022-05-11 12:15:50

script web 性能

手把手教你在 SpringBoot 中自定义参数解析器

如果用了 SpringMVC ，有的小伙伴们可能会觉得参数获取方式太丰富了，各种注解如 @RequestParam、@RequestBody、@RequestHeader、@PathVariable，参数可以是 key/value 形式，也可以是 JSON 形式，非常丰富！

2022-05-11 10:45:21

SpringMVC 框架 Map

你有犯过这些 Go 编码错误吗?

实际上在 Go 中，所有的函数传递都是值传递。也就是将数组传递给函数时，会复制该数组。如果真的是需要传进函数内修改，可以改用切片。

2022-05-11 09:04:50

Go 函数数组

深入研究 CSS 文本换行

当文本所在容器的宽度固定时，可以使用 overflow-wrap: break-word; 和 overflow-wrap: anywhere; 来实现文本的自动换行；如果容器宽度为 min-content，就只能使用 overflow-wrap: break-word; 实现文本换行；overflow-wrap: break-word;也可以用于长标点符号的换行。

2022-05-11 09:03:05

CSS 容器文本换行

JDBC的典型应用—桥接模式

在这篇文章中，我们了解了如何在Java中把一个 Instant 格式化为一个字符串。在这一过程中，我们了解了一些使用Java 原生方法来实现这一目标的方法。然后，我们解释了如何使用Joda-Time库来完成同样的事情。

2022-05-11 08:17:15

Java 字符串 API

八个好用的React UI组件库

在本文中，我将与您分享可以在应用程序中使用的顶级 React UI 库。

2022-05-11 07:50:15

React UI 组件库前端

上一页 1 ··· 142 143 144 145 146 ··· 490 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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