鸿蒙开发者社区

公众号矩阵

移动端

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

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.8w内容

关注

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

文章博文帖子课程

共 2.8w 条

缩短重构所花时间的三个贴士译文

最近，我不得不处理一个难以维护和扩展的旧代码库。本文介绍我和我的团队如何决定处理维护以及我们为缩短重构时间而实施的最佳实践。

2022-06-28 08:00:00

代码重构测试初创公司

Ahooks 的 UseClickAway 在 React 17 中不工作了，该怎么办？

经常用到的组件挂载以及卸载的 useMount、useUnmount，还有支持自动请求、手动请求、防抖等各种功能请求 useRequest，以及可以将状态同步存取到 localStorage 的 useLocalStorageState。

2022-06-28 07:41:38

useMount React ahooks

哪个版本的JVM最快？译文精选

本文通过使用开源的 Chronicle Queue 的两个线程，彼此交换 256 字节的消息数据，为您比较哪个版本的 JVM 速度最快。

2022-06-28 07:40:54

JVM 线程开源

分享几个常用的 IDEA 插件，每一个都能提高工作效率

平常工作的时候，经常会遇到要通过 JSON 格式的字符串来创建对应的 POJO 类，JSON 简单的时候还可以通过手来敲，但是当 JSON 格式较为复杂的时候，就比较麻烦了，这个时候 GsonFormat 就很好用，只要将 JSON 字符串填到文本窗口内，然后就可以一键生成 POJO 类，并且还可以自动创建内部类。

2022-06-28 07:32:13

JSON 字符串 POJO

远程医疗：优势、前景和现有IT解决方案译文精选

远程医疗是一组用于远程监测患者健康状况和控制其治疗的技术。因此需要使用允许交换医疗信息的电信解决方案和设备。远程医疗还可以包括远程患者监测设备，用于读取患者的生命体征并将其发送给医疗保健专业人士。

2022-06-28 07:28:43

远程医疗 IT 监测

「Spring」认证安全架构指南

本指南并非旨在作为解决最基本问题的手册或秘诀（这些问题还有其他来源），但它对初学者和专家都可能有用。Spring Boot 也经常被引用，因为它为安全应用程序提供了一些默认行为，并且了解它如何与整体架构相适应会很有用。

2022-06-28 07:03:59

架构认证安全

JavaScript框架的四个时代

早在2012年，我开始主要用JavaScript进行编码。我曾为一家本地企业从头到尾做了一个PHP应用，一个基本的CMS和网站，公司决定要重写它并增加一些功能。

2022-06-27 23:31:01

JavaScript 框架开发

让 UI 早点下班，高阶切图技巧！基于单张图片的任意颜色转换！

今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。

2022-06-27 22:03:04

CSS 技巧前端

青蛙跳台阶，能写一个复杂度更低的解法吗？

今天的内容是关于一道算法题—青蛙跳台阶。这是一个面试很喜欢考的题，看到它，大部分人脑海中应该立马出现：斐波那契亚数列—递归—f(n)=f(n-1)+f(n-2)。

2022-06-27 19:19:26

算法题青蛙跳台阶

13 个非常有用的 Python 代码片段，建议收藏！

今天我们主要来介绍应用程序当中的通用 Python 代码片段，一起进步吧。

2022-06-27 19:01:04

Python 应用程序数据

浅谈 Function Programing 编程范式

FP 是 Declarative Programming 的代表，逻辑为用较为抽象的程式码，理解代码想要达到怎样的目标，Function 之间不会互相共用state 状态（着重 what）。而 Imperative Programming (命令式编程)比较容易写出状态互相依赖的代码（着重how）。

2022-06-27 18:30:37

FP 代码编程

为什么会存在 1px 问题？怎么解决？

本文结合了个人的一些理解，重点对其原理及实现进行探讨，希望能对像素相关问题彻底解惑。

2022-06-27 16:12:48

CSS 像素前端

京东PLUS前端H5性能优化实践

随着移动互联网的发展，用户对产品的使用体验要求越来越高。H5 作为业务的重要载体，应用非常广泛，如何把控好 H5 的性能是一门重要的工作。因此 H5 页面性能是一个非常核心的用户体验指标。

2022-06-27 09:48:15

H5 移动互联网页面性能

携程基于 GraphQL 的前端 BFF 服务开发实践

过去两三年，携程度假前端团队一直在实践基于 GraphQL/Node.js 的 BFF (Backend for Frontend) 方案，在度假BU多端产品线中广泛落地。最终该方案不仅有效支撑前端团队面向多端开发 BFF 服务的需要，而且逐步承担更多功能，特别在性能优化等方面带来显著优势。

2022-06-27 09:36:29

携程度假 GraphQL 多端开发

十个用图表解释JavaScript 闭包的面试题

闭包是函数式编程中的核心概念之一，是每个 JavaScript 开发人员必备的知识。在这里，我准备了 10 个关于闭包的面试挑战题，这些基本都是面试中经常被问到的。

2022-06-27 09:14:34

JavaScript 闭包代码

从Go程序第一行代码，到在 K8s 上运行，要经历多少步？

本文的重点，不在于那种语言写的程序，而是先学会应用上到 K8s 的步骤，所以编程部分的演示非常简单，恨不能写一行代码就带你进入后面的 K8s 部署环节，不过要部署咱们得先有个环境，这里不需要你有啥云服务器，电脑上安装就行了。

2022-06-27 08:47:37

漫谈 CSS 方法论

BEM 全称为 Block Element Modifier，分别表示块（Block）、元素（Element）、修饰符（Modifier），它是由 Yandex 团队提出的一种 CSS 命名方法。

2022-06-27 08:47:29

BEM 修饰符元素

聊聊数据溢出的事，你明白几分？

发现这个合法的操作，能更加深入的了解无符号的加法操作。但是这种操作还是要慎重，我的测试环境是IAR7.2，建议大家使用时先测试一下，还是要谨慎的，别因为这个问题"捅了娄子"。

2022-06-27 08:31:29

数据溢出无符号

超 Nice 的表格响应式布局小技巧

仅仅使用 CSS 的话，能否实现让信息在小屏幕下得到了一种不错的展示这样一个有意思的布局呢？答案是可以的。

2022-06-27 08:21:05

面试官：哥们，Go语言互斥锁了解到什么程度了？

初看结构你可能有点懵逼，互斥锁应该是一个复杂东西，怎么就两个字段就可以实现？

2022-06-27 08:07:13

Go 语言互斥锁

妙啊！超酷炫的气泡效果

同一个动画，我们利用一定范围内随机的 animation-duration 和一定范围内随机的 animation-delay，可以有效的构建更为随机的动画效果，让动画更加的自然。

2022-06-27 08:01:55

动画 CSS 前端

深入理解 Happens-Before 原则

happens-before 指的是 Java 内存模型中两项操作的顺序关系。例如说操作 A 先于操作 B，也就是说操作 A 发生在操作 B 之前，操作 A 产生的影响能够被操作 B 观察到。这里的「影响」包括：内存中共享变量的值、发送了消息、调用了方法等。

2022-06-27 08:01:45

Java 内存模型

无代码软件发展简史及未来趋势译文

如今，越来越多的非程序员在构建软件。

2022-06-27 08:00:00

无代码软件编程程序员

为什么 insert 配置 "SELECT LAST_INSERT_ID()" 返回个0呢？

很多类似这样的技术问题，都是来自于小傅哥对源码的学习，最开始是遇到问题的时候去翻看源码，虽然很多时候也很难把整个逻辑捋顺，但一点点的积累确实会让研发人员对技术有更加夯实的认知。

2022-06-27 07:56:36

Mybatis 源码 Spring

聊一聊合并两个排序的链表

当p1节点指向null时，合并后的链表节点就为p2所指向的链表节点；当p2节点指向null时，合并后的链表节点就为p1所指向的链表节点。

2022-06-27 07:50:16

链表节点测试

用了那么久的 Java For 循环，你知道哪种方式效率最高吗？

至于为什么在大数据量的情况下 forEach 的效率要比 for 低，我们就要看下 forEach 的原理了。forEach 其实不是一种新的语法，而是一种 Java 的语法糖。在编译时，编译器会将这段代码转换成迭代器实现，并编译成字节码，我们可以再简单的看个 case，来实际看下字节码信息。

2022-06-27 07:32:00

Java ArrayList 语法糖

React团队最近都在忙啥呢？

在React漫长的发展过程中，除了很多优秀的特性（比如Hooks、Suspense）外，还有很多最终没有落地的想法。

2022-06-27 07:23:20

Java开发的九大工作领域

Java语言简单易用、安全可靠，主要面向Internet编程，具有卓越的通用性、高效性、平台移植性和安全性，广泛应用于PC、数据中心、游戏控制台、科学超级计算机、移动电话和互联网，同时拥有全球最大的开发者专业社群。

2022-06-26 23:31:17

Java 开发语言

Go 语言错误处理为什么更推荐使用 Pkg/Errors 三方库？

本文我们讲述了使用 Go 标准库 errors 进行错误处理的局限性和不足，为了解决它的不足，我们介绍了使用三方库 pkg/errors 替换 Go 标准库 errors，和三方库 pkg/errors 的几个常用方法的使用方式。

2022-06-26 23:03:14

Go 标准库语言

一日一技：二分偏左，二分搜索在分布式系统里面也有用？

假设现在你有10个Redis的单节点用来做分布式缓存。因为某种原因，你不能做集群。当你要搜索一个数据的时候，你要先确定这个数据在不在Redis中。如果在，就直接从Redis中读取数据；如果不在，就先去数据库里面读取，然后缓存到Redis中。

2022-06-26 00:29:26

分布式系统 Redis

一文详解｜增长那些事儿原创精选

判断一个事物是否在增长需要一个外部的参考系，比如判断一个企业是否增长，会判断他在同行里处于怎样的水平，如果远低于同行的其他企业，这样的企业很容易被淘汰。如果远高于同行的其他企业，他将获得越来越多的资源。

2022-06-26 00:18:05

企业产品化变量

手写 Vue3 响应式系统：实现 Computed

我们通过标记是否 dirty 来实现缓存，当 sheduler 执行的时候，说明数据变了，把 dirty 置为 true，重新计算 computed 的值，否则直接拿缓存。

2022-06-26 00:00:02

Vue3 响应式系统

开发一个禁止删除 Namespace 的控制器

准入控制器（Admission Controller）位于 API Server 中，在对象被持久化之前，准入控制器拦截对 API Server 的请求，一般用来做身份验证和授权。其中包含两个特殊的控制器：MutatingAdmissionWebhook 和 ValidatingAdmissionWebhook。

2022-06-26 00:00:01

Namespace 控制器 API

2022 年有哪些流行的技术？

2022 年 6 月 22 日，Stack Overflow 发布了2022 年开发者调查报告。来自 180 个国家/地区的 73,000 多名开发人员回答了这份调查问卷。该报告包含了开发者简介、技术、工作、社区等方面的内容。

2022-06-26 00:00:00

技术开发者编程语言

Web1.0到Web3.0，互联网是如何演进的？译文

万维网是数十亿人用来发布信息、阅读和创造信息，以及通过互联网与他人联系的关键工具。

2022-06-24 17:26:52

EcmaScript 2022 正式发布，有哪些新特性？

在ES2017中，引入了 async 函数和 await 关键字，以简化 Promise 的使用，但是 await 关键字只能在 async 函数内部使用。尝试在异步函数之外使用 await 就会报错：SyntaxError - SyntaxError: await is only valid in async function。

2022-06-24 08:33:13

ECMAScript javaScript

CSS 伪类没有生效？探索 content 属性！

CSS 的 content CSS 属性用于在元素的 ::before 和 ::after 伪元素中插入内容。使用 content 属性插入的内容都是匿名的可替换元素。

2022-06-24 08:01:07

CSS content 元素

一文搞定常考Vue-Router知识点

history模式的url中没有#，看起来也比hash模式更美观，本质是通过传统的路由分发模式，即用户输入一个url时，服务器会接收请求并解析这个URL，然后做出相应的逻辑处理。

2022-06-24 07:15:53

Vue history 模式

code-review之前端代码优化汇总

本文主要针对一些 JavaScript 进行优化，使之更加健壮，可读性更强，更以维护。

2022-06-23 09:57:01

code-revie 前端代码

七个让我们成为更好 Vue 开发者的技巧

在这篇文章中，我将与你分享7个关于Vue3的技巧，希望对你有帮助。

2022-06-23 09:22:57

Vue 技巧前端

效率宝典：10个超实用的React Hooks库

React Use 是一个必不可少的 React Hooks 集合。其包含了传感器、用户界面、动画效果、副作用、生命周期、状态这六大类的Hooks。

2022-06-23 09:04:14

React Hooks 项目

如何结合使用HTML与Htmx并减少JavaScript代码量译文

本文将介绍Htmx以及它如何帮助用户在服务器上重用元素、减少JavaScript代码量，并避免构建。

2022-06-23 09:00:00

JavaScript HTML 应用程序

通过这两个 Hook 回顾 Set/Map 基础知识

ES6 中的 Map 和 Set 两种数据结构，弥补了 JavaScript 之前的一些不足，比如 Object 对象只能是 string 或者 Symbol 类型。另外，提供了某些情况下更便捷的操作方式，比如数组去重，我们可以直接 new Set([...arr])。

2022-06-23 08:01:48

Flask-SocketIO 简单使用指南

如果使用多个进程，则进程使用消息队列服务来协调诸如广播之类的操作。支持的队列是 Redis，RabbitMQ以及 Kombu 软件包支持的任何其他消息队列。

2022-06-23 08:01:36

Flask SocketIO Swift

如何在 Python 中使用 DateTime

在 Python 中，任何与日期和时间有关的事情都由 datetime 模块处理，它将模块进一步分为 5 个不同的类。类只是与对象相对应的数据类型。下图总结了 Python 中的 5 个日期时间类以及常用的属性和示例。

2022-06-23 08:00:53

Python DateTime 模块

如何利用OpenTelemetry识别数据库依赖关系？译文

微服务通过解决几个关键因素，可以帮助组织提高敏捷性，比如提高团队自主性、缩短上市时间、经济高效地扩展负载以及避免应用程序完全中断。

2022-06-23 08:00:00

微服务数据库数据库

手写 Vue3 响应式系统：核心就一个数据结构

不只是 Vue，状态管理库 Mobx 也是基于响应式实现的。那响应式是具体怎么实现的呢？

2022-06-23 07:46:34

Vue Mobx 系统

CSS层级小技巧！如何在滚动时自动添加头部阴影？

只有滚动以后才出现阴影。一般情况下，使用 JS 监听滚动事件动态添加类名就可以实现，不过经过我的一番尝试，发现这种效果仅仅使用 CSS 也能轻易实现。

2022-06-23 06:42:06

Node.js 子线程 Crash 问题的排查

昨天碰到了一个 worker_threads crash 的问题，最终经过阅读源码和调试找到了具体原因。不得不说，阅读源码是解决问题的非常有效的方法。

2022-06-23 06:34:56

Node.js 子线程

用 JavaScript 编写枚举的最有效方法

JavaScript 语言本身不支持枚举。如果我们想模拟枚举，我们可以使用一个对象。

2022-06-22 10:07:07

JavaScript 枚举

上一页 1 ··· 220 221 222 223 224 ··· 576 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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