开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

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

精品班厂商认证 IT技术 2023年软考 PMP项目管理

在线学习企业服务

CTO训练营技术经理研习营 LeaTech峰会

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

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

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

文章博文帖子课程

共 2.0w 条

巧用 Transition 实现短视频 APP 点赞动画

本文，就将巧妙的借助 Transition，仅仅使用 CSS 完成这么一个点赞动画。

2022-08-11 09:30:52

八个鲜为人知但很实用的Web API

Audio API 允许我们在 Web 上操作音频流，它可以用于 Web 上的音频源添加效果和过滤器。音频源可以来自<audio>、视频/音频源文件或音频网络流。

2022-08-11 09:00:31

TestOps完全手册：工作流、生命周期、团队和流程译文精选

本文将和您讨论TestOps的相关概念、工作流，以及生命周期中每个阶段所涉及到的团队、目标、指标、挑战和工具等方面。

2022-08-11 09:00:00

TestOps 软件开发测试

用 CSS 新特性直接实现虚拟列表？JS 往后稍稍

最近在业务中实际使用 content-visibility 进了一些渲染性能的优化。这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。

2022-08-10 16:52:06

不要在 Python 中使用循环，这些方法其实更棒！

我们知道在 Python 中使用循环速度是很慢，如果你正在处理类似的情况，那该怎么办呢？

2022-08-10 14:36:05

Python 循环函数

TIOBE 8 月编程语言排行榜：没有一门语言能比得上它！

据 8 月最新 TIOBE 榜单显示，脚本语言 Python 相比上个月增加了 2%，市场份额达到 15.42，创下了历史新高。

2022-08-10 14:23:42

编程语言 Python Go

17种面试前你需要知道的JavaScript 数组方法

本文的重点是强调我选择在 JavaScript 中进行评估的主要原因之一：原生数组方法。在本文中，我将创建一个快速备忘录，以帮助您和我在未来的测试中取得好成绩。

2022-08-10 12:02:52

面试 JavaScript

你需要知道的TypeScript高级类型

所谓高级类型，是 TypeScript 为了保证语言的灵活性，所使用的一些语言特性。这些特性有助于我们应对复杂多变的开发场景。

2022-08-10 09:03:35

TypeScript 前端

Hooks时代，如何写出高质量的react和vue组件？

在比较了两个框架的异同后，我总结出了一套通用的hooks api的抽象方式，在这里分享给大家。如果您有不同意见欢迎在评论区指正。

2022-08-09 13:22:26

Hooks react vue

Vitest：替代 Jest 的前端测试工具新选择

这篇文章中笔者会给大家介绍一下 vitest 这一测试框架，以及从 jest 到 vitest 迁移过程中的一些踩坑记录，希望能有所帮助。

2022-08-09 13:08:27

Vitest Jest 前端

Vue的递归组件：渲染嵌套评论

我们来看看在Vue中如何使用递归组件来管理树状结构的数据。在介绍 Vue 中递归组件之前，我们先回顾一下什么是递归。

2022-08-09 11:46:58

Vue 递归组件

使用 Vite 和 TypeScript 带你从零打造一个属于自己的 Vue3 组件库

本文将使用Vue3和TypeScript来编写一个组件库，使用Vite+Vue3来对这个组件库中的组件进行调试，最后使用vite来对组件库进行打包并且发布到npm上。最终的产物是一个名为kitty-ui的组件库。

2022-08-09 10:00:57

Vite TypeScrip Vue3

如何像高级 JavaScript 开发人员一样为一般流程编写高阶函数

我们知道函数是解决问题的基本单位。但在现实世界中，一些原有的功能并不能完全解决问题。这时候，我们需要扩展我们现有的代码。

2022-08-09 09:38:29

JavaScript 函数

Stream流原理与用法总结，你学会了吗？

整个Stream处理过程上看可以分为三段：创建流、中间操作、最终操作，即多个元素值通过流计算最终获取到求和的结果。

2022-08-09 08:25:44

Stream 创建流流计算

RocketMQ 的 Push 消费方式实现的太聪明了

push，顾名思义，就是推的意思。就是当MQ收到生产者产生的消息的时候，会主动将消息推送到消费者进行消费，这种模式就叫push，也就是MQ将消息推给到消费者的意思。

2022-08-09 08:18:19

RocketMQ push 消费

震惊！用Python探索《红楼梦》的人物关系！

相信很多人都知道，《红楼梦》就是中国古典小说的巅峰之作，太多人沉迷其中，而红学也经久不衰。当然今天我们不是来探究小说的，而是通过 Python 来探索下红楼梦里那千丝万缕的人物关系。

2022-08-09 08:02:36

Python 人物关系红楼梦

那些年你啃过的ConcurrentHashMap

JDK1.8这里的红黑树，准确的来说是一个TreeBin代理类，它作为红黑树的具体实现起存储作用，而TreeNode是封装红黑树的数据结构，所以你可以理解TreeBin就是封装TreeNode的一个容器。

2022-08-09 07:37:40

对象并发容器

Umd 的包如何导出 TS 类型

现在 TypeScript 的模块都是 es module 的方式引入的，但有一些包是支持 umd 的，它们可能用各种方式引入模块，为了实现 umd 模块的类型检查，可以用 declare global 把导出的变量变为全局的。

2022-08-08 23:49:01

TypeScript umd 模块

手写Flexible.js的原理实现，我终于明白移动端多端适配

今天在看阿里的面试题时，看到这样一道面试题，问Flexible.js的原理是什么？简单的一句概括就是：Flexible.js帮我们计算出1rem 等于多少px。

2022-08-08 20:18:51

flexible.j 移动端的适配

聊聊 Spring 事务控制策略以及 @Transactional 失效问题避坑

JAVA中很多项目现在都是基于Spring框架进行构建的。得益于 Spring框架的封装，业务代码中进行事务控制操作起来也很简单，直接加个 @Transactional注解即可，大大简化了对业务代码的侵入性。那么对 @Transactional事务注解了解的够全面吗？知道有哪些场景可能会导致 @Transactional注解并不会如你预期的方式生效吗？

2022-08-08 17:38:45

Spring 策略事务

写给 Java 程序员的前端 Promise 教程

小伙伴们知道，松哥最近在录 TienChin 项目，用的 RuoYi-Vue 脚手架，前端关于网络请求的地方，很多都涉及到了 Promise，为了让小伙伴们能更好的理解前端代码，咱们抽空整一篇文章和大家聊聊整个 Promise。

2022-08-08 15:45:44

Java Promise 前端

“整洁架构” 和商家前端的重构之路

整洁架构把应用划分成了 entities、use cases、interface adapters (MVC、MVP 等)、Web/DB 等至少四层。这套架构除了分层之外，在层与层之间还有一个非常明确的依赖关系，外层的逻辑依赖内层的逻辑。

2022-08-08 13:24:28

整洁架构架构前端

程序员不得不知道的 API 接口常识

本文就不用 PPT 教案上的那种官方腔介绍 API 接口是个什么概念了，比较希望用一种聊天的方式和大家分享下现有的一丁丁和 API 相关的小心得。

2022-08-08 11:13:35

API 接口前端

写给 Java 程序员的前端 Promise 教程，你学会了吗？

Promise 从字面上理解，就是承诺，承诺将来在某一个时间会做某一件事。通过 Promise 我们可以将异步任务执行的代码和处理的代码完全分离开。

2022-08-08 10:45:49

Promise Java 脚手架

尝试一下使用 Vitest 进行组件测试，确实很香

使用 Vitest 对我们的应用程序进行单元测试是无缝的，与Jest等替代品相比，需要更少的步骤来启动和运行。Vitest 还可以很容易地将现有的测试从 Jest 迁移到Vitest，而不需要进行额外的配置。

2022-08-08 10:09:08

Vitest 单元测试

JavaScript大神：我们能对 JavaScript 做的最好事情就是让它退役!

JavaScript各种各样的问题大家应该深有体会了，但是今年Stackoverflow的调查显示，使用JavaScript的程序员高达65%，远超其他语言，雄踞第一。

2022-08-08 10:05:30

JavaScript 程序员网页

掌握 TypeScript 中的映射类型

在 TypeScript 中，映射类型可以帮助我们避免编写重复的代码，它可以根据现有类型和定义的一些规则来创建新类型。下面就来看一下什么是映射类型以及如何构建自己的映射类型。

2022-08-08 09:00:42

TypeScript 映射类型

搞清楚 Go Mod的版本和伪版本，下次别乱用了

Go Module 告诉我某个包在原来的版本的模块里，不在你声明的版本里… 。后来花了挺长时间对比才发现原来使用的版本并没有合并到主干分支上。

2022-08-08 08:48:15

Go 版本伪版本

开箱即用的前端图片压缩方案

前端实现图片压缩无非就是在用户上传图片文件后, 将file转换成image对象，然后再利用canvas 及其 api 将图片压缩成指定体积。

2022-08-08 08:29:55

图片压缩前端互联网

类隔离自定义类加载器实现，你学会了吗？

本文分享的方式是从类加载器方向出发，实现最终的类隔离，避免了不同模块间不同类的冲突，其中顺便也简单带过了jvm类加载相关的知识点，也算是一劳多得。

2022-08-08 08:17:43

类隔离加载器自定义类

Java 中为什么不全部使用 Static 方法？

在日常生活或编程中，简单的问题可以用面向过程的思路来解决，直接有效。但是当问题的规模变得更大时，用面向过程的思想是远远不够的。所以慢慢就出现了面向对象的编程思想。

2022-08-08 08:04:17

Java static 编程

SpringBoot 自动装配的原理分析

关于 SpringBoot 的自动装配功能，相信是每一个 Java 程序员天天都会用到的一个功能，但是它究竟是如何实现的呢？今天阿粉来带大家看一下。

2022-08-08 07:33:11

自动装配 Java 容器

Go 语言使用 goroutine 运行闭包的“坑”

本文我们介绍了在 for ... range ... 中，Go 语言在每次迭代时，没有定义一个新变量，导致使用 goroutine 运行闭包时，经常会掉“坑”。

2022-08-08 06:50:06

Go 语言闭包

如何追踪 JS 对象是否被 GC

我们通常会使用 V8 自带的堆快照来判断某些变量的内存是否没有得到正确的回收，这是一种非常有效的手段，因为我们在堆快照中可以实时看到当前所有 JS 对象的存活情况。

2022-08-08 06:48:56

JS 语言对象

如何最简单、通俗地理解Python模块？

说简单点，Python模块就是带.py后缀的可执行文件，用来重复调用变量和函数。

2022-08-07 23:52:10

Python 模块数据分析

TypeScript 编译性能优化：Project Reference

TypeScript 3.0 时实现了 Project Reference 来优化性能。如果项目下有一些相对独立的模块，别的模块的变动不影响它，但是它却要跟着重新编译一次，这时就可以用 Project Reference 来优化了。

2022-08-07 21:52:05

TypeScript 编译性能优化

京东APP OpenHarmony 化的跨端开发探索

综合来看，京东App适配 OpenHarmony 涉及的团队和业务都非常多，适配难度也非常大。

2022-08-06 08:34:04

京东App 适配技术栈

11个 ES2022（ES13)中惊人的 JavaScript 新特性

让我们探索 ECMAScript 2022 (ES13) 中添加的最新功能，并查看它们的使用示例以便我们更好地理解它们。

2022-08-05 13:14:25

ES2022 JavaScript 代码

你需要知道的 TCP 四次挥手

和 TCP 三次握手不同。TCP 关闭连接的挥手足足有四次。这是因为第二次挥手和第三次挥手之间可能有一些服务端需要发送的处理比较慢的数据要返回，所以没有将这两次挥手合并。

2022-08-05 11:03:59

TCP 四次挥手三次握手

2022年值得推荐的React库！

Redux 是 JavaScript 应用程序的状态容器，提供可预测的状态管理。React Redux 是 Redux 官方实现的 React 绑定。可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。

2022-08-05 09:25:27

React库 JavaScript 工具

大文件上传时如何做到秒传？

在实现分片上传的过程，需要前端和后端配合，比如前后端的上传块号的文件大小，前后端必须得要一致，否则上传就会有问题。其次文件相关操作正常都是要搭建一个文件服务器的，比如使用fastdfs、hdfs等。

2022-08-05 08:40:37

聊聊 13 种锁的实现方式

分布式系统时代，线程并发，资源抢占，"锁" 慢慢变得很重要。那么常见的锁都有哪些？今天Tom哥就和大家简单聊聊这个话题。

2022-08-05 08:27:05

锁分布式系统线程并发

元宇宙将如何改变教育？

元宇宙在教育领域的应用将如何发展，教育领域又需要元宇宙带来哪些潜在变革，随着时间的进程，教育领域在元宇宙的未来，我们可以共同期待。

2022-08-04 18:58:12

元宇宙教育变革

快速了解Navigator API SetAppBadge

现在的navigator早已不是以前的navigator了，印象中的navigator通常用于获取设备的信息，浏览器发展这么多年，现在navigator也赋予了很多原生底层的能力，比如今天要讲到的设置应用图标徽章的能力。

2022-08-04 18:50:12

Navigator 浏览器设备

一文掌握 vue3.2 setup 语法糖

在 Vue3.0 中变量必须 return 出来，template中才能使用；而在 Vue3.2 中只需要在 script 标签上加上 setup 属性，无需 return，template 便可直接使用，非常的香啊！

2022-08-04 14:38:49

vue3.2 setup 代码

关于栈迁移的那些事儿

在笔者看来栈迁移的原理其实可以总结为一句话：因为栈溢出字节过少所以劫持rsp寄存器指向攻击者提前布置好payload的内存地址，已达到扩充溢出字节数的目的。

2022-08-04 10:18:32

栈迁移寄存器内存

如何提高 TypeScript 的代码质量？

Typescript 是 Microsoft 开发的一种编程语言，旨在为 Javascript 语言带来严格的类型检查和类型安全方面的安全性。下面就来看看如何通过设置编译选项来提高 Typescript 代码的质量。

2022-08-04 09:01:45

TypeScript Microsoft

一篇带给你 React.memo 如何使用？

React.memo 是一个高阶组件。所谓高阶组件，其实指的就是一个接收组件并返回一个组件的函数。起名参考了高阶函数，但确实花里胡哨了一些。

2022-08-04 08:17:27

React 高阶组件

如何创建一个无代码的自助客户聊天机器人译文精选

本文将向您介绍如何使用来自Infobip的Answers平台的低代码和无代码解决方案，去构建智能化聊天机器人，并处理客户的各种问题与服务请求。

2022-08-04 07:03:41

Answers Infobip 无代码

妙不可言！纯 CSS 实现拼图游戏

本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。

2022-08-04 06:57:54

CSS 拼图游戏

上一页 1 ··· 41 42 43 44 45 ··· 404 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客开源基础软件社区

教育

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