鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.9w内容

关注

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

文章博文帖子课程

共 2.9w 条

SpringCloud—使用分布式锁实现微服务重复请求控制

考虑到微服务分布式的场景，这里通过使用Redisson分布式锁+自定义注解+AOP的方式来实现后台防止重复请求的功能。

2022-04-14 08:51:49

微服务 Redisson 分布式锁

Vue2剥丝抽茧-响应式系统之NextTick

浏览器中有一个 js 引擎线程执行我们的 js 代码，同时还有一个 GUI 渲染线程来进行绘图，并且两个线程是互斥的，只能交替着进行。

2022-04-14 08:46:46

响应式系统 js

怎样实现一个分布式的公平锁?

对于需要公平的场景，和我们真实生活一样，这里的 FairSync 会通过一个 CLH 队列将请求线程排队。

2022-04-14 07:56:30

公平锁 Java 线程

让交互更加生动！有意思的鼠标跟随 3D 旋转动效

本文，就将讲述如何使用纯 CSS 实现类似的交互效果，以及，借助 JavaScript 绑定鼠标事件，快速还原上述效果。

2022-04-13 21:48:06

CSS JavaScrip 交互效果

聊聊 Vue 3 中使用的函数重载有啥用？

当使用字符串阿宝哥作为参数调用 greet 函数时，将会返回 "Hello, 阿宝哥!"。那么现在问题来了，如果我们希望 greet 函数能同时支持输入用户列表并返回相应的问候列表那该咋办？

2022-04-13 21:07:30

Vue 3 函数重载

Spring事务为什么会失效？

当我们换一种框架来实现时，里面对事务控制的代码就要推倒重写，并不一定能保证替换后的api和之前的api有相同的行为。

2022-04-13 20:53:15

Spring 事务管理

16 图 | Nacos 架构原理①：一条注册请求会经历什么？

本文通过发起一条注册请求，讲解了 Nacos 客户端如何随机选择节点、Nacos Server 如何将请求进行路由转发、Nacos Server 如何存储注册实例。

2022-04-13 18:24:22

Nacos 客户端存储

聊一聊 CSS 实现树状结构目录

如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢?其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦！

2022-04-13 18:01:39

CSS 组件技巧

嵌入式软件Bug从哪来，怎么去

软件开发是个人的任务，但开发前多沟通确认，进行风险评估反馈，减少开发的无用功，也是对开发人员的基本要求。

2022-04-13 09:34:52

软件开发嵌入式软件

如何在 C++ 中确定一个二分图？译文精选

确定一个图形是否是二分图的问题不仅对面试非常重要，也有助于解决现实生活中的问题。比如，在举办足球联赛时，用它来看看哪些球员为哪些组织效过力。这样的例子比比皆是，本文也将就这一问题重点讨论。

2022-04-13 09:30:00

C++二分图图着色

用好 Echart5 绘制地图，让可视化大屏描边酷炫

绘制地图之前，我们先需要明白实现原理是啥样的，然后按照具体的实现步骤，依次实现效果。如果不明白原理，每次完成的都是复制粘贴。

2022-04-13 09:01:53

Echart5 绘制地图

聊聊 SASS 用法指南，你学会了吗？

嵌套的写法是Sass的一大特点，通过嵌套这些代码，可以得到类似HTML结构的CSS代码，使代码更具可读性。

2022-04-13 09:01:45

SASS CSS 处理器

没事最好不要用工厂模式

如果我们还是用工厂模式来实现的话，那每一种都要编写一个工厂类，过多的类会难以维护，那怎么解决呢？

2022-04-13 08:43:46

工厂模式接口解析器

探索Webpack5中的Module Federation

多个独立的构建可以组成一个应用程序，这些独立的构建之间不应该存在依赖关系，因此可以单独开发和部署它们。这通常被称作微前端，但不仅仅限于此。

2022-04-13 08:04:40

项目应用程序代码

77%企业做不好的数据中心网络自动化，到底难在哪里？

自动化可以简化数据中心网络，但在规划、实施和使用数据中心网络自动化时，出现了许多必须克服的挑战。

2022-04-13 08:02:29

数据中心网络自动化

简介Java全栈Web开发框架Hilla 译文精选

Hilla是基于 Vaadin Fusion，结合了响应式 JavaScript 前端和 Spring Java 后端，用于全栈 Web 开发的框架。

2022-04-13 08:00:00

Hilla 开发 Java

设置表格列宽—在富文本编辑器中的实现

之前因为工作上的一些原因，使用的 wangEditor 富文本编辑器的表格(table)功能并不能满足需求，创建的表格只是设置了 width: 100%，列的宽度的自适应的效果非常不美观。

2022-04-13 07:38:50

富文本编辑器设置表格列宽

腾讯二面：现在要你实现一个埋点监控SDK，你会怎么设计？

我们要设计SDK，首先要清楚它的基本使用方法，才知道后面的代码框架要怎么搭；然后是明确SDK的职能范围：需要能处理用户行为、页面性能以及错误报警三类监控；最后是react、vue的项目，通常会做错误边界处理，要怎么接入我们自己的SDK。

2022-04-12 19:41:42

SDK 监控 react

Python之字典常用的方法一

字典是一个无序、可变和有索引的集合。在 Python 中，字典用花括号编写{}，拥有键值对即key和value组成，字典的每个键值对用冒号 : 分割，每个键值对之间用逗号 , 分割。

2022-04-12 14:43:26

Python 字典数据

Vue2剥丝抽茧-响应式系统之异步队列

试想一下如果这里的 console.log 是渲染页面，那改变一次值就刷新一下页面，会造成严重的性能问题，页面也会不停的改变。

2022-04-12 10:05:18

响应式系统异步队列

数据科学家共享代码块的几个新方法译文

共享交互式代码块让您的同事大为惊艳或者发布到社交媒体上。

2022-04-12 09:30:00

共享代码块数据集数据科学家

2022年再不知道前端监控就OUT了

前端监控的第一个步骤就是数据采集，采集的信息包含环境信息、性能信息、异常信息、业务信息。

2022-04-12 09:04:57

前端监控数据采集

下班前几分钟，搞懂这六种 For 循环

for 循环是出现最早，也是应用最普遍的一个遍历，能够满足绝大多数的遍历。可以遍历数组、对象、字符串。

2022-04-12 08:46:30

for 循环遍历字符串

一篇学会回调函数

关于回调函数，我的态度是：回调函数可以使我们的代码更高效且更易于维护，降低耦合。明智地使用它们很重要，否则过度使用回调(函数指针)会使代码难以进行排查和。

2022-04-12 08:30:52

回调函数代码调试

EventEmitter 的核心功能实现

EventEmitter 是 Nodejs 环境下才能使用的库，所以不能直接用于浏览器环境的开发。所以我考虑自己实现一套逻辑，自己定制的话也容易根据实际情况的变动做修改。

2022-04-12 08:09:22

Nodejs 前端面试题

Vue.js设计与实现之watch属性的实现

本文中，讨论了watch函数是如何利用副作用函数和options进行封装实现的，也通过调度函数去控制回调函数的立即执行和执行时机，还可以解决竞态问题。

2022-04-12 08:08:57

watch函数 options 封装

Amazing！巧用 CSS 视差实现酷炫交互动效

本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。

2022-04-12 07:37:08

CSS 滚动视差效果前端

if-else 判断语句过多该如何处理？

当方法内部的if...else越来越多的时候，我们可以通过规则引擎模式来消除这种复杂度，具体实践如下！

2022-04-12 07:32:40

引擎模式 Spring 策略模式

什么？函数类型重载还可以动态生成？

ts 函数重载一共有三种写法：declare function、interface、交叉类型 &。当重载比较多的时候，直接列出来还是比较麻烦的，这时候可以用类型编程来动态生成函数重载。

2022-04-11 19:55:26

函数类型函数重载

前端程序员不可忽略的11个有用的 HTML 属性

在本文中，小编将带您了解 11 个您可能还没有听说过的 HTML 属性。

2022-04-11 14:37:40

前端程序员 HTM

TIOBE四月榜单：MATLAB 即将跌出前 20、Python 继续领跑

TIOBE 于今天公布了 2022 年 4 月的编程语言排行榜。

2022-04-11 13:37:54

编程语言 Python MATLAB

前端架构设计中如何做好技术决策？

今天做了一个关于如何做架构设计的分享，其中有个很重要的问题就是如何更好的做技术决策，我针对我们前端团队整理了5条做技术决策的原则。

2022-04-11 09:15:00

前端开发技术

实现TypeScript中的互斥类型

在TypeScript中它有一个特殊的类型never，它是所有类型的子类型，无法再进行细分，也就意味着除了其本身没有类型可以再分配给它。

2022-04-11 08:42:09

TypeScript 子类型定义

【方向盘】使用IDEA的60+个快捷键分享给你，权为了提效（代码补全篇）

本文继续介绍了IDEA 代码补全相关的快捷键，感受到IDEA在上下文感知的代码完成技术上的强大，希望在编码的过程中，能加快你的进程，提升你的出活效率。

2022-04-11 08:34:27

IDEA 代码补全

聊聊如何优雅的关闭服务？

JVM 只在正常终止的情况下运行关闭钩子。因此，当外部力量突然杀死JVM进程时，JVM将没有机会执行关闭钩子。此外，从Java代码中停止JVM也会产生同样的效果。

2022-04-11 08:17:07

JVM Java 进程

Vue.js设计与实现之六-computed计算属性的实现

计算属性computed其实是一个懒执行的副作用函数，可以通过lazy选项使得副作用函数可以懒执行，被标记为懒执行的副作用函数可以通过手动执行。

2022-04-11 08:03:30

Vue.js computed 计算属性

Python 中的鸭子类型和猴子补丁

鸭子类型(duck typing)在程序设计中是动态类型的一种风格。在这种风格中，一个对象有效的语义，不是由继承自特定的类或实现特定的接口，而是由"当前方法和属性的集合"决定。

2022-04-11 07:51:53

鸭子类型猴子补丁 Python

面试突击：Synchronized有几种用法？

当 synchronized 修饰静态方法时，其作用范围是整个程序，这个锁对于所有调用这个锁的对象都是互斥的。

2022-04-11 07:40:45

synchroniz 静态方法程序

捕获了一只发生概率小于万分之一的Bug，你遇到过吗？

有时候我们对自己写的代码很自信，有时候总以为代码之前能够正常运行，以后也能够正常运行。但往往事与愿违，谁能想到一直“运行良好”的代码中深藏着这样的Bug？

2022-04-11 07:11:28

日志输出代码业务代码

Redis常用数据结构介绍和业务应用场景分析

redis内置了很多常用数据结构，了解这些数据结构的功能和应用场景能够让我们在需求开发时灵活运用来解决实际问题。

2022-04-10 23:38:33

Redis 数据结构开发

快用上PerformanceObserver，别再手动计算首屏时间了

PerformanceObserver 可用于获取性能相关的数据，例如首帧fp、首屏fcp、首次有意义的绘制 fmp等等。

2022-04-10 21:30:24

前端浏览器api

TypeScript 中的类型到底是个啥？

那么在 TypeScript 中，类型到底是什么呢？其实你可以把类型理解成一系列值的集合。比如，你可以把数字类型看作是所有数字的集合，1.0、68 就属于这个集合中，而 “阿宝哥” 就不属于这个集合，因为它属于字符串类型。

2022-04-10 19:26:07

TypeScript 类型语法

美女面试官问我链表的CURD，我彻底懵圈了……

链表是一种物理存储单元上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中的指针链接次序实现的。

2022-04-10 18:10:24

编译TS 代码用TSC 还是Babel？

babel 和 tsc 的编译流程大同小异，都有把源码转换成 AST 的 Parser，都会做语义分析(作用域分析)和 AST 的 transform，最后都会用 Generator(或者 Emitter)把 AST 打印成目标代码并生成 sourcemap。

2022-04-10 16:21:43

tsc babel TypeScrip

前端单测，我们应该测什么？

我们写测试是因为要确保我们的应用程序在用户使用它们时能够正常工作。有些人可能会用测试用例来提高工作流的效率，但我对提高代码信心更有兴趣，即：我们的测试应该能直接增强我们的代码信心。

2022-04-10 11:52:43

前端单测程序

Vue2剥丝抽茧-响应式系统之Set和的Delete

通过为对象收集依赖，将对象、数组的修改、删除也变成响应式的了，同时为用户提供了 set 和 del 方法。

2022-04-10 11:04:40

响应式系统 set delete

一文读懂eBPF | 即时编译(JIT)实现原理

eBPF 使用 JIT 技术来解决执行中间码效率不高的问题。JIT 技术就是在执行中间码前，先把中间码编译成对应的机器码，然后缓存起来，运行时直接通过执行机器码即可。

2022-04-10 10:57:06

eBPF JIT 即时编译

前端知识网络 | 前端布局篇

对于 CSS 的布局，在应用层面，分为三类，居中布局、多列布局、全屏布局。

2022-04-10 10:42:44

CSS 前端前端布局

14条ESLint规则让你的异步代码更优雅

当对可迭代的每个元素执行操作并等待异步任务时，通常表明程序没有充分利用 JavaScript 的事件驱动架构。通过并行执行这些任务，可以大大提高代码的效率。

2022-04-10 10:41:17

ESLint 异步代码

Vue.js设计与实现之五-设计一个完善的响应系统

分支切换导致遗留的副作用函数，可以添加一个集合收集依赖集合，在每次执行副作用函数前将其对应的联系清除，在执行后重新建立联系。

2022-04-09 17:53:56

Vue.js 分支切换嵌套的effect

上一页 1 ··· 237 238 239 240 241 ··· 581 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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