鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

二进制在互联网业务开发中的精妙应用

我们可以通过枚举实现，每个枚举包含2个属性——标识、场景，通过标识来判断活动是否能在该场景中使用。

2022-04-21 08:37:29

应用业务二进制

JS阻塞渲染，这么多年我理解错啦？

JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案例来解释为什么JS阻塞渲染。

2022-04-21 07:52:08

JS线程 GUI渲染

聊聊JDK8的几个方便快捷知识

如果我们要用SQL，那很简单，根据部门分组，如果要是在代码里面呢？就用我们最简单的User来进行分组。

2022-04-21 07:34:34

JDK8 JDK7 数据

Javascript条件逻辑设计重构

以卫语句取代嵌套条件表达式的精髓就是：给某一条分支以特别的重视。如果使用if-then-else结构，你对if分支和else分支的重视是同等的。

2022-04-21 07:20:39

Javascript 重构逻辑

教你如何自定义 Drag 样式.md

拖拽预览图的尺寸是和页面上图片的CSS 尺寸相关联的，也就是说展示的图片越大，拖拽的预览图越大。

2022-04-20 18:22:18

CSS 拖拽预览图

DanceNN：字节自研千亿级规模文件元数据存储系统概述原创精选

当前 DanceNN 已经为公司在线 ByteNAS，离线 HDFS 两大分布式文件系统提供目录树元数据服务。本篇主要介绍在离线大数据场景 HDFS 文件系统下 DanceNN 的应用。

2022-04-20 14:48:20

DanceNN HDFS 分布式

从业务视角谈信息技术与业务的关系精选

本文主题是讨论信息技术与业务的关系，但是为了能够让读者理解这种关系中会提到的很多结论性的内容“为什么是这样”，因此花费了较多篇幅将信息、技术、信息技术做了深入的剖析，在了解了它们的特性和规律的基础上，才能很好地理解信息技术是什么，为什么它会与业务有这样或那样的关系。

2022-04-20 09:27:52

业务视角信息技术关系

Vue.js设计与实现之十三-渲染器的核心功能：挂载与更新02

在Vue.js的事件处理先要解决的问题，就是如何在虚拟节点中描述事件，事件是一种特殊的属性，在vnode.props对象中以字符串on开头的属性都被视作事件。

2022-04-20 09:07:04

Vue.js的事件处理

Dubbo-go-Mesh 开启新一代 Go 微服务形态原创精选

Dubbo-go 目前已支持兼容 Istio 的服务治理能力。支持基于 Istio 的接口级服务发现能力，兼容 Istio 生态的流量控制和管理能力，并且提供了脚手架和应用模板以提高 Go 应用开发效率。

2022-04-20 08:00:53

服务 Istio 脚手架

理清 HTTP 之下的 TCP 流程，让你的 HTTP 水平更上一层

我们平时都是分析 HTTP 请求响应，TCP 对我们来说看不见摸不着的，理解的模模糊糊。所以今天我们用 WireShark 抓了下 TCP 的包，来理清了 TCP 和 HTTP 的关系。

2022-04-20 07:52:01

HTTP TCP WireShark

每个前端同学都可以拥有自己的框架，然后去完善它—Strvejs@3.1.0正式发布

Strve.js@3.1.0是 3.x 正式版本中第一个版本，也是之前 2.x 版本之后的第一次重大升级。算是给自己在 2022 年第一个礼物吧！

2022-04-20 06:56:33

Strve.js 前端

Vue.js设计与实现之十二-渲染器的核心功能：挂载与更新01

在本文中主要讲述了如何实现虚拟DOM节点转成真实DOM树上，最终挂载到挂载点上。讨论了虚拟节点是如何挂载到DOM树，又是如何从DOM树上卸载的，对于属性又是如何在元素上进行设置的。

2022-04-19 23:01:54

Vue.js DOM节点 DOM树

TS 内置工具类型中的 keyof 操作符有啥用？

在 JavaScript 中，我们可以通过 Object.keys 方法来获取对象中的键，返回的是键组成的数组。

2022-04-19 21:05:03

JavaScript 内置工具

选择 npm 包时避免踩坑的五条建议

面对茫茫多的 package，在选择第三方 NPM 包时应该关注些什么？

2022-04-19 11:48:54

开发 npm 踩坑

React + TypeScript：如何处理常见事件？

下面来通过一些简单的 Demo （每个 Demo 后面都有 CodeSandBox 的在线体验地址）看看如何在 React + TypeScrip 中处理常见的事件！

2022-04-19 09:00:52

React TypeScript

通过实例程序验证与优化谈谈网上很多对于Java DCL的一些误解

如果根据 Java 内存模型的定义，不考虑实际 JVM 的实现，那么 getValue 是有可能返回 null 的。但是这个一般都被现在 JVM 设计避免了，这一点我们在实际编程的时候可以不考虑。

2022-04-19 08:47:39

Java 底层内存模型

深入研究“栈”，你学会了吗？

假设main函数在调用sum函数期间，处理器产生了中断，此时程序跳转并执行irq_handler函数，在irq_handler函数中也调用了sum函数，此时sum函数出现被重复调用两次，sum函数中的变量也必须使用局部变量。

2022-04-19 08:28:34

不再需要 Javascript 做的五件事

有些功能用 Javascript 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。这篇文章就从五个例子出发，告诉我们哪些功能不一定非要用Javascript做。

2022-04-19 07:48:16

现代 CSS 解决方案：CSS 数学函数之 Calc

为什么说是被浏览器大规模支持的？因为除了这 4 个目前已经得到大规模支持的数学函数外，其实规范 CSS Values and Units Module Level 4 已经定义了诸如三角函数相关 sin()、cos()、tan() 等，指数函数相关 pow()、sqrt() 等等数学函数。

2022-04-19 06:27:13

CSS 数学函数 calc

快速理解 TypeScript 的逆变和协变

TypeScript 给 JavaScript 添加了一套静态类型系统，是为了保证类型安全的，也就是保证变量只能赋同类型的值，对象只能访问它有的属性、方法。

2022-04-18 20:12:03

TypeScript 静态类型 JavaScrip

都 2022 年了，手动搭建 React 开发环境很难吗？

作为一名前端工程师，总是用一些脚手架来快速搭建新项目的基本结构，因此今天尝试着一步步搭建一个 React 的项目环境，看看需要处理哪些问题，查漏补缺！

2022-04-18 17:28:14

实体类不要再用Date了，JDK8有新的时间

我们在之前使用JDK7创建时间的时候，很多时候都选择的时比较老版本的 Date、Calendar 以及 SimpleDateFormatter 等等，而我们接下来要使用的，就是 JDK8 中的日期，用来替换掉之前使用的。

2022-04-18 09:54:37

JDK8 日期前端

一篇带给你 React 18 全览

在过去一年，我们已经或多或少了解到一些 React 18 的新功能。这篇文章我会通过丰富的示例，向大家系统的介绍 React 18 带来的改变。

2022-04-18 08:57:32

React 18 前端

回调函数在命令解析中的应用

这篇文章主要讲解回调函数在命令解析中的应用，一般命令中都会有功能码，用于区分这条命令到底执行的什么动作，命令字后面的数据的意义。在这种场景中，使用回调函数是一个不错的选择。

2022-04-18 08:34:29

回调函数命令解析

Vue.js设计与实现之十一-渲染器的设计

在本文中，我们了解到渲染器的作用和实现，知道其是将虚拟DOM转为真实DOM挂载到节点上，在进行节点更新的时候是通过patch实现的。为了实现跨平台渲染，那么就需要用户通过自定义配置项渲染器，从而实现DOM的渲染挂载。

2022-04-18 08:09:44

渲染器 DOM挂载 Vue.js

圣杯布局和双飞翼布局，你更喜欢那个布局？

有人说“双飞翼布局是玉伯大大提出来的，始于淘宝UED”，其效果和圣杯布局一样，只是它把三栏布局比作一只鸟，中间内容部分分为三部分，左翅膀、中间、右翅膀。

2022-04-18 07:53:26

圣杯布局双飞翼布局淘宝

Spring Security的配置机制早就变了，你发现了吗？

本篇东西非常重要，不是马上就能掌握的，需要有些耐心，需要在使用和学习中总结和发现。

2022-04-18 07:42:31

配置机制 Spring

面试突击：线程休眠的方法有几种？

Thread.sleep 和 TimeUnit 是让线程休眠并在一段时间后自动唤醒，而 wait、Condition、LockSupport 提供了休眠和唤醒线程的方法。

2022-04-18 07:36:37

TimeUnit 线程休眠

一段代码，告诉你什么是装饰器、可调用类、自定义运算符、函数式编程

__call__ 当一个实例/对象被当作函数调用时，这个函数会自动调用，比如 my_f = F() ，那么 my_f(*args,**kwargs) 时就会调用这个函数。这里 __call__ 返回的是一个函数，因此可以推断出 self.f 是一个可调用的函数。

2022-04-18 07:14:30

函数式编程装饰器可调用类

从二叉堆进阶到堆排序与优先队列，前端大佬都这样学...

当遇到二叉堆的时候，我们应该学会如何构建一个大根堆（小根堆），这个时候就涉及到加堆和减堆的过程，下面让从加堆和减堆开始，从而使我们能够丝滑般的了解整个二叉堆的构建过程。

2022-04-18 07:01:36

二叉堆大根堆小根堆

仅知道键和值的类型，如何定义 TS 对象类型？

这里我们可以实现一个 calculateSalary 函数来计算他们的薪资，计算逻辑实现起来很简单。但问题来了，在 TS 中如何定义该函数参数的类型呢?

2022-04-17 10:29:10

TS TypeScript 对象类型

Cookie的SameSite了解吧，那SameParty呢？

对三方cookie的限制一是为了浏览器安全，但在国外推动的更重要原因是个人的隐私安全。但不论是出于什么目的，这种改变都会对当前的业务架构造成很大的影响。

2022-04-17 09:56:41

cookie same-party

Vue.js设计与实现之十-原始类型的响应式代理

在本文中主要介绍了如何将原始值转为响应式数据，如何解决响应式丢失的问题，如何减少用户心智负担实现自动脱ref的能力等。

2022-04-17 09:18:11

响应式数据 Vue.js

React Hooks 的实现必须依赖 Fiber 么？

现在，不止 react 中实现了 hooks，在 preact、react ssr、midway 等框架中也实现了这个特性，它们的实现就是不依赖 fiber 的。

2022-04-16 20:10:00

React Hook fiber 框架

Vue.js设计与实现之九-Object对象类型的响应式代理

这篇文章介绍了Proxy如何实现对Object对象的代理，分别对代理对象的设值、取值、删除属性等操作进行了介绍。还讨论了，如何合理触发副作用函数重新执行，以及屏蔽由原型更新引起的副作用函数不必要的重新执行。

2022-04-16 13:59:34

Vue.js Javascript

CSS 状态管理，玩出花了！

本文介绍CSS用于交互的方式，一起来看看例子，CSS真好玩！希望本文讲解的思路对大家有所帮助！

2022-04-16 12:38:39

十款Web前端开发富文本编辑器，你知道用过几款

现在富文本编辑器还是很多，不同的富文本编辑器的用法还是有差别，但是掌握几种富文本编辑器还是很有必要的，说不定那个项目就需要用上。

2022-04-15 14:44:10

编辑器前端富文本

不可错过的实用前端工具，你知道几个？

UI Snippets 是一个前端动画合集，可以通过右键点击想要的动画直接复制对应的 CSS 或 SCSS 代码。

2022-04-15 09:01:18

前端工具 UTF8编码

使用Lombok的@Builder注解实现构造器模式译文精选

在这篇文章中，我们将列出一些用Lombok的@Builder注解实现构建器的例子，从而提高其可用性。

2022-04-15 08:30:00

Lombok @Builde 构建器

Spring国际认证指南｜使用JQuery 使用 RESTful Web 服务

本指南将引导您编写一个使用基于 Spring MVC 的RESTful Web 服务的简单 jQuery 客户端。

2022-04-15 08:25:00

Spring jQuery 客户端

40行代码实现React核心Diff算法

今天，我们换一种一劳永逸的学习方法 —— 实现React的核心Diff算法。

2022-04-15 08:07:21

React Diff算法

Android内卡挂载之FUSE文件系统原创

FUSE(Filesystem in Userspace)，是一种用户空间文件系统。用户可以通过FUSE文件系统操作内卡。FUSE主要实现代码位于用户空间中，而不需要重新编译到内核，用户空间开发者可以通过FUSE的接口直接访问内核空间，不需要了解文件系统的内幕和内核模块编程的知识，这给用户空间开发者带来了众多便利。

2022-04-15 08:00:00

FUSE 开发 Android

如何用原型链的方式实现一个 JS 继承？

JavaScript 中，每当创建一个对象，都会给这个对象提供一个内置对象 [[Prototype]] 。这个对象就是原型对象，[[Prototype]] 的层层嵌套就形成了原型链。

2022-04-14 20:43:24

JavaScript 原型链

ObjectMapper，别再像个傻子一样一直New了！

由于ObjectMapper有很多的特性需要配置，你可能会为不同的应用场景分配一个单独使用的ObjectMapper。总之，它的数量不需要太多，因为它是线程安全的。

2022-04-14 19:39:39

Java 线程安全

Vue.js设计与实现-Proxy和Reflect

我们可以看到打印的receiver并不等于state对象。这是因为get方法的第三个参数receiver，可以传递对象get调用者指向，即可以正确传递上下文。

2022-04-14 09:35:03

Vue.js 设计 Reflect

平台维护团队要面对的主要挑战是什么？译文精选

随着平台维护复杂性的增加，平台维护团队越来越依赖不同的工具和工具集来完成维护任务。然而，如何对这些工具进行有效管理，是平台维护团队面临的新挑战。

2022-04-14 09:30:00

平台维护工具工具集

React 中的浅比较是如何工作的？

如果任何两个key对应的值是不相等的，那两个对象肯定就是不相等的，因此直接人会false，结束循环。如果所有的值都是相等的，就返回 true。

2022-04-14 09:01:39

React 源码 Flow

你不知道的 CSS 父选择器

在CSS中，我们无法根据元素中是否存在特定的元素来设置父元素的样式，要想实现这一点，就必须创建CSS类，并根据需要进行类的切换。

2022-04-14 09:01:19

CSS 父选择器 CSS类

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

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

2022-04-14 08:51:49

微服务 Redisson 分布式锁

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

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

2022-04-14 08:46:46

响应式系统 js

上一页 1 ··· 200 201 202 203 204 ··· 544 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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