开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

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

精品班厂商认证 IT技术 2023年软考 PMP项目管理

在线学习企业服务

CTO训练营技术经理研习营 LeaTech峰会

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

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

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

文章博文帖子课程

共 2.0w 条

Go 程序里 if else 分支太多？试着用策略模式治理一下吧！

策略模式和模版模式经常配合使用，策略模式是让完成某个任务的具体方式可以相互切换，而模版模式则是针对一个流程的共性梳理出固定的执行步骤，具体步骤的执行方式下放给子类来实现。两者解耦的维度不一样，策略模式在抽象方法的实现里，经常会用到模板模式。

2022-11-16 08:58:33

Go 模版模式策略模式

Node.js 是怎么找到模块的？你知道吗？

首先分析标识符的风格，如果是不是路径的写法，我们会先找 Node.js 内置的包有没有匹配的，如果匹配，就导入对应模块，比如 require('http') 就能拿到一个 http 对象，可用于创建 web 服务等功能。

2022-11-16 08:43:30

JavaScript错误处理完整指南

本文将带你了解 JavaScript 中常见的错误类型，处理同步和异步 JavaScript/Node.js 代码中错误和异常的方式，以及错误处理最佳实践！

2022-11-16 08:41:43

JavaScript 错误处理

自建 MongoDB 实战 | MongoDB 文档查询

阿里云的 MongoDB，需要使用使用 3.0 版本以上的客户端才能连接成功，否则会出现鉴权失败，登录时请使用管理员账户进行登录。接着安装 pymongo。

2022-11-16 08:00:37

MongoDB 阿里云的登录

记一次“雪花算法”造成的生产事故的排查记录

本篇通过一次偶发的生产事故，引出了雪花算法的原理、雪花算法的不足、对应的开源解决方案。

2022-11-16 08:00:00

雪花算法原理

两万字盘点那些被玩烂了的设计模式

计模式其实还是一种思想，或者是套路性的东西，至于设计模式具体怎么用、如何用、代码如何写还得依靠具体的场景来进行灵活的判断。

2022-11-15 22:16:07

设计模式代码

如何在React导航栏实现搜索功能译文精选

本文向你展示如何在React导航栏中实现搜索功能

2022-11-15 18:31:37

使用GitHub Actions实现自动化部署

大家在工作中想必都是通过自动化部署来进行前端项目的部署的，也就是我们在开发完某个需求时，我们只需要将代码推送到某个分支，然后就能自动完成部署，我们一般不用关心项目是如何build以及如何deploy的，这就极大得提高了我们的开发效率。

2022-11-15 17:07:40

开发自动化前端

PyTorch常用五个抽样函数

在本文中，我们将介绍PyTorch中的常见抽样函数。抽样是一个统计过程，它从总体中提取一个子集，通过子集来研究整个总体。

2022-11-15 16:37:38

PyTorch 抽样函数子集

前端常用的数据可视化工具库

今天来推荐几款GitHub上热门的前端数据可视化工具库！

2022-11-15 15:14:05

前端数据可视化工具

Go 要违背初心吗？新提案：手动管理内存

本提案所提到的 Arena，指的是一种从一个连续的内存区域分配一组内存对象的方式。优点是 arena 中的对象分配通常比一般的内存分配更有效率，所分配的对象可以一次性释放，以此达到内存管理或垃圾收集的开销最小。

2022-11-15 09:16:59

Go 内存区域

忘了又看，看了又忘？保姆级教学，一口气教你玩转三种高频设计模式！

文通过具体的示例，教大家如何学习设计模式，保证你看完这篇文章后，这 3 种常用的设计模式，能妥妥掌握！

2022-11-15 08:30:23

设计模式场景 map

再续如何防止接口重复提交？

随着下单流量逐渐上升，通过查询数据库来检查当前服务请求是否重复提交这种方式，可能会让数据库的请求查询频率变得非常高，数据库的压力会倍增。

2022-11-15 07:39:48

接口重复提交

扒去Spring事件监听机制的外衣，竟然是观察者模式

本篇文章带大家从观察者模式、Java事件机制延伸到Spring的事件监听机制，将三者融合在一起来讲解。通过这个案例，其实我们能够体会到一些经验性的知识，比如看似复杂的Spring事件监听机制实现只不过是观察者模式的一种实现，而其中又集成了Java的事件机制。这也就是所谓的融会贯通。

2022-11-15 07:35:50

Spring 事件观察者模式

前端：Nodejs版本管理工具Nvm介绍，你学会了吗？

nvm 全名叫做 nodejs version manage,是一个非常棒的nodejs的版本管理工具,主要是通过命令行实现nodejs版本的安装、切换当前使用的nodejs版本。

2022-11-15 07:14:57

前端 nodejs 工具

还在用 JS 做节流吗？CSS 也可以防止按钮重复点击

CSS 实现“节流”其实就是控制一个动画的精准控制，假设有一个动画控制按钮从禁用->可点击的变化，每次点击时让这个动画重新执行一遍，在执行的过程中，一直处于禁用状态，这样就达到了“节流”的效果。

2022-11-14 18:43:03

如何避免由 Web 字体引起的布局偏移

这篇文章我们将探索令人惊讶的复杂文本渲染世界，以及一些解决无样式文本闪烁的技术。

2022-11-14 16:38:15

前端 Web 开发

时间序列分析中的自相关

在时间序列分析中，我们经常通过对过去的理解来预测未来。为了使这个过程成功，我们必须彻底了解我们的时间序列，找到这个时间序列中包含的信息。

2022-11-14 14:36:59

数据集 Python 自相关

再见 Jupyter Notebook, DataSpell 起飞！

归根结底，永远留在我们身边的不是工具，而是我们通过使用最适合我们需求的工具获得的知识。你会不会从 JupyterLab 或 Jupyter Notebook 切换到Dataspell呢？

2022-11-14 11:52:34

Dataspell JupyterLab Notebook

使用 SVG 和 CSS 构建 UI 组件

SVG 不仅仅是图标和插图，它还有很多我们开发人员有时会忘记的隐藏力量。与 CSS 相比，使用 SVG 有很多用途。

2022-11-14 11:41:13

SVG 开发组件

干货，深入剖析ReentrantLock源码，推荐收藏

看完了ReentrantLock的所有源码，是不是觉得ReentrantLock很简单。由于加锁流程的编排工作已经在父类AQS中实现，子类只需要实现具体的加锁逻辑即可。

2022-11-14 11:09:36

源码 AQS 加锁

你问这谁会啊？ThreadLocal 父子线程之间该如何传递数据？

如果你使用 InheritableThreadLocal，那么保存的数据都已经不在原来的 ThreadLocal.ThreadLocalMap threadLocals 里面了，而是在一个新的 ThreadLocal.ThreadLocalMap inheritableThreadLocals 变量中了。

2022-11-14 09:13:16

数据线程变量

前端必懂的设计模式-门面模式

外观模式(Facade Pattern)又叫门面模式，指提供一个统一的接口去访问多个子系统的多个不同的接口，为子系统中的一组接口提供统一的高层接口。使得子系统更容易使用，不仅简化类中的接口，而且实现调用者和接口的解耦。

2022-11-14 08:44:56

前端门面模式接口

我们一起聊聊可扩展 CSS 的演变

专注于在其之上组合和构建的原语也有很长的路要走。这也适用于使用组件库的基于组件的大型应用。提供可组合的组件布局原语，如 Box、Stack、Inline 等是管理 CSS 的好方法，开发人员无需编写任何 CSS。

2022-11-14 08:32:51

为什么不能用斐波那契散列，做数据库路由算法？

从 F2 开始任意一位与前一位相比的比值，都无限趋近于 (√5 - 1)/2 = 0.618 因此基于黄金分割的计算应用，也被称为斐波那契应用。

2022-11-14 08:12:34

斐波那契散列算法黄金分割

用 Python 从头搭建一个在线聊天室

我们只需要一个 user 用户表，只包含三个字段的简单表。用户密码也只是简单的保存了明文，后面再处理用户密码的 hash 问题。

2022-11-14 08:01:48

Python 简单表密码

Java 中九种 Map 的遍历方式，你一般用的是哪种呢？

我们可以看到这种方式相对于 map.entrySet() 方式，多了一步 get 的操作，这种场景比较适合我们只需要 key 的场景，如果也需要使用 value 的场景不建议使用 map.keySet() 来进行遍历，因为会多一步 map.get() 的操作。

2022-11-14 07:33:57

Java 场景 value

小心此坑：Python 函数参数的默认值是可变对象

Python 函数也是对象，参数的默认值就是对象的属性，在编译阶段参数的默认值就已经绑定到该函数，如果是可变对象，Python 函数参数的默认值在会被存储，并被所有的调用者共享，也就是说，一个函数的参数默认值如果是一个可变对象。

2022-11-14 07:08:23

Python 函数参数

Kafka消息积压，你监控Rebalance了吗？

除了对Kafka参数的调整，我们还要根据业务处理逻辑对消费者组进行提前规划，避免为了方便将业务相关的topic同时划分到同一个大消费者组，这样一旦某个消费者出现问题，将会导致整个消费者组重新Rebalace。

2022-11-14 00:21:07

Kafka Rebalance 业务

使用Node.js与Strve.js@4.3.0实战一款全新的群聊应用

Strve.js现在已经基本稳定在4.3.0版本，与之前的稳定版本相比，比如增加了常用的生命周期钩子函数。另外，如果你想直接在浏览器中使用Strve.js，可以使用IIFE版本。还有很多亮点，比如支持父子组件传值等等。

2022-11-14 00:14:49

Node.js Strve.js 群聊

从头开始进行CUDA编程：线程间协作的常见技术

在前一篇文章中，我们介绍了如何使用 GPU 运行的并行算法。这些并行任务是那些完全相互独立的任务，这点与我们一般认识的编程方式有很大的不同，虽然我们可以从并行中受益，但是这种奇葩的并行运行方式对于我们来说肯定感到非常的复杂。

2022-11-13 15:48:19

编程线程 GPU

20个JavaScript数组方法的实现

我想，大家一定对JavaScript中的数组很熟悉了，我们每天都会用到它的各种方法，比如push、pop、forEach、map……等等。

2022-11-13 15:33:30

JavaScript 数组开发

Golang 的 “omitempty” 关键字详解

omitempty只是在把结构体转换成json的过程中，「只会影响json转换后的结果，并不是影响结构体本身」，所以结构体的任何属性设置了omitempty之后，都不影响其正常使用。

2022-11-12 18:32:50

Golang omitempty json

看了Quark Design后，我去深入了解了Web Components

现今前端生态中框架层出不穷，在生产中为了提升效率和标准化组件，就会针对框架开发组件库。但是各种框架之间是不兼容的，对此需要对应开发适应框架的组件库，这样也造成维护成本攀升。就如同物理界有电磁相互作用、强相互作用以及弱相互作用，需要单独的物理理论来解释这三种作用造成的物理现象，这样让众多物理学家在朝着大统一理论前进，而Web Components可以看作是现今UI组件库"大统一理论"的一种解决方案。

2022-11-12 17:36:51

Web 前端开源

我们一起聊聊Sass 完整指南

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

2022-11-12 12:33:38

CSS 预处理器 Sass

点击页面元素跳转IDE对应代码，试试这几个工具！

在日常开发中，当项目组件特别多或者刚接手一个项目时，可能需要花费一定时间去查找页面元素/组件对应的代码。下面就来分享几个插件，通过这些插件，点击页面元素就可以直接跳转到 IDE 中对应的代码，提高开发效率！

2022-11-11 17:06:43

开发组件工具

如何解决前端常见的竞态问题？

本文将深入研究 Promise 是如何导致竞态条件的，以及防止竞态条件发生的几种方法！

2022-11-11 15:49:09

前端 JavaScript 开发

Amazing！巧妙构建页面结构的 3D Visualization

本文，就将介绍一种，快速通过 CSS，构建页面深度关系的 3D 视图，快速清晰的厘清页面 DOM 层级及深度之间的关系。并且可以运用在不同的节点单独进行观察。

2022-11-11 14:46:57

Python编程：递归与匿名函数及函数属性与文档字符串（函数补充）

本文主要基于Python语言的一大特色——函数来拓展的一些相关编程知识，包括递归函数（重点是有限性和边界性）、lambda函数（简洁性和临时性）以及函数的属性以及如何实现函数的文档化描述等。

2022-11-11 10:23:04

Python 语言递归函数

如何解决前端常见的竞态问题？

本文将深入研究 Promise 是如何导致竞态条件的，以及防止竞态条件发生的几种方法！

2022-11-11 10:22:54

动动嘴就能写代码？网友怒怼：哪位高管想当然了！原创精选

Copilot可以根据上下文自动写代码，包括注释、函数、代码等等，只要你给出提示，就可以写出完整的函数。

2022-11-11 10:01:35

代码 Copilot 函数

你该学会自己写 Java 注解了

相信大家也发现了，注解类定义好之后并不能立马生效，比如在一个类上添加注解@ServiceReference，我们期望服务启动后这个类能自动暴露自己，但是你会发现什么也没发生，这是为什么呢？

2022-11-11 08:31:39

Java 注解注解类

C语言该怎么进阶？你学会了吗？

初学者在这段代码里出的错误，基本都是忘了打结尾的分号，或者使用了中文字符而导致的。学会了这段代码之后，C语言就可以算入门了。

2022-11-11 08:29:24

C语言中文字符代码

为什么和 CSS-in-JS 说拜拜

CSS-in-JS 就是在 JS 或 TS 中直接编写 CSS，为 React 组件提供样式。

2022-11-11 08:16:51

CSS-in-JS React 组件

Java性能优化实战：七类技术手段让性能优化有章可循

JVM 性能调优涉及方方面面的取舍，往往是牵一发而动全身，需要全盘考虑各方面的影响。所以了解 JVM 内部的一些运行原理，还是特别重要的，它有益于我们加深对代码更深层次的理解，帮助我们书写出更高效的代码。

2022-11-11 08:16:02

java 性能技术

盘点Visual Studio 2022 17.4 给C++开发者带来的新东西

在17.3版本中，Visual Studio已经添加了对Arm64的原生支持。在之后的版本中，我们继续添加了对更多开发场景的支持，在最新的17.4版本中，Arm64原生工具链可以在生产环境中使用了。

2022-11-11 08:09:10

让我来告诉你列存数据仓库怎样更高效

开源数据计算引擎SPL充分利用数据有序存储的特征，在保持低 CPU 消耗的前提下，实现了较高压缩率的压缩算法，大幅减少了物理存储量，进一步提高了性能。SPL还提供倍增分段机制，解决了列存分段难题，让列存数据也能充分利用并行计算来提高效率。

2022-11-11 07:54:43

列存数据仓库压缩

如何使用ORM链式操作?如何优雅的实现软删除？

如果关联查询的几个表都启用了软删除特性时，会发生以下这种情况，即条件语句中会增加所有相关表的软删除时间判断。

2022-11-11 07:48:56

ORM 链式轮播图

如何防止接口重复提交？

对于下单流量不算高的系统，可以采用这种请求唯一ID+数据表增加唯一索引约束的方式，来防止接口重复提交！

2022-11-11 07:34:43

接口重复提交 ID

一篇带你了解 React Fiber 是什么？

Fiber，本意为 “纤维”，在计算机世界中则是 ”纤程“ 的意思。纤程可以看作是协程的一种，是一种任务调度方式。

2022-11-10 16:55:41

上一页 1 ··· 21 22 23 24 25 ··· 402 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客开源基础软件社区

教育

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