鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

前端实现右键自定义菜单

实现自定义菜单的逻辑并不复杂，也就是修改 contextmenu 事件的行为，显示或隐藏自己写的 div。

2022-05-18 07:44:13

自定义菜单前端

面试突击：说一下 JUC 中的 Exchange 交换器？

Exchange 交换器是用来实现两个线程间的数据交换的，Exchanger 可以交互任意数据类型的数据，只要在创建的时候定义泛型类型即可

2022-05-18 07:43:09

Exchange 交换器 JUC

听说你熟悉 Pick，那就来手写一个 MyPick！

Kextends keyof T 是泛型约束，用于约束类型参数 K 对应的实际类型为对象类型所有键组成的联合类型的子类型。T[P] 用于获取 T 类型中 P 属性对应的类型，其中类型变量 P 的值会在遍历的过程中不断改变。

2022-05-17 20:37:41

MyPick 泛型对象类型

常见排序算法的Golang 实现

现在的面试真的是越来越卷了，算法已经成为了面试过程中必不可少的一个环节，你如果想进稍微好一点的公司，「算法是必不可少的一个环节」。

2022-05-17 12:23:25

排序算法面试

JavaScript 代码越来越难读了 ...

今天来我给大家介绍 JavaScript 代码的一个新运算符：管道运算符 |>。

2022-05-17 09:17:45

JS 代码越来越难读

前端性能优化实战原创精选

相信前端的同学对于 Performance API 应该都不陌生，通常我们将浏览器提供的可以进行测算和采集的 API 统称为 Performance API，该类型的对象可以通过调用只读属性 window.performance 来获得。

2022-05-17 09:02:30

前端性能优化

使用 Next.js 12 和 Cosmic 构建一个可以上线的餐厅网站译文精选

在本教程中，我将向你展示如何使用 Next.js 和 Cosmic Headless CMS 构建一个完全移动响应的餐厅网站。Figma 模板可以在 ui8.net 上找到。此外，额外功能包括部署到 Vercel 和使用 Cosmic Webhooks 设置自动静态内容重新验证。

2022-05-17 09:00:00

Next.js 餐厅网站 Cosmic

协程到底有什么用？六种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 循环依赖初始化

全面梳理 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

算法大数据

上一页 1 ··· 201 202 203 204 205 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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