直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 2024年软考 PMP项目管理软考资讯

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

浏览器缓存库设计总结（localStorage/indexedDB）

本文会介绍一些笔者曾经做过的Web性能优化方案以及浏览器缓存的基本流程,并会着重介绍如何利用浏览器缓存API封装适合自己团队的前端缓存库来极大地提高应用性能,并为公司省钱。

2022-03-24 08:31:25

Web性能优化浏览器缓存 API封装

十行Python代码能做出哪些酷炫的事情？

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

2022-03-23 15:32:38

Python 开发代码

厉害！我带的实习生仅用四步就整合SpringSecurity+JWT实现登录认证！

在 Spring Boot 出现之前，SpringSecurity 的使用场景是被另外一个安全管理框架 Shiro 牢牢霸占的，因为相对于 SpringSecurity 来说，SSM 中整合 Shiro 更加轻量级。Spring Boot 出现后，使这一情况情况大有改观。

2022-03-23 12:45:12

JWT 登录认证

从微服务角度比较Kafka与Chronicle 译文精选

在这篇文章中，我们将针对微服务应用程序的低延迟需求，深入地从吞吐量和可扩展性方面，比较Kafka与Chronicle Queue。

2022-03-23 09:00:00

微服务 Kafka Chronicle

系统性能分析从入门到进阶原创精选

本文以系统为中心, 结合日常工作和用例, 由浅入深地介绍了性能分析的一些方法和体会, 希望对想了解系统性能分析的同学有所帮助。

2022-03-23 08:45:20

系统性能 CPU

一篇带你了解什么是 LFU 算法？

简单来说，就是在 LRU 算法中，不管访问的频率，只要最近访问过，就不会将这个数据淘汰，而在 LFU 算法中，将访问的频率作为权重，只要访问频率越高，该数据就越不会被淘汰，即使该数据很久没有被访问过。

2022-03-23 08:31:25

LRU 算法 JavaScrip LFU 缓存算法

Vuejs高度的改变动画探索：折叠面板Collapse组件的优秀实现方案

如何才能实现元素高度的改变动画效果呢?本篇文章将为大家提供一个基于Vue3的非常简洁的解决方案。

2022-03-23 08:18:38

Vue3 Collapse组件 CSS

寓教于乐，Grid 布局小游戏 Grid Attack

最近我就在寻找有没有可以比较好锻炼 CSS Grid 布局的方式，好好复习一下 Grid 语法。

2022-03-23 08:01:36

CSS Grid 小游戏

我写的 Python 代码，同事都说好

Python 程序员的追求则是 Pythonic，正好在 Python 这门语言中，「隐藏」了特别多方法，可以使代码变得简洁，优雅，与众不同。

2022-03-23 08:01:04

Python 语言代码

Java线程池没用好，系统直接崩溃了...

线程池，简单来说，就是他有一个池子，里面放了一堆的线程，这些线程一般是不会销毁的，他们会一直存在，然后你可以不停的给线程池提交任务。

2022-03-23 07:54:05

Java 线程池系统

前端路由与单页页面实践

本文讲解了路由的核心实现原理，但是结合具体框架后，框架增加了很多特性，如动态路由、路由参数、路由动画等等。

2022-03-22 15:16:50

路由前端路由动画

一篇带给你React Hooks初探

Hook 是 React 16.8 的新增特性，它可以让我们「在不编写class的情况下使用state以及其他的React特性」（比如生命周期）。

2022-03-22 09:09:17

Hook React 前端

CSS样式开发未来的三项技术——SASS、CSS-in-JS和TailwindCSS

当你的 web应用的规模不断增长，样式任务是个问题，需要专业技术，和半成品，帮助快速有效的开发。

2022-03-22 09:07:34

开发 CSS 技术

图文解说JS冒泡排序简单明了快速掌握

一般情况下，称某个排序算法稳定，指的是当待排序序列中有相同的元素时，它们的相对位置在排序前后不会发生改变。

2022-03-22 08:24:10

冒泡排序算法 JS

Sping Security-动态认证用户信息

Spring Security提供了一个UserDetailsService实现类JdbcUserDetailsManager来帮助我们以JDBD的方式对接数据库和Spring Security。

2022-03-22 08:03:22

Spring 动态认证数据库

React+Ts，这样学起来确实简单！！！

俗话说的好：“授人以鱼不如授人以渔”，今天我也不知道自己的是“鱼”还是“渔”，就讲述一下自己这几天学习React语法的忐忑之路。

2022-03-22 08:03:08

React Ts TypeScript

Java多线程并发数据错乱了，接口幂等性如何设计？

如果要是基于数据库表加一个唯一索引，就可以实现接口幂等了，可是如果业务逻辑过于复杂，有很多数据存储，或者涉及很多表，此时就不能单单依赖一个唯一索引了，需要依靠在接口入口处加分布式锁，然后才可以解决复杂接口的幂等性。

2022-03-22 07:57:42

Java 多线程并发

JS中树的查找：通过子节点ID查找所有关联的父节点

树是JS中非常常见的数据结构。知识库目录，侧边栏菜单，字典目录，企业组织架构等都可能会用到树的操作。

2022-03-22 07:51:45

树 JS 父节点

SpringCloud OpenFeign + Nacos正确打开方式！

OpenFeign 是基于 Feign 实现的，是 Spring Cloud 官方提供的注解式调用 REST 接口框架，OpenFeign/Feign 底层是基于 Ribbon 实现负载均衡的。

2022-03-22 07:37:04

Feign Spring Ribbon

几个一看就会的 TypeScript 小技巧

TypeScript 是一门语言，有很多语法，和那些只需要熟悉下 API 的库的层次不太一样，它更灵活，当然也会有很多小技巧。

2022-03-21 21:05:40

TypeScript 语言 API

小心！Objects.equals有坑

我们在使用Objects.equals方法，判断两个值是否相等时，一定要保证两个入参的类型要一致。否则即使两个值相同，但其结果仍然会返回false，这是一个大坑。

2022-03-21 19:24:15

Objects 方法 false

在Java的继承中，你是否有这样的疑惑？

最近在写代码，有两个属性很相近的类，其中80%的属性（字段）都是一样的，剩下的才是各自不一样的，在设计的时候，采用了继承的方式，抽象除了一个父类，大概如下，

2022-03-21 15:11:17

Java 继承初始化

十个常用的JS工具库，80%的项目都在用！

今天就给大家分享一下当前最流行的 js 工具库，如果觉得有用，就把大拇指点亮一下吧。

2022-03-21 14:41:33

前端代码 JS

详解JVM 的垃圾回收算法和垃圾回收器原创精选

为了让这部分动态的内存分配能够进行合理的回收，就需要垃圾回收算法和垃圾回收器来帮忙了。下面让我们进入今天的主题。

2022-03-21 11:33:11

JVM 垃圾回收器垃圾回收算法

17张图带你了解，JVM 运行时数据区原创精选

JVM 会把Java的字节码加载到运行时数据区内，这个内存区域分为：方法区、堆、虚拟机栈、本地方法栈以及程序计数器。

2022-03-21 11:07:43

JVM 内存字节码

关于 HTML5 LocalStorage 的五个不为人知的事实

localStorage API 非常简单，但是很容易忽略有关它们的一些重要细节。关于这个简单的 API，您可能不知道（或可能已经忘记）以下五件事。

2022-03-21 08:32:13

HTML5 API 存储空间

面试突击：为什么创建线程池一定要用ThreadPoolExecutor？

线程池的创建方式总共分为两大类：手动使用 ThreadPoolExecutor 创建线程池和自动使用 Executors 执行器创建线程池的方式。

2022-03-21 07:40:08

线程池 Executors 方式

面试官问道：常见的跨域处理方式有哪些？

我们知道JSONP只支持GET请求，不支持IE10以下的浏览器，且存在安全性问题容易被恶意劫持。而CORS支持所有类型的HTTP请求，是跨域HTTP请求的根本解决方案，实际生产中，使用得比较多的跨域方案是cors和nginx反向代理。

2022-03-21 07:35:34

处理方式跨域

一篇带给你Node.js 的Perf_Hooks

perf_hooks 是 Node.js 中用于收集性能数据的模块，Node.js 本身基于 perf_hooks 提供了性能数据，同时也提供了机制给用户上报性能数据。

2022-03-20 06:40:31

Node.js perf_hooks 性能数据

Redis Cluster集群，当Master宕机，主从切换，客户端报错 Timed Out

一个高并发系统肯定少不了缓存的身影，为了保证缓存服务的高可用，我们通常采用 Redis Cluster 集群模式。

2022-03-19 12:16:49

Redis 高并发系统集群部署

对嵌入式系统进行版本控制的五个技巧

对于嵌入式开发人员来说，一个棘手的话题是如何对他们的嵌入式系统进行版本控制。每个嵌入式系统都有两个需要版本控制的主要系统，硬件和软件，虽然对系统进行版本控制听起来很简单，但在对系统进行版本控制的最佳方式上可能会令人困惑。

2022-03-18 14:08:49

嵌入式开发技巧系统

18 张图 | 一文带你搭建 RocketMQ 源码调试环境

最近在倒腾 RocketMQ 消息队列，小卷了下 RocketMQ 的源码，本篇会带着大家一起看下如何配置好调试源码的环境。

2022-03-18 13:58:00

RocketMQ 消息队列

如何使用Spring Boot 2.x构建Web服务译文精选

想用Spring Boot创建一个Web服务应用程序吗？试试从这个代码结构模板开始吧！开发Web服务应用程序

2022-03-18 09:00:00

开发 Web服务应用程序

聊聊前端数据流选型

在写代码的时候，我的感觉像是在构建一个动画的每一帧(视图)，又要给出每一帧为什么变化(写逻辑，事件)的感觉，逻辑和视图混合在一起，对于整体的把控十分难处理，就像你需要对于整个动画的变化都掌握，抽离了视图和逻辑，逻辑只需要变化数据，视图只需要针对对应的数据变化而已。

2022-03-18 08:57:17

前端数据流选型

如何写出无bug的二分查找

本文介绍了二分查找算法的原理以及常见的实现方式，网上还有很多其他的实现方式，比如：递归的方式、左闭右开的查找范围的方式，它们的原理都是一样的，只是在细节上有差别，只要弄清楚了本文介绍的所有细节处理的原因，其他版本的二分查找是很容易就能弄明白的。

2022-03-18 08:37:12

二分查找算法元素

一篇学会CSS 实现"切角"效果

就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢?

2022-03-17 19:29:04

CSS 切角自适应

你知道这5个微前端的陷阱如何避免吗？译文精选

任何事情都有利弊。微前端是一种新的架构方法，很可能代表了Web开发的未来。同时，它也存在一些陷阱，了解这些陷阱是能够完全解决或避免它们的关键。

2022-03-17 18:26:42

在下一个嵌入式设计中使用人工智能的四个理由

对许多人来说，仅仅提到人工智能就会让人联想到有知觉的机器人与人类交战，虽然这可能有一天会成为人类创造通用人工智能 (AGI) 的真实场景，但更紧迫的问题是嵌入式开发人员是否应该接受在他们的应用中使用人工智能系统。

2022-03-17 10:17:20

开发人工智能机器学习

ThreadLocal的使用及实现原理

ThreadLocal可以用来把实例变量共享成全局变量，让程序中所有的方法都可以访问到该变量。

2022-03-17 08:55:43

本地线程变量共享全局变量

我们一起聊聊如何从容应对复杂性原创精选

软件系统亦是如此，在软件系统的维护过程中。软件的生命力会从最初的集中、有序的排列状态，逐步趋向复杂、无序状态，直到软件不可维护而被迫下线或重构。

2022-03-17 08:54:59

软件系统重构

Spring认证指南：了解如何在 GemFire 中缓存数据

本指南演练了使用阿帕奇大地的数据管理系统，用于缓存应用程序代码中的某些调用。

2022-03-17 08:17:45

Spring GemFire 缓存数据

用Canvas让美女沉浸在音符的海洋里

美女图片仅仅是作为背景使用，所以就不过多的讲述了，直接设置一下background属性即可，下面主要讲述一下音符动画的实现。

2022-03-17 08:04:56

图片 canvas 音符

React Hooks 的原理，有的简单有的不简单

React 支持 class 和 function 两种形式的组件，class 支持 state 属性和生命周期方法，而 function 组件也通过 hooks api 实现了类似的功能。

2022-03-16 22:24:50

React state Hooks

Js中截取字符串的三个方法 substring、substr、slice

substring不支持负值，其他两种方式均支持负数表示，并且是从右边第一位开始计数。substr的第二个参数是长度，这是和其他两种方式最大的不同之处。

2022-03-16 22:21:53

substring substr slice

小推理：React18比老版React更优秀的一个地方

React18已经进入RC(release candidate)阶段，距离正式版只有一步之遥了。相比于老版「并发的React」，新版「并发的React」在render次数上会更有优势。

2022-03-16 17:01:35

React18 并发的React 组件render

纯 CSS 实现三角形的三种方式

CSS 提供了三种出色的方法可以实现基本的形状。本文就来看看如何使用这些方法来实现一个三角形。

2022-03-16 14:27:49

CSS 三角形前端

Spring 注入 Bean 的几种方式，还有谁不会？

我们谈到Spring的时候一定会提到IOC容器、DI依赖注入，Spring通过将一个个类标注为Bean的方法注入到IOC容器中，达到了控制反转的效果。那么我们刚开始接触Bean的时候，一定是使用xml文件，一个一个的注入。

2022-03-16 11:11:37

Spring Bean 项目

React useEffect Hooks 传递不同参数有哪些执行规则和返回方式

在使用了useState或是useEffect这样的hooks之后，每次组件在render的时候都生成了一份本次render的state、function、effects，这些与之前或是之后的render里面的内容都是没有关系的。

2022-03-16 09:17:41

函数 useState render

基于 Observable 构建前端防腐策略原创精选

构建更稳健的前端应用，保证前端在长期迭代下的稳健与可拓展性就变得非常重要。本文将重点介绍如何利用接口防腐策略避免或减少接口变更对前端的影响。

2022-03-16 08:21:34

ToB 策略前端

2022年受瞩目的新特性 CSS @layer 到底是个啥？

本文，将用最简洁的语言，快速让读者们搞懂，到底什么是 CSS @layer 新规范。

2022-03-16 07:33:52

CSS @layer 前端

上一页 1 ··· 150 151 152 153 154 ··· 490 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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