乐闻的个人空间-乐闻个人主页 - 乐闻世界

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

搜索文章和话题

乐闻

主页文章专栏面试题问题

Koajs 集成 Websocket 的详细步骤，并与客户端建立链接与通信在现代的Web开发中，实时通信是一个重要的功能。WebSocket提供了一种在客户端和服务器之间进行全双工通信的方式。本文将指导你如何在Koa.js框架中集成WebSocket，并展示客户端如何连接到WebSocket服务器。一、Koa服务端1.设置Koa.js项目首先，你需要一个基本的Koa.js项目。然后安装Koa及其相关依赖：```bashnpminstallkoa2.创建一个基本的Koa服

服务端 · 阅读 1894 · 2024年7月17日 12:19

Koajs 集成 Websocket 的详细步骤，并与客户端建立链接与通信

在前端项目中如何启动 ESLint 校验编写一致、没有错误、风格统一的代码是提高项目质量和团队协作效率的关键。ESLint是一款强大的静态代码检查工具，它帮助开发者发现代码中的问题，并且能够按照一定的规则来格式化代码。本文将通过简单的步骤教你如何在前端项目中启动ESLint校验。实现步骤第一步：安装ESLint在项目的根目录下打开终端，执行以下命令来安装ESLint：npminstalleslint--save-dev或者使用yarn

JavaScript ESLint

前端 · 阅读 4479 · 2022年7月7日 23:26

在前端项目中如何启动 ESLint 校验

TailwindCSS 如何设置 placeholder 的样式前言placeholder在前端多用于input、textarea等任何输入或者文本区域的标签，它用户在用户输入内容之前显示一些提示。浏览器自带的placeholder样式可能不符合设计规范，此时就需要通过css进行样式美化。当项目中使用TailwindCSS处理样式时，应该如何通过TailwindCSS设置placeholder的样式呢？问题将input标签的placeholder样式设置成字体

前端 Tailwind CSS

前端 · 阅读 5712 · 2023年12月7日 00:10

TailwindCSS 如何设置 placeholder 的样式

基于pnpm 实现前端 Monorepo项目管理随着软件开发项目变得越来越庞大和复杂，如何有效管理和维护代码库成为了一个重要的问题。一种流行的解决方案是Monorepo，也就是在一个版本控制系统中管理所有的项目代码。什么是MonorepoMonorepo是一种项目代码管理方式，指单个仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可重用性和协作性。什么是Pnpmpnpm 是一款快速、高效的Jav

工程 · 阅读 2845 · 2023年12月25日 20:12

基于pnpm 实现前端 Monorepo项目管理

基于 React 封装网络状态变化的 Hook，轻松监听网络变化随着移动互联网的普及，用户对Web应用的网络连接状态变得越来越敏感。无论在地铁隧道还是偏远地区，不稳定或缺失的网络连接都是常态。因此，为了提供无缝的用户体验，构建一个能够智能响应网络状态变化的应用变得至关重要。本文将介绍如何使用ReactHooks来轻松创建一个网络状态监听器，从而让您的应用能够优雅地应对网络的波动。使用ReactHook监听网络状态变化初始化Hook结构创建一个新文件useNet

前端 · 阅读 3807 · 2024年2月22日 23:31

基于 React 封装网络状态变化的 Hook，轻松监听网络变化

提效神器：使用NRM切换和管理众多的NPM registry 源在我们开始探讨如何使用nrm之前，让我们首先来解释一下npm和nrm是什么，以及为什么开发者需要使用这样的工具。npm(nodepackagemanager)是一个Node.js包管理器，可以用于安装、共享和分发代码，管理项目的依赖关系等。npm有一些默认的注册源，比如npm官方源和淘宝npm镜像等，但是使用的时候可能会遇到各种问题，比如，官方源经常会出现无响应问题，而淘宝npm镜像虽然很好，

前端 · 阅读 2958 · 2023年12月24日 13:11

提效神器：使用NRM切换和管理众多的NPM registry 源

NestJS 如何实现事件溯源模式 Event Sourcing 事件溯源（EventSourcing）是一种软件架构模式，主要用于捕获系统中发生的状态变化，作为一系列不可变事件来存储。这些事件会以时间顺序排列，可以用来重现或查询系统的状态。这种模式特别适合于复杂的业务逻辑和高要求的审核跟踪环境。在此教程中，我们将介绍如何在NestJS框架中实现事件溯源模式。实现步骤一、建立事件存储事件溯源的核心是事件存储（EventStore），这是一个用于持久化事件的数据库

服务端 · 阅读 4657 · 2024年4月8日 00:29

NestJS 如何实现事件溯源模式 Event Sourcing

React 内置 Hook 之 useEffect Hook是一种特殊的函数，使得你能够在不更改组件结构的条件下，重用组件之间的状态相关逻辑，进步提升我们代码的复用性和可维护性。其中，useEffect作为核心的一部分，帮助我们解决在类组件中副作用相关逻辑复杂难懂的问题。理解了Hook的概念，让我们现在深入探讨它其中一个重要的应用——useEffect。useEffect是什么useEffect是React的核心Hook之一。它让你可以在函数组件中

前端 · 阅读 4296 · 2022年3月14日 15:04

React 内置 Hook 之 useEffect

sequelize 关联关系（一对一、一对多、多对多）准备工作为了演示sequelize的多表间关联关系，首先我先准备两个实体：user、role。1.初始化sequelize连接const{Sequelize,DataTypes}=require('sequelize');constsequelize=newSequelize({host:'127.0.0.1',port:3306,username:'roo

NodeJS NestJS Sequelize

服务端 · 阅读 2801 · 2022年6月18日 12:20

sequelize 关联关系（一对一、一对多、多对多）

Git 如何合并多个 Commit 提交当你在开发软件时，频繁的提交（commit）能帮你更好地追踪代码变化。然而，当一系列小的改动造成了大量的提交记录，合并（squash）这些提交能让历史更加清晰易读。在Git中，我们可以通过交互式rebase来实现这一点。现在，我会带你用一种简单易懂的方式，一步步地学会如何合并多个commit。Rebase交互式操作交互式rebase是Git的一个强大功能，它允许你重写历史—即重写连续的提交序列。你

工程 · 阅读 5565 · 2024年4月10日 00:31

Git 如何合并多个 Commit 提交

1
•••
4
5
6
7
8
•••
12