鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

Nuxt.js 3.0 正式发布！为每个人提供了一个愉快的 Vue 全栈开发体验

Nuxt 3.0.0 带有稳定的、生产就绪的 API 和 50 多个由社区和 Nuxt 团队使用 Nuxt Kit 构建的支持模块。

2022-11-17 06:17:41

原来count(*)是接口性能差的真凶

最近我在公司优化过几个慢查询接口的性能，总结了一些心得体会拿出来跟大家一起分享一下，希望对你会有所帮助。我们使用的数据库是Mysql8，使用的存储引擎是Innodb。这次优化除了优化索引之外，更多的是在优化count(*)。

2022-11-17 00:04:38

接口性能查询

五件关于JavaScript中this参数的事

this 关键字是 JavaScript 中最令人困惑的部分之一，本文试图通过介绍有关它的五个重要事项来阐明其目的和用法。

2022-11-16 14:23:37

JavaScript 参数属性

实战：画了几张图，终于把OAuth2搞清楚了

本文从原理、应用场景、认证流程出发，对oauth2进行了基本的讲解，并且手把手带大家完成了项目的搭建。大家在对授权码模式、简化模式、密码模式、客户端模式进行测试的同时要将重点放到授权码模式上。

2022-11-16 14:02:44

OAuth2 场景授权

前端性能优化心法原创精选

这篇文章想要从流程方面和具体的技术细节上对软件性能优化上遇到的问题做一些总结和分类，以方便在后续类似的场景下可以提供给开发者一个参考。

2022-11-16 12:03:13

性能优化前端

如何不重新编译让 Spring Boot 配置文件生效？

从 Spring Boot2.4 开始，我们也可以使用 spring.config.import 方法来导入配置文件，相比于 additional-location 配置，这个 import 导入更加灵活，可以导入任意名称的配置文件。

2022-11-16 10:39:30

Spring 配置文件生效

基于Sentry高效治理前端异常

针对前端异常治理本文从两个方面说明了其重要性，然后在处理异常的前期增加了对异常数据的准确度的过滤处理，对过滤后的数据通过几个方式快速发现存在波动的异常情况，最后对需处理的异常增加了一些手段提高解决异常的效率。

2022-11-16 09:03:35

Sentry 前端监控

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语言中文字符代码

上一页 1 ··· 169 170 171 172 173 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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