鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.5w内容

关注

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

文章博文帖子课程

共 2.5w 条

深入聊聊 JavaScript 框架

通过回顾 JS 框架的发展历程，和大家一起探讨框架的本质以及 JS 框架不断变化背后的驱动力。

2021-10-17 22:40:51

JavaScript 开发框架

配合React Portals实现一个功能强大的抽屉(Drawer)组件

对于react选手来说,如果没用typescript,建议大家都用PropTypes, 它是react内置的类型检测工具,我们可以直接在项目中导入. vue有自带的属性检测方式,这里就不一一介绍了.

2021-10-17 20:37:44

组件 Drawer React

你不知道的 TypeScript 泛型

软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。

2021-10-17 13:10:56

函数 TypeScript 泛型

Builder模式能用来解决什么问题？

建造模式，也有翻译成生成器模式的，大家看到后知道他们是一个东西，都是Builer Pattern翻译过来的就行。它是一种对象构建模式，是将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。

2021-10-16 12:52:17

Builder 模式生成器

深入理解 Node.js 的 Buffer

Buffer 模块是 Node.js 非常重要的模块，很多模块都依赖它，本文介绍一下 Buffer 模块底层的原理，包括 Buffer 的核心实现和 V8 堆外内存等内容。

2021-10-16 05:00:32

.js Buffer 模块

一日一技：Pandas 如何对列排序？

我们在工作中，经常用到 Excel，有时候，我们会使用 Pandas 生成 Excel。但生成的 Excel 列的顺序可能跟我们想要的不一样。

2021-10-15 21:08:31

Pandas Excel 对象

一文读懂 React 组件渲染核心原理

相信大家对 React 都已经非常熟悉了，像 React，Vue 这样的现代前端框架已经是我们日常开发离不开的工具了，这篇文章主要是从源码的角度剖析 React 的核心渲染原理。

2021-10-15 14:28:30

React 组件渲染

“覆盖率检测”的实现原理，就这？

覆盖率就是执行过的代码占总代码的比例，比如执行了多少行(Line)，执行了多少个分支(Branch)，执行了多少个函数(Function)，执行了多少条语句(Statement)。

2021-10-15 13:47:19

覆盖率检测 istanbul 总代码的比例

RabbitMQ 还能做延迟队列？Nice！

在很多场景下，我们都有延迟队列的需求，然而默认情况下 RabbitMQ 并未提供延迟队列相关的功能，不过，在前面的文章中，松哥和大家分享了 RabbitMQ 中的死信队列，结合死信队列以及消息过期时间的设定，我们也可以实现延迟队列的功能，今天我们就一起来看下。

2021-10-15 10:39:43

RabbitMQ 队列延迟

你真的会给变量命名吗？

有读者看到标题就开始敲键盘了，这还需要写个文章来水?命名不就是不能用 abc、123 这种，名字要有意义嘛，这有啥好讲的?

2021-10-15 10:27:42

DevEco Studio 3.0 ETS新语法解读

DevEco Studio是一款功能强大的华为鸿蒙系统开发软件，为用户提供了分布式多端开发、分布式多端调测、多端模拟仿真等功能，让开发更加方便快捷。软件提供了丰富的HarmonyOS应用调试能力，满足用户的各种鸿蒙系统开发需求。

2021-10-15 10:26:28

鸿蒙 HarmonyOS 应用

JavaScript 异步编程指南 - 探索浏览器中的事件循环机制

当我了解事件循环时，尝试去找一些规范来学习，但是查遍 EcmaScript 或 V8 发现它们没有这个东西的定义，例如，在 v8 里有的是执行栈、堆这些信息。确实，事件循环不在这里。

2021-10-15 09:56:10

JavaScript 异步编程

我们一起聊聊重新安排行程！

给定一个机票的字符串二维数组 [from, to]，子数组中的两个成员分别表示飞机出发和降落的机场地点，对该行程进行重新规划排序。

2021-10-15 09:55:55

数组行程组合

一篇学会如何使用 Myloader 恢复数据

文中有提到 mydumper 和 myloader 是一对相互的命令，即 mydumper 负责备份(导出)，myloader 负责恢复(导入)。那么 myloader 又该如何使用呢?

2021-10-15 09:55:48

Myloader 数据教程

说下希尔排序的过程？希尔排序的时间复杂度和空间复杂度又是多少？

1959年Shell发明，第一个突破 O(n^2^) 的排序算法，是简单插入排序的改进版。它与插入排序的不同之处在于，它会优先比较距离较远的元素。

2021-10-15 09:43:12

希尔排序复杂度

通过这三个文件彻底搞懂Rocketmq的存储原理

我们知道RocketMQ的架构是producer、NameServer、broker、Consumer，producer是生产消息的，NameServer是路由中心，负责服务的注册发现以及路由管理这些。

2021-10-15 08:32:03

RocketMQ 数据结构架构

使用 Psycopg2 时遇到的两个坑

我在使用 psycopg2-binary 遇到两个坑，写出来，看看你是否踩过，如果没有，可以看一下，以后避免跳坑。

2021-10-15 06:58:41

psycopg2 绿色版 Python

LongAdder ，这哥们劲儿大

我们还知道，CAS 是一种轻量级的自旋方法，它的逻辑是采用自旋的方式不断更新目标值，直到更新成功。

2021-10-15 06:43:11

LongAdder Striped64 Java7

对 Websocket 完全不懂，但又想搞个聊天室，行吗？

Websocket 的客户端并没有什么技术难点，就是浏览器 API 调用。只要你把通信机制够清楚，这玩意就没有不会，因为非常简单，我们直接选择纯手写就可以了，如果你想使用 Websocket-Node 客户端，确实还会更简单。

2021-10-14 18:46:29

Websocket 浏览器 API

还在用BeanUtils拷贝对象？MapStruct才是王者!

MapStruct 是一个代码生成器，它基于约定优先于配置的方法大大简化了 JavaBean 类型之间映射的实现。生成的映射代码使用普通方法调用，因此速度快、类型安全且易于理解。

2021-10-14 18:15:38

BeanUtils 对象生成器

HarmonyOS 基础之 UI组件（二）

HarmonyOS的 UI 常见组件分为显示类和交互类。显示类负责文本图像显示，交互类负责交互响应功能。组件的具体使用场景，需要根据业务需求来选择使用。

2021-10-14 15:14:36

鸿蒙 HarmonyOS 应用

Android进阶：全面拥抱Activity Results API来替代onActivityResult

Activity Results API 是 Google官方推荐的Activity、Fragment获取返回结果的方式。ActivityResultContract是一个抽象类，也是我们需要定义的协议，它需要去定义如何传递数据和如何处理返回的数据。

2021-10-14 14:32:27

Android Activi API

为什么使用工作流引擎，什么是工作流引擎，工作流引擎选型以及如何使用

反证法，如果不使用工作流引擎，先以请假流程举例，从头开始开发流程的业务逻辑：(来看看会出现哪些问题?使用工作流能解决哪些问题?又会带来什么问题?)

2021-10-14 11:34:05

技术工作流引擎

一篇带给你寻找数组的中心下标！

今天给大家介绍一下简单的模拟题，美好的一天，从简单题开始，数组中心下标是数组的一个下标，其左侧所有元素相加的和等于右侧所有元素相加的和。

2021-10-14 11:31:28

数组面试题中心下标

一文带你解读JavaScript的引用类型和函数对象

相信做网站对JavaScript再熟悉不过了，它是一门脚本语言，不同于Python的是，它是一门浏览器脚本语言，而Python则是服务器脚本语言，我们不光要会Python，还要会JavaScript，因为它对做网页方面是有很大作用的。

2021-10-14 10:25:05

JavaScript 类型函数

Dockerfile，就是那么简单

写的最多无非是Dockerfile，以前总觉得Dockerfile构建镜像很牛逼，写多了就发现来来回回那几个命令，难的是shell编程中的反人类语法，今天下班早，我就总结下Dockerfile的知识点，希望可以帮助到大家。

2021-10-14 09:52:53

Dockerfile 镜像容器

前端如何一键生成多维度数据可视化分析报表

本文是基于 H5编辑器后台管理系统实战的第二篇文章, 也是比较重要的一篇文章, 主要介绍后台系统中如何基于已有数据表格自动生成多维度可视化报表.

2021-10-14 08:40:58

前端技术数据可视化

双指针和滑动窗口算法模板

双指针的算法原理，通过两个指针在一个for循环下完成两个for循环的工作。双指针的算法模板比较简单，突破口主要是需要找到题目中的单调性，从而加以利用。

2021-10-14 08:19:50

双指针滑动窗口算法

面试官：说说你对二分查找的理解？如何实现？应用场景？

在计算机科学中，二分查找算法，也称折半搜索算法，是一种在有序数组中查找某一特定元素的搜索算法。

2021-10-14 07:55:20

二分查找面试

Sanitizer：给你的DOM消消毒

业务中经常遇到需要处理「有风险的DOM」的场景，本文会介绍这两者的区别以及为DOM消毒的API —— Sanitizer。

2021-10-14 07:49:32

Sanitizer DOM 消毒

几个有趣的算法，你知道吗？

公民身份号码是特征组合码，由十七位数字本体码和一位校验码组成。排列顺序从左至右依次为：六位数字地址码，八位数字出生日期码，三位数字顺序码和一位数字校验码。

2021-10-14 06:52:47

算法校验码结构

面试官提问：如何通过SQL方式将数据库表行转列？

在刚进入 IT 行业的第一年换工作的时候，至今让我印象最深刻的有一个这样的面试题：如何通过 SQL 方式将数据库的行转列？

2021-10-14 06:51:55

数据库 SQL 数据库

利用 CSS Overview 面板重构优化你的网站

本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel，并且介绍如何更好地利用这个面板。CSS Overview Panel 直译过来就是 CSS 概览面板，它是从 Chrome 87 开始支持的一项实验室功能。

2021-10-14 06:01:27

CSS 技巧 Overview

import 方式随心转，感受 Babel 插件的威力

我们要做 default import 转 named import，也就是 ImportDefaultSpecifier 转 ImportSpecifier，要通过 scope 的 api 分析 binding 和 reference，找到所有引用的地方，替换成直接调用函数的形式，然后再去修改 import 语句的 AST 就可以了。

2021-10-13 22:19:16

插件 Babel import

面试官：说说你对快速排序的理解？如何实现？应用场景？

快速排序(Quick Sort)算法是在冒泡排序的基础上进行改进的一种算法，从名字上看就知道该排序算法的特点是快、效率高，是处理大数据最快的排序算法之一。

2021-10-13 18:01:33

快速排序场景

Kube-Proxy中使用Ipvs与Iptables的比较

kube-proxy 就可以通过 Service 的 Informer 感知到API Server中service和endpoint的变化情况。而作为对这个事件的响应，它就会在宿主机上创建这样一条 iptables 规则(你可以通过 iptables-save 看到它)。

2021-10-13 16:00:53

Kube Proxy Iptables

「React进阶」我在函数组件中可以随便写-通俗异步组件原理

本文通过一些脑洞大开，奇葩的操作，让大家明白了 Susponse ，componentDidCatch 等原理。我相信不久之后，随着 React 18 发布，Susponse 将崭露头角，未来可期。

2021-10-13 14:01:00

函数 React 进阶

如何使用 Git 管理 Mdk 工程？

很多初学者都不会使用 git 管理工程，一来不熟悉这个工具，二来不知道使用 git 有什么好处，增加学习成本，当初鱼鹰在大学的时候就有了解过 git 这个分布式管理工具，但真正用它管理工程还是在工作一年之后才开始的。

2021-10-13 13:51:24

讲真，这几个完整的开源Java项目能让你的能力提高一大截

先说说github吧，我相信只要你半只脚踏入了这个行业，就不可能没有听过这个网站，毕竟是全球最大的同性交友社区嘛！

2021-10-13 09:55:14

Java 项目技术

一些实用的编程模式：Options模式

今天开个新系列，讲一些实用的编程模式，每个编程模式学完后，都能马上在实战中应用起来，让我们写出更富表达力、易维护、好扩展、优雅亿点点的代码。

2021-10-13 07:48:23

Options 模式编程

介绍一下快排原理以及时间复杂度，并实现一个快排

快排使用了分治策略的思想，所谓分治，顾名思义，就是分而治之，将一个复杂的问题，分成两个或多个相似的子问题，在把子问题分成更小的子问题，直到更小的子问题可以简单求解，求解子问题，则原问题的解则为子问题解的合并。

2021-10-13 06:49:15

时间复杂度快排

为什么说两个 Integer 数值之间不建议使用 “==” 进行比较

众所周知阿里巴巴开发手册里面有一条强制的规则，说的是在包装类对象之间的值比较的时候需要使用 equals 方法，在 -128 和 127 之间的数值比较可以使用 ==。

2021-10-13 06:49:13

Integer 阿里巴巴包装类

我们一起对 Node.Js 一问一答

在前端的时候，我们经常会轮询接口或定时去做一些事情，但是我们一般不使用 setInterval，因为浏览器中， setInterval 是用单独的线程实现的，当任务超市时，定时线程就会往 JS 线程追加一个回调任务。

2021-10-12 23:45:43

gRPC 这项技术真是太棒了，爆赞

gRPC 这项技术真是太棒了，接口约束严格，性能还高，在 k8s 和很多微服务框架中都有应用。

2021-10-12 19:55:54

Jest 写前端单元测试入门

写测试能减少 bug，提高代码质量。同时，重构测试覆盖率高的代码，不担心改坏以前的功能。前端的测试可以分为 3 类：单元测试，集成测试和 UI 测试。

2021-10-12 19:16:26

Jest 单元测试

Elementor Pro如何设计网站页眉导航

Elementor pr页眉导航有很多不同样式的自带模板，比主题自带的导航美观和功能强大。你可以从 Elmentor Pro 模板库里提供的几十款导航模板中选择合适的一款，一键导入页眉导航栏，简单替换文字和logo后就拿来用。

2021-10-12 19:01:35

网站页眉导航

ThreadLocalRandom类原理分析

mix32是一个固定的算法，这里重点看下nextSeed方法，当第一次调用的时候进行初始化，获取当前线程threadLocalRandomSeed的值(第一次默认值为0) + 种子增量，如果不是第一次那么获取旧种子的值 + 种子增量生成新的种子变量并设置回去。这样的话多线程环境下就避免了竞争，因为threadLocalRandomSeed是Thread的一个变量，属于线程级别。

2021-10-12 17:19:17

Random 局限性变量

ArrayList VS LinkedList，最后一战

序列化是什么意思呢?Java 的序列化是指，将对象转换成以字节序列的形式来表示，这些字节序中包含了对象的字段和方法。序列化后的对象可以被写到数据库、写到文件，也可用于网络传输。

2021-10-12 16:46:59

ArrayList 接口 LinkedList

20年来首次！Python超Java、C：成最受欢迎编程语言

来自 TIOBE 的最新 10 月份统计数据显示，Python 首次超越 Java、JavaScript、C语言等，成为最受欢迎的编程语言。

2021-10-12 11:20:06

编程语言 Python Java

12种 Vo2dto 方法，就 BeanUtil.copyProperties 压测数据最拉跨！

就像让你用一个属性拷贝工具，把vo转成dto，你用了哪呢，是 Apache 的还是 Spring 的，还是其他的什么，哪个效率最高？

2021-10-12 10:49:52

Vo2dto 压测数据

上一页 1 ··· 200 201 202 203 204 ··· 511 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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