前端相关文章 - 探索编程世界，技能提升从这里开始 - 乐闻世界

探索精选标签技术文章教程中心面试宝典问题集锦热门资源工具中心

搜索文章和话题

React 发布订阅模式最佳实践：借助 mitt 实现组件解耦
发布订阅（Pub/Sub）模式是一种常见的设计模式，用于解耦组件之间的通信。在React中，组件间通信通常通过props或Context实现，但当应用复杂时，使用事件总线（EventBus）会更加灵活。mitt是一个轻量级的事件库，非常适合实现发布订阅模式。什么是mitt？mitt是一个极简的事件发射器（eventemitter），体积小（不到200字节），API简单，支持TypeScript。它
React 前端
- 乐闻 · 前端 · 阅读 824 · 1月10日 14:05
为什么 Vue.js 的 data 属性必须是一个函数？
在前端开发中，Vue.js简洁易用的设计和强大的功能深受开发者喜爱，然而，对于刚接触Vue.js的开发者来说，有些设计理念可能并不直观。例如，为什么在Vue组件中，data属性需要定义为一个返回对象的函数，而不是直接定义为一个对象？本文将通过深入探讨这个问题，帮助你理解背后的设计逻辑和技术考量。初识data属性在Vue组件中，我们通过data属性来定义组件的状态（状态即我们所说的数据）。最初始的想
Vue3
- 乐闻 · 前端 · 阅读 2194 · 2024年12月7日 23:32
前端 UMD格式是如何工作的
在前端开发中，我们经常会遇到各种各样的模块格式，比如CommonJS、AMD和ES6模块。不同的模块格式在不同的环境下有不同的适用场景和优势。今天我们要聊的是一种可以兼容多种模块系统的格式——UMD（UniversalModuleDefinition，通用模块定义）。UMD格式的出现解决了不同模块系统之间的兼容性问题，让我们的代码能更好地复用。接下来，我们将通俗易懂地解释UMD格式是如何工作的。
前端
- 乐闻 · 前端 · 阅读 3055 · 2024年12月7日 23:15
dayjs/moment.js 如何判断用户生日是不是在30天内？
要使用dayjs判断用户的生日是否在未来30天内，你可以使用以下步骤：安装dayjs以及isSameOrBefore插件。导入dayjs和插件。定义函数来判断用户生日是否在未来30天内。这里有一个示例代码来演示这个过程：//1.安装dayjs和插件//npminstalldayjs//npminstalldayjs-plugin-isSameOrBefore//2.导入dayjs和插件constd
JavaScript
- 乐闻 · 前端 · 阅读 2404 · 2024年8月28日 00:17
Flutter 设置 Lottie 动画的详细教程
Lottie是一个流行的库，可以让你在移动应用中轻松添加高质量的动画。它支持Android、iOS、Web以及其他多个平台，因此非常适合跨平台框架Flutter。在这篇教程中，将简要介绍如何在Flutter应用中使用Lottie动画。什么是Lottie?Lottie是Airbnb设计的一个库，可以帮助开发者轻松添加动画到任何应用。Lottie动画是基于JSON文件的，这些JSON文件通过Adob
Flutter Lottie
- 乐闻 · 前端 · 阅读 3365 · 2024年7月17日 12:57
如何从PNPM迁移到Bun
在近几年的前端领域，包管理工具的变化层出不穷，从npm、yarn到pnpm，每一种工具都在尝试解决前端开发中的依赖管理问题。最近，一个新的JavaScript运行环境和包管理工具——Bun，引起了广泛关注。Bun不仅仅是一个包管理器，还是一个运行环境，它的性能和效率得到了许多开发者的认可。1.Bun特性介绍在迁移之前，你需要先了解Bun的基本特性。Bun目的是提供超高性能的JavaScript
PNPM Bun
- 乐闻 · 前端 · 阅读 2780 · 2024年7月17日 11:30
PNPM Workspace - 如何高效优雅的管理 Monorepo 项目
在现代的软件开发中，Monorepo（单仓库）模式越来越受到青睐。Monorepo允许你将多个项目置于同一个版本控制系统中管理，简化了很多项目间依赖和协调的工作。然而，Monorepo管理也并非易事，尤其是当涉及到JavaScript生态系统中的依赖管理时。本文将介绍如何使用PNPM来优雅地管理Monorepo，确保依赖清晰、高效和简洁。PNPM简介PNPM是一个快速、节省磁盘空间的包管理工具
PNPM
- 乐闻 · 前端 · 阅读 2787 · 2024年7月17日 10:29
如何使用 Scrcpy 从手机传输文件至电脑
Scrcpy是一个非常有用的开源工具，它允许用户通过USB或Wi-Fi连接在电脑上控制和显示Android设备的屏幕。除了远程控制手机外，Scrcpy也可以用来从手机传输文件到电脑。以下是你可以遵循的步骤，轻松实现文件传输。1.通过分享面板实现步骤一、安装Scrcpy首先，你需要在你的电脑上安装Scrcpy。Scrcpy可以在多种操作系统上运行，包括Windows、macOS和Linux。Win
Scrcpy
- 乐闻 · 前端 · 阅读 3849 · 2024年7月17日 10:00
如何基于Scrcpy 实现远程调试？
在开发Android应用时，远程调试是一项非常实用的功能，它可以让开发者不必每次都连接物理设备即可进行应用测试和调试。Scrcpy是一款开源的Android设备控制和显示工具，它通过USB（或者通过TCP/IP进行网络传输）连接设备，提供了高性能的屏幕镜像和操作能力。本文将详细介绍如何使用Scrcpy进行远程调试。环境准备安装ADB:Scrcpy依赖于AndroidDebugBridge(ADB
Scrcpy
- 乐闻 · 前端 · 阅读 2701 · 2024年7月15日 13:33
基于Scrcpy投屏Android设备屏幕到PC 详细教程
Scrcpy是一个非常实用的开源软件，它允许你通过USB或无线网络将Android设备的屏幕投射到电脑上，并且能够实现实时的高性能显示与控制。无论是开发者进行应用测试，还是普通用户享受大屏游戏和视频，Scrcpy都是一个绝佳的工具。本教程将向你详细介绍如何设置和使用Scrcpy。实现步骤步骤1：确保满足基本条件在开始之前，你需要确保满足以下几个基本条件：Android设备运行Android5.0
Scrcpy
- 乐闻 · 前端 · 阅读 4060 · 2024年7月10日 00:48

1
2
3
4
5
•••
8