鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.5w内容

关注

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

文章博文帖子课程

共 2.5w 条

可达性分析深度剖析：安全点和安全区域

对于主动式中断来说，用户线程需要不断地去轮询标志位，那对于那些处于 sleep 或者 blocked 状态的线程(不在活跃状态的线程)来说怎么办?

2022-05-19 08:48:55

安全点安全区域主动式中断

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

到这里我们Nacos订阅机制核心流程就讲完了，整体订阅机制的流程还是比较复杂的，因为还涉及到之前将的逻辑，会有点绕，并且用到了保证线程Map、守护线程、阻塞队列、线程的使用等等。

2022-05-19 07:39:43

Nacos 订阅机制线程类

JVM系列之沙箱安全机制笔记

JDK1 .0安全模型本地代码可以访问系统资源，远程代码无法访问系统资源，比如用户希望远程代码访问本地系统的文件时候，就无法实现。

2022-05-19 07:09:29

机制沙箱安全 JVM

借助 SVG 生成带标识的 Favicon

SVG 在绘制方面提供了无限可能，不仅仅是本文中的案例，觉得 canvas 过于复杂的都可以考虑这一方案。

2022-05-18 20:02:47

SVG canvas Chrome 插件

位运算的秒用--异或运算

如果a、b两个值不相同，则异或结果为1。如果a、b两个值相同，异或结果为0。(这特么是啥?)没明白没有关系。

2022-05-18 16:06:15

位运算异或运算

提升Java字符串编码解码性能的技巧原创精选

由于Java中char是UTF-16LE编码，如果需要将char[]转换为UTF-16LE编码的byte[]时，可以使用sun.misc.Unsafe#copyMemory方法快速拷贝。

2022-05-18 10:56:58

Java 字符串编码

你应该知道的七种 JavaScript 错误类型

InternalError 表示内部错误。当 JavaScript 引擎上的工作负载突然激增时，会抛出此错误。当有太多数据需要处理时，工作量就会激增，比如函数调用包含过多的递归或者过多的switch case时。

2022-05-18 09:01:31

JavaScript EvalError URIError

JavaScript Object Notation 必知必会

JSON 于 2013 年标准化为 ECMA-404，并于 2017 年发布为 RFC8259。RFC 和 ECMA 标准保持一致。JSON 的官方媒体类型是 application/json，JSON 文件名使用扩展名 .json。

2022-05-18 09:01:19

JSON JavaScript

Java 原子变量中set()和lazySet()的区别，你会了吗？

我们并不清楚什么时候应该使用lazySet()，因为它与set()的区别很微妙。我们需要仔细分析这个问题，不仅要确保我们会得到性能上的提升，还要确保在多线程环境下的正确性。

2022-05-18 08:17:24

Java 类原子变量

聊聊如何随意切换Python版本

pyenv侧重点在Python解释器版本的管理上，你可以随意的切换你的Python版本，并且不需要指定具体的虚拟环境目录。

2022-05-18 08:05:20

pyenv Python 解释器

你有用过 JavaScript 中的函数劫持么?

函数劫持，在一个函数运行之前就把它劫持下来，添加我们想要的功能。当这个函数实际运行的时候，它已经不是原本的函数了，而是被我们添加上去的功能。这也是我们常见的钩子函数的原理之一。

2022-05-18 08:00:26

函数劫持 JavaScript 钩子函数

JavaScript 中 Fetch 是如何工作的译文精选

通过Fetch API，我们可以从 JavaScript 中的 API 和 URL 获取数据。本文将介绍JavaScript 是如何使用Fetch的。

2022-05-18 08:00:00

JavaScript Fetch 数据

前端实现右键自定义菜单

实现自定义菜单的逻辑并不复杂，也就是修改 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 插件搜索

上一页 1 ··· 162 163 164 165 166 ··· 511 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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