鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.8w内容

关注

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

文章博文帖子课程

共 2.8w 条

22个Vue 源码中的工具函数

在 vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。

2022-07-12 11:05:40

Vue 工具函数源码

11个罕见的JavaScript单行代码，会让你大吃一惊

在今天的文章中，我将与你一起来学习 11 个罕见但功能强大的单行代码。现在，准备好，让我们开始吧！

2022-07-12 10:18:05

JavaScript 单行代码

面试官——什么时候不能使用箭头函数？

我们觉得箭头函数很高级，可以规避 this 的问题，所有的场景下都是用箭头函数。在不能使用的场景下使用了，出现了问题，你还不知道是什么问题，那这不是瞎添乱吗！是不是。

2022-07-12 10:12:37

面试箭头函数前端

如何看待《关于禁止小程序 JavaScript 解释器使用规范要求》？

对于使用解释器的小程序，平台将自 2022 年 7 月 6 日开始在代码审核环节进行驳回，请各位开发者于 7 月 6 日前完成自查、修复。

2022-07-12 09:13:11

解释器代码 JavaScript

有了公平锁，为什么还要有非公平锁？

这篇文章接着来聊一个话题，Java并发包中的公平锁与非公平锁有啥区别？

2022-07-12 08:56:18

公平锁非公平锁 Java

太长了，巧妙地优化了跑马灯

用animation虽然好，但是不能控制跑马灯的长度，即我不想让50个item一起滚动，最好是让只需要出现在屏幕中的item滚动就好了。于是就将滚动改成了item为绝对定位，然后利用transform来改变位置，然后利用transition来实现动画的过渡。

2022-07-12 08:32:17

transition 跑马灯

Xjson 是如何实现四则运算的？

聊聊四则运算是如何实现的，这本身算是一个比较有意思的 feature，虽然用的场景不多。

2022-07-12 08:19:16

XJSON 四则运算场景

Vue3 的 Ref、IsRef、ToRef、ToRefs、ToRaw 详细介绍

Ref、IsRef、ToRef、ToRefs、ToRaw 看着一堆类似的东西，一个头两个大，今天整理一篇文章详细介绍它们的功能及区别。

2022-07-12 08:14:15

聊聊 Kubectl scale 命令的优秀实践

kubectl scale命令通过调整正在运行的容器的数量来立即缩放应用程序。这是增加部署副本数量的最快、最简单的方法，可用于应对服务高峰以及日常维护变更。

2022-07-12 08:00:31

命令 Kubernetes 应用程序

当Python也来进行修图神器，发现是真的蛮好用的呢！！

今天小编来和大家分享一下Python在图像处理当中的具体应用，那既然是图像处理，那必然要提到opencv模块了，该模块支持与计算机视觉和机器学习相关的众多算法，并且应用领域正在日益扩展。

2022-07-11 23:50:30

Python 修图神器机器学习

小程序不让用 JS 解释器？那我再杠一次鹅厂

为什么我们要将 JavaScript 编译成字节码呢？我们的目的是为了绕过微信小程序的代码审核限制，所以我们要想尽办法隐藏两样东西。

2022-07-11 22:53:59

JavaScrip 编译信小程序

圆角大杀器，使用滤镜构建圆角及波浪效果！

本文介绍了一种使用 filter: contrast() 配合 filter: blur() 的方式，将直角图形变为圆角图形的方式，在一些特定的场景下，可能有着妙用。

2022-07-11 21:52:29

CSS 滤镜构建圆角

如何从容器化微服务中受益？

微服务如何从容器化技术中受益? 本文涵盖了运行时选项、安全性、隔离、服务发现等等

2022-07-11 14:53:37

微服务容器 IT

一次线上事故，我顿悟了异步的精髓

在教研课程详情场景里，数据库的资源是固定的，但写操作占据大量数据库资源，导致整个系统的阻塞，但写操作并不是最核心的业务流程，它不应该占用那么多的系统资源。

2022-07-11 13:58:14

数据库业务流程系统

深入讲解 VsCode 各场景高级调试与使用技巧

本文将会以大量图文的方式，从下面几个方面详细介绍VsCode的各种技巧。

2022-07-11 11:58:28

VsCode 技巧前端

五张图带你彻底理解 RocketMQ 轨迹消息

本文主要讲解了 RocketMQ 的轨迹消息实现机制。轨迹消息分为生产端和消费端的轨迹消息，生产端和消费端 RocketMQ 都提供了构造函数来指定是否开启轨迹消息。通过钩子函数，把轨迹消息加入队列，也就是变量 traceContextQueue，而 traceDispatcher 则以 100 条为单位不停地从队列中拉取消息进行组装并发送到 Broker。

2022-07-11 11:06:11

RocketMQ 函数 .消费端

SpringBoot 自定义参数解析器 So Easy!

MultiValueMap 和其他 Map，前者中又分三种情况：MultipartFile、Part 或者其他普通请求，前两者可以处理文件上传，第三个就是普通参数。如果是普通 Map，则直接获取到原始请求参数放到一个 Map 集合中返回即可。

2022-07-11 10:37:41

Map Part 集合

Vue3，用组合编写更好的代码：Async Without Await 模式

当setup函数运行到一个await语句时，它将返回。一旦它返回，该组件就会被挂载，并且应用程序会像往常一样继续执行。任何在await之后定义的响应式，无论是 computed、watcher，还是其他什么，都还没有被初始化。

2022-07-11 10:32:35

Vue3 await 响应式

围绕Vue 3 Composition API构建一个应用程序，包含一些优秀实践！

这篇文章旨在展示一些有趣的方法来利用Composition API，以及如何围绕它来构造一个应用程序。

2022-07-11 10:01:23

Spring Boot快速接入Prometheus监控

对于常见 Java 应用程序基本都是基于 Spring 开发，而 Spring 本身就是封装和继承做到特别好，而对于 Sring 监控也是一样的，也是非常简单，下面我以 SpringBoot 2.x 为例演示下对系统中所有接口以及中间件的监控。

2022-07-11 09:36:38

Spring Java 开发

聊聊 Spring boot 集成 Mybatis，你学会了吗？

mybatis-spring-boot-starter主要有两种解决方案，一种是使用注解解决一切问题，一种是简化后的老传统。

2022-07-11 09:00:37

依赖配置文件 Mybati

2022 年 Vue 的发展如何？

自 Vue 3 发布以来，越来越多的库都接受了 Vue 3 并增加了对它的支持，而其他库正在开发兼容的版本。下面就来看看 2022 年 Vue 生态系统中那些令人兴奋的发展。

2022-07-11 09:00:35

Apollo 太重，最终选择了 Nacos

我们来看看 nacos，首先，它没有将配置中心拆成很多个服务，其次，它的负载均衡方案也比较简单，一个 SLB 就可以搞定。要知道 nacos 同样也维护着与客户端的长连接。

2022-07-11 08:37:41

nacos SLB 长连接

如何通过策略模式简化 if-else?

假设我们要处理一个office文件，分为三种类型 docx、xlsx、pptx，分别表示Word文件、Excel文件、PPT文件，根据文件后缀分别解析。

2022-07-11 08:16:55

策略模式 if-else

面试突击：了解 HTTP 协议吗？

响应报头和请求报头类似，也是以 "name: value" 的形式存在的，每个报头占一行。常见的报头有 Content-Type，它是用于描述响应正文的数据类型的，常见的数据类型有：json 格式的 application/json 和 HTML 格式的 text/html。

2022-07-11 07:10:48

HTTP 协议类型

React：不要动，否则你会被炒鱿鱼

本文我们介绍react与react-dom中神秘的内部变量__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED的作用。

2022-07-11 06:56:00

React react-dom

让我们一起分析 Go 语言逃逸

本文我们介绍 Go 语言逃逸分析，它可以帮助使用者合理分配对象的内存空间。我们知道分配到堆内存空间的对象，会导致 Go 执行垃圾回收，而垃圾回收会占用系统资源，降低应用程序本身可使用的系统资源。

2022-07-10 23:15:46

Go 语言内存

Java8中的LongAdder类，大大提升CAS性能

因为Atomic系列的原子类，无论在并发编程、JDK源码、还是各种开源项目中，都经常用到。而且在Java并发面试中，这一块也属于比较高频的考点，所以还是值得给大家聊一聊。

2022-07-10 22:29:42

Atomic JDK 项目

“低代码”十问，你能回答吗？

随着组织在削减 IT 预算的同时努力跟上数字化的需求，低代码平台的采用将会有所增长。企业创新和业务敏捷性将推动低代码开发，并不意味着能够抛弃开发团队，并不意味着需要更少的代码知识。

2022-07-10 20:51:25

IT 数字化 K8S

解决Java并发可见性问题，Volatile闪亮登场

volatile主要解决的是一个线程修改变量值之后，其他线程立马可以读到最新的值，是解决这个问题的，也就是可见性！

2022-07-10 20:49:57

java Volatile 线程

推荐!从零开发一套基于React的加载动画库

为了减少这部分的时间, 并让加载动画的设计更加简化和易用, 我开发了一款开箱即用的加载动画库 react-loading, 内置了多种风格的加载动画, 开发者可以轻松选择自己需要的动画, 并一键安装到自己的项目中, 简单又轻量。

2022-07-10 20:45:47

React 加载动画库

本地使用 Docker Compose 与 Nestjs 快速构建基于 Dapr 的 Redis 发布/订阅分布式应用

Dapr 是一个可移植的、事件驱动的运行时，它使任何开发人员能够轻松构建出弹性的、无状态和有状态的应用程序，并可运行在云平台或边缘计算中，它同时也支持多种编程语言和开发框架。

2022-07-08 22:23:40

Dapr Redis 分布式

竟然将线程安全讲的如此清新脱俗，谈谈你对线程安全性的理解！

简单来说，就是在多个线程环境下，访问同一个对象时，如果不用考虑这些线程在运行时环境下的调度和交替执行，在不做任何干预的强可选，调用这个对象的行为都可以获得预期的结果，那么这个对象就是线程安全的。

2022-07-08 16:10:55

线程安全对象

写出个灵活的系统竟然可以如此简单！小白也能写出高级的Java业务！

现在业务有变动的话，我只需要改写其中一个组件就可以了。而且组件是可以拿来复用的。之间的顺序也是可以随意切换的。这一切，只需要改规则文件即可。代码是完全不用动的。

2022-07-08 14:35:05

Java 组件 LiteFlow

五种优秀的微服务 Java 框架

微服务更像是一种面向服务的架构，它使任何应用程序都可以封装成小块，而不是创建一个完整的单元。现在许多企业和开发人员都非常乐意采用这种研发框架，这样降低研发的耦合度。主要原因是“降低了同一编程语言的依存关系”！节省了管理成本，提高了研发效率。

2022-07-08 11:19:29

微服务 Java 框架

前端开发中的流程自动化与提效实践

本文从项目初始化选用脚手架开始、样式隔离、lint 规则与 git hook 再到模版工具和自动化版本日志，介绍了本人在开发过程中的一些实践和思考

2022-07-08 11:18:33

前端实践自动化

数据质量动态探查及相关前端实现原创精选

探查主要应用在元数据管理，数据研发，数仓的开发以及数据治理，可为对数据质量有需求的场景提供数据质量的发现和识别能力。本文主要介绍动态探查的应用场景和相关的技术实现。

2022-07-08 10:11:04

探查数据治理数据质量

超酷炫的转场动画？CSS 轻松拿下！

本文就将尝试使用纯 CSS，模拟上述的两个转场动画。

2022-07-08 09:55:54

CSS 转场动画

11个罕见的 JavaScript 单行代码，会让你大吃一惊

在今天的文章中，我将与你一起来学习 11 个罕见但功能强大的单行代码。现在，准备好，让我们开始吧！

2022-07-08 09:53:51

JavaScript 单行代码

有用的 CSS，你学会了吗？

浮动属性本来是为了实现网页中文本环绕图片的效果而引入的一种布局模型。因为其有用的特性而常常用于页面布局（自适应布局）。

2022-07-08 09:27:48

试试动 Go recover 刀子，看看能不能优化错误处理？

这个提案本质上是希望通过在 recover 函数中增加入参控制，再配合内部逻辑实现类似 Go 版本的 try-catch 的错误处理机制模型，且实际在 Go 标准库中有复用的空间。

2022-07-08 08:55:56

Go 函数模型

Vue3，用组合编写更好的代码：动态返回(3/4)

本文将介绍一种向可组合对象添加动态返回的模式。我们将了解何时使用该模式、如何实现它，并查看正在使用的模式的一些示例。

2022-07-08 08:52:25

Vue3 组合动态返回

从实现原理来讲，Nacos 为什么这么强？

Nacos支持基于DNS和RPC的服务发现，即服务消费者可以使用DNS或者HTTP的方式来查找和发现服务。Nacos提供对服务的实时的健康检查，阻止向不健康的主机或者服务实例发送请求。Nacos支持传输层（Ping/TCP）、应用层（HTTP、Mysql）的健康检查。

2022-07-08 08:37:23

Nacos 服务注册动态配置

前端面试题：用 JS 来实现内置的 Bind 方法

今天我们用 JS 来实现内置的 bind 方法。bind 是函数特有的一个方法，可以创建一个绑定了 this 的新函数。

2022-07-08 08:21:26

今天又学了 Spring Boot logging，你学会了吗？

spring boot 内部使用的是 apache 开源的 commons logging 来记录日志的。但是呢，它又提供了基础的日志实现接口，方便向 java util logging、 log4j、logback之类的接入。spring boot 现在已经为 Java util logging 、log4j2、logback 提供了默认的实现。我们如果需要使用的话，只要简单配置就可以了。

2022-07-08 08:17:48

Spring 接口配置

通过流混合改善音频/视频实时流体验译文精选

流混合是一种将多个音频或视频流组合到云上的一个流技术，广泛应用于直播、在线教育、音频室直播等场景。开发人员可以通过播放混合流来查看屏幕并听到聊天室中所有成员的声音，无需管理聊天室中的每个流。

2022-07-08 08:00:00

流混合开发 Web

什么是双因素验证 2FA，如何用 Python 实现？

动态码最常见的实现算法就是 One-Time Password（OTP），是基于时间的一次性密码，它是公认的可靠解决方案，已经写入国际标准 RFC6238。比如我们最常用的 Google Authenticator，就是 OTP。

2022-07-08 07:02:10

Python 动态码 OTP

十行 Python 代码能实现哪些有趣功能？

Python凭借其简洁的代码，赢得了许多开发者的喜爱。因此也就促使了更多开发者用Python开发新的模块，从而形成良性循环，Python可以凭借更加简短的代码实现许多有趣的操作。

2022-07-07 15:50:19

Python 开发功能

Spring Boot 请求路径可以定义成 /**/** 这种格式吗？

PathPattern 专为 Web 应用设计，它与之前的 AntPathMatcher 功能大部分比较类似，当然也有一些细微差异，这个松哥后面会说。

2022-07-07 14:18:43

Spring Web 应用设计

十个写出漂亮JavaScript 代码的样式规则

在本文中，我尝试使用 AirBNB 的 JavaScript 样式指南来分享我在编写好的 JavaScript 代码时必不可少的规则。这些是我的首选，但如果你看一下这个综合风格指南，我相信你会发现一些你还不知道的东西。

2022-07-07 09:19:24

JavaScript 代码样式规则

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

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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