直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

JavaScript 中更安全的 URL 读写

URL对于我们开发人员来讲，应该是非常熟悉了。在对URL进行参数拼接时，我们一般都会直接进行字符串拼接或使用模版字符串，因为这样非常方便，但是我们这样其实会在不知不觉中以不安全的方式编写 URL。

2023-02-01 14:08:53

JavaScript URL 安全

解读荷兰DigiD应用程序非常高效的代码重构

对于经验丰富的开发人员来说，较短的版本可能需要几秒钟才能弄清楚发生了什么。如果代码是几周前编写的，嗯，可能需要多花几分钟时间才能理解。

2023-02-01 09:32:50

DigiD 应用程序

编程高手进阶之路：高级VS Code快捷键

如果你发现自己花了很长时间去找一个文件或每两秒钟就拿一次鼠标，这些快捷方式就是为你准备的！

2023-02-01 09:27:46

快捷方式快捷键

图形编辑器：标尺功能的实现

标尺指的是画布上边和左边的两个有刻度的尺子，作用让用户知道他正在编辑的视口所在位置范围。

2023-02-01 09:21:59

图形编辑器标尺

JavaScript 数组方法 reduce 的妙用之处

reduce() 方法对数组中的每个元素按序执行一个 reducer 函数，每一次运行 reducer 会将先前元素的计算结果作为参数传入，最后将其结果汇总为单个返回值。

2023-02-01 08:31:48

数组方法 JavaScript

24个JavaScript循环遍历方法，你都知道吗？

filter()方法用于过滤数组，满足条件的元素会被返回。它的参数是一个回调函数，所有数组元素依次执行该函数，返回结果为true的元素会被返回，如果没有符合条件的元素，则返回空数组。

2023-02-01 08:31:36

JavaScript 循环遍历

团队技术专家回老家了，留下的技术设计模版贼好用！

CRUD也有区别，一把梭，随便写也能实现功能，但是我们CRUD也得有点追求，而且面向C端用户的系统，也基本上会有一些性能、可用性之类的要求，比如接口响应平均多少多少毫秒以下、单机QPS1000、系统几个9可用……

2023-02-01 08:26:33

技术设计模版

详解 Java.util.Arrays 的使用技巧

异常处理是使用lambda的一个比较棘手的部分。所以请记住，如果lambda抛出一个异常，那么Java就不会定义数组的最终状态。

2023-02-01 08:22:37

技巧 java Arrays

系统调用与函数调用有什么区别？

如果我们编写的代码可以直接调用所有的操作系统函数那么从某种程度上讲的确可以说是能控制操作系统，但如果操作系统只允许你调用内核中的有限的几个函数呢？

2023-02-01 08:11:40

系统调用函数

从头完成一个restful API 服务

为了方便测试，我们这里写了一个简单的测试 web server，用来在网页上向 API 服务器发请求。代码很简单，还是用 flask 来启动 server，返回一个页面。

2023-02-01 08:04:07

测试 flask 网页

使用Kubernetes的区块链案例译文

本文展示了如何使用Kubernetes和微服务架构来构建具有复杂功能的加密解决方案。

2023-02-01 08:00:00

Kubernetes 区块链微服务

我们一起聊聊序列化二叉树

当我们用前序遍历来读取二叉树时，得到的序列是从根节点开始的，那么反序列化时在根节点读取出来之后就可以开始了。当我们在序列化的时候可能会遇到空节点，我们用一个特殊的字符来标记它（例如"$"）。

2023-02-01 07:27:46

序列化二叉树根节点

Node.js中的事件循环是如何工作的译文精选

根据Node.js官方网站的说法，事件循环允许Node.js执行非阻塞I/O操作——尽管JavaScript是单线程的——会尽可能地将操作转移到系统内核中。

2023-01-31 16:43:31

Node.js 事件循环

每个程序员都应该知道的八大算法

在编程开发中，算法是用于解决特定问题或完成特定任务的一组指令或过程。算法可以用任何编程语言表示，可以像一系列基本操作一样简单，也可以像涉及不同数据结构和逻辑的多步骤过程一样复杂。

2023-01-31 15:43:47

开发编程数据结构

高效、优雅的对象Copy之MapStruct入门到精通，实战踩坑版

MapStruct是基于JSR 269的Java注释处理器，用于生成类型安全的 Bean 映射类。您所要做的就是定义一个映射器接口，该接口声明任何所需的映射方法。在编译过程中，MapStruct将生成此接口的实现。此实现使用纯 Java 方法调用在源对象和目标对象之间进行映射，即无反射或类似内容。

2023-01-31 15:17:44

如何优雅的实现前端国际化？

JavaScript 中每个常见问题都有许多成熟的解决方案。当然，国际化 (i18n) 也不例外，有很多成熟的 JavaScript i18n 库可供选择，下面就来分享一些热门的前端国际化库！

2023-01-31 10:29:26

JavaScript 国际化国际化库

CSS 奇思妙想之酷炫倒影

今天，我们就将尝试，使用 CSS 完成各类不同的倒影效果，话不多说，直接进入主题。

2023-01-31 10:23:00

CSS 倒影效果

你知道WebAssembly吗？

VM 只能加载 JS 运行，JS 可能足够满足我们的需求，但如今JS会有各种各样的原生性能的领域，比如3D 游戏、VR/AR、计算机视觉、图片/视频编辑等，并且，下载和解析体积比较大的JS是很困难的。

2023-01-31 09:02:24

聊聊Go语言中文件操作

os包提供了处理文件的API接口，遵循Unix标准，平台无关，所有操作系统都可以使用。错误处理上是Go语言独有的，失败时，返回的是错误类型而非系统错误编号，对于调试很有帮助。os包中提供了创建、删除、打开、修改权限等功能。

2023-01-31 08:48:49

Go 语言文件

三分钟轻松搞懂 HashMap 死循环问题！

HashMap 死循环发生在 JDK 1.7 版本中，形成死循环的原因是 HashMap 在 JDK 1.7 使用的是头插法，头插法 + 链表 + 多线程并发 + HashMap 扩容，这几个点加在一起就形成了 HashMap 的死循环。

2023-01-31 08:24:55

HashMap 死循环

作为程序员，这份Markdown备忘单你永远需要

GitHub上的每个仓库都有自己的README文件，解释了该仓库的目的。每个项目都需要好的文档。GitHub 的文档是用 Markdown 编写的。这也正是为什么需要很好地处理一些基础知识。有很多元素你可以用Markdown来写，所以我们来深入了解一下。

2023-01-31 08:16:45

GitHub 文件 Markdown

自建 MongoDB 实践：MongoDB 复制集

当我们有大多数节点不可用并且我们仍然有足够的服务器来启动复制集时，我们可以强制仅对已存在的节点进行重新配置。这是一种临时解决方案和最后的手段。

2023-01-31 08:03:32

部署 mongod 配置

再议内存布局，你学会了吗？

由于不同的基类起点可能处于不同的位置，因此当需要将它们转化为实际类型时，this指针的偏移量也不相同，且由于多态的特性，b2的实际类型在编译时期是无法确定的；那必然需要一个东西帮助我们在运行时期确定b2的实际类型，这个东西就是offset_to_top。

2023-01-31 08:02:18

内存布局 C++gdb

Dooring低代码关于辅助设计的思考和实践

传统的搭建系统组件面板基本是固定的, 如果后期组件逐渐增多, 对用户侧会造成一定的使用负担. 由于用户常用的组件数是有限的, 所以为了提高用户发现目标组件的效率, H5-Dooring 提供了组件定制面板, 用户可以自己定制常用的组件显示, 并支持组件搜索。

2023-01-31 07:47:14

Dooring 低代码辅助设计

为什么同样的代码我就是跑不起来，同事却能跑起来？

反正跑不起来肯定有原因，不是代码原因就是环境原因，一般经过上面几个方式的排查，都能找到问题了，如果再不行，重新查询拉取代码库也未尝不是一个方法，当然如果实在解决不了，咨询前辈也是一个很有效的方法。

2023-01-31 07:42:29

代码 JDK Maven

JavaScript 新特性最全指南：ES2023 ～ ES2016

Shared memory and atomics，“共享内存和原子” 又名 “共享数组缓冲区”，可以在主线程和多个工作线程间共享对象的字节，能更快的在多个工作线程间共享数据、除 postMessage() 多了一种数据传输方式。

2023-01-31 07:36:25

JavaScript 数组缓冲区

我们一起再聊聊B-Tree的Golang实现

伪代码用了顺序查找的方法，即O(N)。从Part1可知，node中的元素是从小到大排列的，所以我们可以用二分的方式优化。

2023-01-30 23:04:10

B-Tree golang 优化

Node.js 应用全链路追踪技术——全链路信息存储

本文主要介绍在Node.js应用中，如何用全链路信息存储技术把全链路追踪数据存储起来，并进行相应的展示，最终实现基于业界通用 OpenTracing 标准的 Zipkin 的 Node.js 方案。

2023-01-30 22:34:44

DeepTime：时间序列预测中的元学习模型

DeepTime，是一个结合使用元学习的深度时间指数模型。通过使用元学习公式来预测未来，以应对时间序列中的常见问题（协变量偏移和条件分布偏移——非平稳）。该模型是时间序列预测的元学习公式协同作用的一个很好的例子。

2023-01-30 17:10:23

DeepTime 元学习

如何保护您的 CI/CD 管道

在 CircleCI 漏洞之后，对于任何依赖 CI/CD 基础架构的团队来说，这是一个审查其管道安全性的好时机，因为他们可以采取一些主动措施。

2023-01-30 15:55:08

CI/CD 架构漏洞

Go语言中通过WaitGroup控制并发

Channel能够很好的帮助我们控制并发，但是在开发习惯上与显示的表达不太相同，所以在Go语言中可以利用sync包中的WaitGroup实现并发控制，更加直观。

2023-01-30 15:41:10

Channel 控制并发

面试官：说一下 GET 和 POST 最本质的区别？

GET 和 POST 是 HTTP 请求中最常用的两种请求方法，它们的底层都是基于 TCP/IP 实现的。

2023-01-30 15:39:40

手把手带你开发Starter，点对点带你讲解原理

spring-boot-autoconfigure :提供自动化装配功能，是为了Spring Boot 应用在各个模块提供自动化配置的作用；即加入对应 pom，就会有对应配置其作用；所以我们想要自动装配功能，就需要引入这个依赖。

2023-01-30 09:27:57

开发自动化配置

一个新的JS语法是如何诞生的？

Decorators不是早就有的特性么？各种框架（比如Nest.js、Angular）早就用的飞起，ts不也早就支持了么？

2023-01-30 09:01:34

Decorators JS语法

还能这样玩？Go 将会增强 Go1 向前兼容性

在今天这篇文章中，我们介绍了 Go1 兼容性增强中的 “向前兼容” 部分，其中要点是：加大对 go.mod 文件中的 go 行和 toolchain 行和工具链 GOTOOLCHAIN 相关的应用。

2023-01-30 08:46:20

Go Go1 兼容性

探究 CSS 选择器的性能真相

改进某些 CSS 选择器可以带来重要的性能提升。然而，关键是要记住，这主要取决于特定用例。可以使用性能工具来测试网页的性能，如果发现样式重新计算使渲染变慢，就使用 Edge 浏览器中新的“选择器统计信息”功能！

2023-01-30 08:42:33

CSS 选择器性能

精通正则表达式，看完这篇就行了

正则表达式是一种书写简单，功能强大且常用的技术，基本所有的编程语言都有其相关的实现与支持。因此深入了解正则实现原理与书写规范非常重要。

2023-01-30 08:19:54

正则表达式语言

Go语言实现的可读性更高的并发神库

ForEach、Map方法可以更优雅的并发处理切片，代码简洁易读，在实现上Iterator中的并发处理使用atomic来控制只创建一个闭包，避免了GC性能问题

2023-01-30 08:16:39

来看三段程序，你学会了什么？

debug 对我们来说非常重要，有很多代码细节和问题通过肉眼是观察出来的，我们肉眼可能能够判断一些简单的程序问题，但是对于很多隐藏较深的问题，还是要依据 debug 才能发现。

2023-01-30 08:04:28

程序隐藏 debug

继承是代码复用的最佳方案吗？

代码复用，很多人觉得继承就是绝佳方案。若把继承理解成代码复用，更多是站在子类角度向上看。在客户端代码使用时，面对的是子类，这种继承叫实现继承。

2023-01-30 07:58:30

继承代码复用

代码过度设计，真的有意义吗？

Keep it simple, stupid，保持简单、愚蠢。提醒我们大多数系统，与其变得复杂，保持简单能让系统运行更好。越资深的人，越觉得这大有道理。因为大佬们见识过因为复杂而引发的各种问题。

2023-01-30 07:55:44

代码过度设计

SpringBoot 优雅停机的正确姿势

如果暴力的关闭应用程序，比如通过kill -9 <pid>命令强制直接关闭应用程序进程，可能会导致正在执行的任务数据丢失或者错乱，也可能会导致任务所持有的全局资源等不到释放，比如当前任务持有 redis 的锁，并且没有设置过期时间，当任务突然被终止并且没有主动释放锁，会导致其他进程因无法获取锁而不能处理业务。

2023-01-30 07:41:43

SpringBoot 停机命令

Go 微服务框架 go-micro 使用客户端 RPC 调用服务端方法返回 408 怎么解决？

本文我们介绍怎么解决客户端 RPC 调用服务端的方法，返回错误码 408 的问题，我们使用 go-micro 和 gin 构建了示例代码，并通过修改示例代码，分析出现返回错误码 408 问题的原因。

2023-01-29 23:51:07

微服务框架 Go

如何使用Python检测和识别车牌？译文

本文将使用Python创建一个车牌检测和识别程序。该程序对输入图像进行处理，检测和识别车牌，最后显示车牌字符，作为输出内容。

2023-01-29 14:29:59

Python 识别车牌

你可能不知道的Dialog弹窗

dialog其实我在两三年之前就有研究过，那时还没有这么多新特性，也有可能是研究不精，后来就搁置了，然后最近在项目中用了dialog，无意中又发现了很多有意思的新特性，这意味着，dom 其实也是在不断发展的，有必要把以前已经用过的再翻出来过一遍，说不定还能发现意想不到的结果。

2023-01-29 09:46:47

Dialog 弹窗模态

Scrollend：超实用的全新JavaScript事件

polyfill 将渐进增强以使用浏览器内置的 scrollend 事件（如果可用）。如果它不可用，脚本会监视指针事件并滚动以对它可能结束的事件进行最佳评估。

2023-01-29 09:18:14

Scrollend JavaScript 事件

TypeScript 严格模式有多严格？

getAnimalName 是比 getDogName 更广泛的函数。因此，在这种情况下，无法将超类型分配给子类型。但是，可以将子类型分配给超类型。大多数时候，函数参数应该是逆变的，而不是双向协变的。如果开启严格模式，Typescript 将不会将函数参数视为双向协变。

2023-01-29 09:15:42

函数 TypeScript 严格模式

线程池的几个面试重要考点

如果你能把这些在面试的时候说清楚，那么至少在线程池这个知识点上，你是没有任何问题了，这样就可以愉快并且开心的走下一个知识点了。

2023-01-29 08:04:24

线程池非核心线程任务

如何在React Native中实现类Instagram滤镜效果？译文精选

本文通过分步骤的指南，说明如何在React Native中整合图片编辑，并实现类Instagram滤镜的效果。

2023-01-29 08:00:00

Instagram 滤镜图片编辑

一款开箱即用的电子签名组件

我们可以使用它轻松的实现电子签名, 比如说常用的合同签字, 文稿签名, 艺术签名等, 并支持一键将签名保存.

2023-01-29 07:49:57

开箱电子签名组件

上一页 1 ··· 97 98 99 100 101 ··· 490 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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