鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

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

有人说“双飞翼布局是玉伯大大提出来的，始于淘宝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

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

对于需要公平的场景，和我们真实生活一样，这里的 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 滚动视差效果前端

上一页 1 ··· 204 205 206 207 208 ··· 548 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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