鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

Ahooks 中那些控制“时机”的 Hook 都是怎么实现的？

在 Function Component 中，使用 useEffect/useLayoutEffect 完成了 Class Components 生命周期的职责。ahooks 也是基于这两个封装了常见的代码执行时机，使用这些 hook，可以让我们的代码更加具有可读性以及逻辑更加清晰。

2022-06-10 08:01:01

ahooks hook 代码

Content-Visibility 再探究，完美替代 Lazyload？

如果 content-visibility: auto 要能够替代 LazyLoad，则需要做到，初始化渲染的时候，在页面当前展示范围外的，设定了 content-visibility: auto 的元素内的一些静态资源不会被加载。

2022-06-10 07:33:26

CSS 前端 LazyLoad

使用面向对象和功能性方法来重构Java应用译文精选

本文将和您讨论如何使用面向对象和功能性两种方法，来实现更好的设计与 Java 应用重构，并以继承和功能性接口的示例形式，展示了两者在实现上的区别。

2022-06-10 07:17:07

重构 Java 应用

JVM系列之JVM垃圾回收算法相关知识

JVM垃圾回收算法主要有标记清除、复制算法、标记整理、分代收集四种，下面来逐一介绍。

2022-06-10 07:13:29

JVM 垃圾回收

一日一技：如何让自己的工具函数在Python全局可用？

在Python里面，所有内置的函数或者类都在builtins模块中，因此在代码里面可以直接使用而不用导入。现在只需要把我们自定义的工具函数注册到builtins模块中，就能让它跟内置函数有相同的效果。

2022-06-09 21:34:41

Python 代码函数

前端领域的组件化究竟是在谈什么

组件化渗透在开发的方方面面，本文主要从“为什么”、“是什么”、“怎样做”三方面来系统讲述前端组件化的相关知识。通过阅读本文，读者可以对组件化形成一个更加深入的认识和理解。在实现前端组件化的过程，大家可以更加关注组件化的目的，需求及其特点，了解前提才能结合项目来思考如何更好的拆分和实现组件化。

2022-06-09 10:10:24

前端组件化解耦

如果有一天不做前端了，我会做什么？原创精选

一个简单的问题，但大部分人却说不清楚，我当初也是误打误撞进入了这个行业，不知不觉就干了快七年。漫无目的的做一件事情是很难做好的，也是痛苦的，尤其是这件事还占据了我们最多的时间，所以我们需要想清楚，前端是什么？价值在哪？

2022-06-09 09:27:16

前端行业生存

聊聊 Ahooks 是怎么解决用户多次提交问题？

通过 axios 拦截器以及其 CancelToken 功能，我们能够在拦截器中自动将已发的请求取消，当然假如有一些接口就是需要重复发送请求，可以考虑加一下白名单功能，让请求不进行取消。

2022-06-09 09:20:41

Vue3 中 watch 与 watchEffect 有什么区别？

大部分时候用 watch 显式的指定依赖以避免不必要的重复触发，也避免在后续代码修改或重构时不小心引入新的依赖。watchEffect 适用于一些逻辑相对简单，依赖源和逻辑强相关的场景。

2022-06-09 08:28:27

Vue3 watch watchEffec

如何在 Kubernetes Pod 中注入环境变量及优先级问题

有两种方式引用 ConfigMap 中的变量：通过 envFrom 引用 ConfigMap 中全部变量，通过 valueFrom 引用 ConfigMap 中指定变量。

2022-06-09 08:00:56

ConfigMap 变量指定变量

两种方式！带你快速实现前端截图

本文将介绍在前端开发中页面截图的两种方式，包括对其实现原理和使用方式进行详细阐述，希望能为更多前端开发者提供一些经验和帮助。

2022-06-08 15:12:34

前端前端截图

JS结合Canvas制作水印添加器小工具

随着搬运工的逐渐增加,原创作者的利益收到了极大的影响.所以给图片或视频加上水印显得极其重要,他可以有效的维护原创作者的版权防止盗版.本文分享一个由canvas和vue.js制作的图片水印添加器。

2022-06-08 12:10:56

新提案，初识CSS的Object-View-Box属性

在这篇文章中，将带领大家了解Jake Archibald在今年年初提出的新的CSS属性object-view-box。它允许我们裁剪或调整被替换的HTML元素，就像一个 </img> 或 <video>。

2022-06-08 10:46:00

十个关于Reduce必须知道的JavaScript技巧

作为一个前端开发者，你一定会大量使用reduce函数，它是一个强大而有用的数组API，但是，今天我想给大家分享10个关于它的进阶技巧。

2022-06-08 10:42:34

Reduce JavaScript 技巧

使用 Flutter 开发 Chrome 插件【又来抢前端饭碗了】

今天，我们将使用一个生成二维码的例子看一下使用Flutter来构建chrome扩展程序。

2022-06-08 10:32:49

Flutter Chrome 前端

无规矩不成方圆，聊一聊 Spring Boot 中 RESTful 接口设计规范

在明确接口职责的条件下，尽量做到接口单一，即一个接口只做一件事，而非两件以上。很多非资深接口设计者，在设计接口时，总认为接口所做的事越多，越牛叉，这是非常严重的错误认识。

2022-06-08 10:13:24

接口设计规范

Go 要加个箭头语法，这下更像 PHP 了！

原提案作者的本意，可能是需要让匿名闭包更加的简洁，降低代码复杂度。但其实这本质上，节约的只是明面上的复杂度。一旦引入这类 “箭头” 语法，可能会更大的加剧脑子转换的开销。看代码时，得想想对对，会加重底下的脑力开销。

2022-06-08 10:01:06

20个实用的JavaScript代码片段，助你成为更好的开发者

今天的文章中，我分享的是我经常用来解决各种问题的 20 个有用的“纯函数”的无序集合，希望对你也有用。

2022-06-08 08:55:15

JavaScript 代码前端

我是一个Dubbo数据包，我的旅行开始了！

在整个交互过程中，笔者省略线程栈调用的一些细节和源代码的细节，例如序列化与反序列化，dubbo怎么读出完整的数据包的，业务方法执行前那些Filter是怎么排序和分布的，netty的Reactor模式是如何实现的。

2022-06-08 08:14:27

Dubbo 数据包源代码

学习 React.js 需要了解的一些概念

React.js 是被广泛使用的用于构建用户界面的 JS 库。下面给大家介绍一下学习 React 需要了解的一些概念。

2022-06-08 08:03:51

React.js React JS 库

用了模板字面量类型，同事直呼太强了！

假设我们想要定义一种类型来描述 CSS padding 规则，如果你了解 TypeScript 类型别名和联合类型的话，能很容易定义出 CssPadding 类型。

2022-06-08 08:01:28

模板字面量类型

Ahooks 是怎么解决 React 的闭包问题的？

useEffect 接收了两个参数，一个回调函数和一个数组。数组里面就是 useEffect 的依赖，当为 [] 的时候，回调函数只会在组件第一次渲染的时候执行一次。如果有依赖其他项，react 会判断其依赖是否改变，如果改变了就会执行回调函数。

2022-06-08 08:01:20

useEffect 数组函数

有些时候，你也许不需要使用UI框架

对于UI框架，没有万能的，每个UI框架都有自身的优点和缺点，如果你非要找到一个万金油的UI框架，那么我推荐你放弃寻找，自己去构建自己的UI框架。

2022-06-07 17:01:31

Node.js 17 达到 EOL：这意味着什么？

考虑到 Node.js 17 仅在 8 个月前发布，您可能想知道：为什么它已经达到 EOL 了？

2022-06-07 16:21:17

面试官：说一下Java的共享内存模型

2022-06-07 12:03:33

Java 内存模型

进入 SpringBoot2.7，有一个重要的类过期了

进入到 SpringBoot2.7 时代，有小伙伴发现有一个常用的类忽然过期了，在 Spring Security 时代，这个类可太重要了。

2022-06-07 10:39:57

一文彻底搞懂前端沙箱

运行不信任的代码是非常困难的，只依赖软件模块作为沙箱技术，防止不受信任代码用于非正当用途是不得已的决定。

2022-06-07 10:13:22

前端沙箱对象

聊聊 URL、URI、URN 有什么区别？

今天来看看URI、URL、URN 之间的联系和区别。

2022-06-07 09:30:36

如何编写干净的JavaScript代码？

在 JavaScript 中，良好命名的关键不在于最短的变量名，而在于最具描述性的变量名。map、filter等方法都需要一个匿名函数作为参数，在这些情况下，使用箭头函数是最方便和优雅的方式。

2022-06-07 09:30:35

JavaScript 变量名参数

超快微服务：当Microstream遇上Wildfly 译文精选

当我们谈论创建可扩展的应用程序时，微服务已成为一个流行语。但这足够了吗？答案是否定的，与任何软件架构决策一样，它也有一个权衡和几个挑战。对于我们Java开发人员来说，这两种工具的组合使我们的工作更轻松：Microstream和MicroProfile。本文将介绍如何结合Microstream和 Wildfly 来创建一个性能稳定且速度极快的微服务应用程序。

2022-06-07 09:00:00

微服务数据库 Microstrea

过度使用懒加载对 Web 性能的影响

但懒加载的过度使用会给应用性能带来负面影响。所以在这篇文章中，会详述懒加载对性能的影响，来帮助你理解应该何时使用它。

2022-06-07 08:18:49

懒加载 Web 前端

如何使用TSPL和JavaScript打印标签译文精选

本文将简要介绍TSPL语言。我们可以使用诸如TEXT（文本）、BARCODE（条形码）和QRCODE（二维码）之类的TSPL命令构建标签。

2022-06-07 08:00:00

JavaScript 编程语言 TSPL

流程解耦，封装结果集处理器

这一章节的整个功能实现，都在围绕流程的解耦进行处理，将对象的参数解析和结果封装都进行拆解，通过这样的方式来分配各个模块的单一职责，不让一个类的方法承担过多的交叉功能。

2022-06-07 07:58:16

流程解耦封装

进程与线程，你了解多少？

在面试中经常会被问到进程与线程，或者实际开发中经常遇到。那什么是进程？什么是线程？你对他们了解有多少？

2022-06-07 07:37:40

线程进程开发

JVM系列：MinorGC、MajorGC、FullGC垃圾回收

从年轻代空间（包括 Eden 和 Survivor 区域）回收内存被称为 Minor GC，也叫Young GC。因为Java对象大多具备朝生夕死的特征，所以MinorGC非常频繁，一般回收速度也比较快。一般采用复制算法。

2022-06-07 07:10:40

MinorGC MajorGC FullGC

使用 Content-Visibility 优化渲染性能

content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。

2022-06-06 22:36:55

渲染性能 CSS

容器部署和无服务器部署那些事儿

使用无服务器计算，工作负载实际上运行在承载幕后功能的服务器上。但是，服务器不由开发人员管理。更准确地说，是开发人员考虑的事情里面是没有考虑到关于服务器的相关概念。

2022-06-06 15:49:24

容器无服务器 docker

分享五个使用 JSON 相关方法的小技巧

本文介绍一些关于 JavaScript 的 JSON 的一些小技巧，希望对大家有所帮助！

2022-06-06 15:01:16

JavaScript JSON 前端

代码注释的艺术，优秀代码真的不需要注释吗？

注释的起源非常早，我们甚至已经查阅不到注释的由来，但现在任何一种语言，甚至几乎任何一种文本格式都支持各式各样的注释形式。

2022-06-06 12:02:23

代码注释语言

注意避坑，Vue Router 4: 路由参数在 Created或Setup 时不可用

如果你想知道为什么 URL中的查询参数在你的 setup 方法或 created 钩子中无处可寻，但当插入它们时，它们仍然出现在模板中，不要离开，我们来一探究竟。

2022-06-06 12:01:28

Vue Router 4 created

听说 TCC 不支持 OpenFeign？这个坑松哥必须给大家填了！

TCC（Try-Confirm-Cancel）模式就带一点手动的感觉了，它也是两阶段提交的演化，但是和 AT 又不太一样，我们来看下流程。

2022-06-06 10:39:01

OpenFeign TCC 模式

实现一个自定义 React Hook：UseLocalStorageState

最近做需求，需要将数据保存到 localStorage 里，在组件初始化的时候获取，然后修改该值的时候，要保存到本地的 localStorage 中。

2022-06-06 09:28:36

通过KubeVirt让容器和虚拟机一起工作译文精选

尽管许多企业已经部署了Kubernete和容器，但大多数企业也依然保留着虚拟机。这两种环境可能会共存多年，从而造成运营复杂性，并增加时间和基础设施成本。

2022-06-06 09:00:00

Kubernete 容器虚拟机

Algorithms，最全的Python算法仓库

Python的练手项目很多，特别是Github上，建议不管新手、老司机都去看看。这里推荐给大家一个Gitthub上练习的项目，算法仓库-algorithms。

2022-06-06 08:32:26

Algorithms Python Gitthub

Base64 编码原来这么简单，你知道吗？

Base58Check 编码，顾名思义是可以对 Base58 编码进行检查。比如我在传输 qH912cvztx编码时，如果网络异常等各种原因，导致数据错乱或丢失，接收方要能够识别出来数据有问题。

2022-06-06 08:31:05

Base64 编码 Base58

一篇学会 Kvm 虚拟机磁盘使用 Luks 加密

如果标头丢失或损坏，设备将不再可解密。LUKS （Linux Unified Key Setup）为提供了一个标准的磁盘加密格式，使得它不仅兼容性高，能通用于不同的 Linux 发行版本，还支持多用户/口令，并且由于它的加密密钥独立于口令，所以即使口令失密，我们也无需重新加密整个硬盘，只需要及时的改变口令即可重获安全。

2022-06-06 08:00:59

Kvm 虚拟机磁盘

Java 中的超快微服务：当Microstream遇上Open Liberty 译文精选

本文将介绍一个新的数据库使你的微服务在 Java 世界中得以快速扩展！

2022-06-06 08:00:00

数据库微服务 Java

使用Luks2对Ceph Rbd进行加密，你会了吗？

LUKS 有两个版本，LUKS2 具有对标头损坏的弹性等功能，并且默认使用Argon2加密算法，而 LUKS1 使用PBKDF2。LUKS2支持4KB 加密块大小，而QEMU 中的luks1加密以加密单元扇区为 512 字节的加密块粒度工作，效率较低。

2022-06-06 07:56:12

LUKS LUKS2 PBKDF2

Python中值得学习的第三方JSON库

本文我要给大家介绍的第三方json库orjson，在公开的各项基准性能测试中，以数倍至数十倍的性能优势碾压json、ujson、rapidjson、simplejson等其他Python库，且具有诸多额外功能，下面我们就来领略其常用方法吧。

2022-06-06 07:50:55

开发人员不喜欢低代码和无代码的八个理由

低代码和无代码(LC/NC)工具制造商正面临一场艰苦的战斗，试图说服人们，尤其是专业开发人员，使用甚至只是尝试他们的工具和平台。少数平台已经进入这个市场，但大多数软件开发无疑仍然是由编写代码的专业人员完成的。

2022-06-05 23:47:06

开发无代码低代码

上一页 1 ··· 197 198 199 200 201 ··· 550 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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