首页 > 其他分享 >IO 多路复用技术：原理、类型及 Go 实现

IO 多路复用技术：原理、类型及 Go 实现

时间：2024-11-05 15:47:50浏览次数：3  
标签：触发 多路复用 epoll syscall 描述符 IO Go 客户端

文章目录

1. 引言

IO 多路复用的应用场景与重要性

在网络编程中，服务器需要同时处理多个客户端的请求，这在高并发环境中尤为突出。举例来说，大型即时通讯应用、HTTP 服务器、数据库服务等场景下，往往要支持成千上万个客户端的连接。如果每个客户端连接都使用一个独立的线程，系统资源消耗会极为庞大，并导致频繁的线程切换，严重影响性能。

IO 多路复用技术则是一种可以在单线程中管理多个 IO 事件的高效机制。通过在单线程中监控多个文件描述符（通常是 socket）上的 IO 操作状态，服务器能够灵活处理多个客户端的请求，避免了线程和资源的大量开销。因此，IO 多路复用广泛应用于高并发服务器编程中，如 Nginx、Redis、Kafka 等项目中。

高并发下的 IO 处理挑战

高并发场景中，服务器面临的主要挑战包括：

  • 资源管理难度：大量线程带来的 CPU 资源开销和内存管理负担。
  • 性能瓶颈：传统阻塞 IO 导致的频繁等待，降低了系统的吞吐量。
  • 复杂的事件处理：如何在不增加复杂度的前提下高效管理多客户端连接。

IO 多路复用技术通过提供非阻塞、集中管理的方式有效解决了以上问题。理解 IO 多路复用技术及其实现原理，尤其是高效的 epoll，对网络编程的开发者非常重要。

2. IO 多路复用概述

什么是 IO 多路复用

IO 多路复用是一种在一个线程中同时监听多个 IO 事件的方法。当任何一个文件描述符上有数据可读或可写时，IO 多路复用会通知应用程序去处理该事件。常见的 IO 多路复用包括 select、poll 和 epoll。

IO 多路复用的优点与适用场景

  • 高效资源利用：一个线程管理多个连接，减少了多线程的切换开销。
  • 灵活性：可以动态增加或减少监控的文件描述符，适应高并发需求。
  • 提高吞吐量：通过减少阻塞等待，提高了数据处理的整体吞吐量。

适用场景：IO 多路复用特别适合长连接、大量连接、并发请求频繁的场景，如 Web 服务器、聊天室服务、数据库服务等。

3. IO 多路复用的三种主要实现

在 Linux 系统中，IO 多路复用有三种实现方式：select、poll 和 epoll。这三种方法在原理、性能和适用场景上存在显著差异。

3.1 select

select 是最早的 IO 多路复用实现，广泛支持于多种操作系统。

select 的基本工作方式是通过文件描述符集合来管理多个 IO 通道。应用程序在调用 select 时，需要传入一个文件描述符集合（如读集合、写集合和异常集合），select 会阻塞并等待其中任何一个文件描述符的状态发生变化。如果有 IO 事件发生，select 返回相应的描述符集合，供程序进一步处理。

特点：

  • 文件描述符限制：select 受文件描述符数量的限制，通常 FD_SETSIZE 设定为 1024，意味着 select 最多只能同时监控 1024 个文件描述符。
  • 性能问题：select 在每次调用时都会遍历整个文件描述符集合，检查是否有事件发生，因此性能较低，尤其在高并发场景中，效率更低。

适用场景：由于性能瓶颈和文件描述符限制，select 适用于小规模并发的网络应用，通常是一些简单的服务或学习用途。

3.2 poll

poll 是对 select 的改进，消除了文件描述符数量限制，并提高了一定的性能。

基本原理：与 select 类似，poll 通过遍历文件描述符集合来检查 IO 事件，但它使用链表来存储文件描述符，因此文件描述符的数量不再受 FD_SETSIZE 限制，理论上可以监控更多的连接。

特点：

  • 消除了文件描述符上限：poll 允许监控大量的文件描述符。
  • 性能问题仍然存在：与 select 类似，poll 每次调用仍需遍历整个文件描述符集合，因此在大并发场景下效率较低。

适用场景：适合中等规模的并发网络应用，但在高并发环境下，性能依然有限。

3.3 epoll

epoll 是 Linux 提供的高效 IO 多路复用方式，专门为大规模并发场景而设计。

epoll 的工作方式与 select 和 poll 有显著不同。epoll 使用事件通知机制，即在文件描述符有状态变化时，epoll 将只返回变化的文件描述符，而不是遍历整个文件描述符集合。

epoll 提供了以下三种核心操作：

  1. epoll_create：创建一个 epoll 实例，用于管理多个文件描述符。
  2. epoll_ctl：添加、修改或删除 epoll 实例中的文件描述符事件。
  3. epoll_wait：等待事件触发，并返回已经就绪的事件集合。

epoll 的优势在于：

  • O(1) 复杂度：每次事件触发后，epoll 只返回变化的文件描述符，避免了重复遍历整个集合的开销。
  • 红黑树和就绪链表：epoll 使用红黑树存储监控的文件描述符，同时将就绪的事件放入就绪链表，以便高效管理和返回事件。

三者对比

特性selectpollepoll
文件描述符限制受限（通常为 1024 个）无限制无限制
实现方式文件描述符集合链表红黑树 + 就绪链表
性能随并发数增加而降低随并发数增加而降低O(1) 性能
适用场景小规模并发中等规模并发大规模并发，适合高性能场景

通过 epoll，高并发服务器能够在单线程中处理数万个并发连接，因此它被广泛用于各类高性能服务器中。接下来我们将深入探讨 epoll 的核心数据结构和触发机制。

4. 深入理解 epoll

在理解了 epoll 的基本原理后，我们需要深入其核心实现，了解数据结构、触发机制等，尤其是边缘触发和水平触发模式。让我们详细分解 epoll 的工作机制及其在高并发场景中的优势。

4.1 epoll 的三大操作

  1. epoll_create：创建 epoll 实例并初始化相关数据结构。这个实例相当于一个事件管理器，用于集中管理各个文件描述符的事件状态。

    epollFD, err := syscall.EpollCreate1(0)
if err != nil {
    panic(err)
}
defer syscall.Close(epollFD)

  2. epoll_ctl：epoll 控制接口，用于向 epoll 实例中添加、修改或删除文件描述符的事件监听。

    event := syscall.EpollEvent{Events: syscall.EPOLLIN, Fd: int32(fd)}
err := syscall.EpollCtl(epollFD, syscall.EPOLL_CTL_ADD, fd, &event)
if err != nil {
    panic(err)
}

  3. epoll_wait：阻塞等待事件触发，并将就绪的文件描述符返回给用户。

    events := make([]syscall.EpollEvent, 10) // 创建事件集合
nfds, err := syscall.EpollWait(epollFD, events, -1)
if err != nil {
    panic(err)
}

4.2 epoll 的核心数据结构

epoll 使用两种关键数据结构来管理和维护文件描述符事件的状态：

  • 红黑树（rbtree）：所有被监控的文件描述符存储在红黑树中，以便进行快速查找、插入和删除操作。当我们调用 epoll_ctl 添加或删除文件描述符时，epoll 会操作红黑树。

  • 就绪链表：当某个文件描述符的状态发生变化时，epoll 会将它添加到就绪链表中。每次调用 epoll_wait 时，epoll 会将链表中的就绪事件返回，而不再遍历整个红黑树。

4.3 边缘触发与水平触发模式详解

在 epoll 中，事件通知有两种模式：水平触发（Level Triggered, LT） 和 边缘触发（Edge Triggered, ET）。两种触发模式决定了 epoll 如何通知应用程序处理 IO 事件。

1. 水平触发（LT）

水平触发是 epoll 的默认模式，也是最常见的触发模式。水平触发模式下，只要文件描述符处于就绪状态（例如，缓冲区中有数据可以读取），epoll_wait 就会不断返回该事件。这意味着应用程序可以多次获取并处理同一个就绪的文件描述符事件，直到事件处理完毕。

流程图：
水平触发

工作机制：

  1. 文件描述符状态变化时触发：每次调用 epoll_wait 时，若文件描述符处于就绪状态，epoll 会将其返回。
  2. 重复通知：如果应用程序没有处理文件描述符的就绪状态（例如，读取完所有数据），epoll_wait 会在下一次调用时再次返回该文件描述符，直到就绪状态被清除（例如，数据被完全读取）。

优缺点：

  • 优点：简单，适合处理大量 IO 事件，因为不会错过任何就绪事件。
  • 缺点：会重复返回同一个事件，增加了系统调用次数，性能可能受影响。

示例：水平触发读取数据

以下是一个使用水平触发读取数据的示例：

func handleEventsLT(epollFD int, events []syscall.EpollEvent, clients map[int]net.Conn) {
    for _, event := range events {
        if event.Events&syscall.EPOLLIN != 0 {
            fd := int(event.Fd)
            buf := make([]byte, 512)
            
            // 循环读取数据直到读完为止
            for {
                n, err := clients[fd].Read(buf)
                if n == 0 || err != nil {
                    // 如果读取完或遇到错误，关闭连接
                    fmt.Printf("Closing connection %d\n", fd)
                    syscall.EpollCtl(epollFD, syscall.EPOLL_CTL_DEL, fd, nil)
                    clients[fd].Close()
                    delete(clients, fd)
                    break
                }
                
                fmt.Printf("Read %d bytes: %s\n", n, string(buf[:n]))
                
                // 这里可以处理读取到的数据，比如广播到其他客户端
            }
        }
    }
}

在水平触发模式中，上述代码会在文件描述符仍有未处理的数据时不断被触发，确保我们可以持续读取到数据，直到全部读完。

2. 边缘触发（ET）

边缘触发是一种高效的触发模式，适合性能要求高的场景。与水平触发不同，边缘触发仅在文件描述符状态发生边缘变化时（例如，从不可读到可读）通知一次。也就是说，如果缓冲区有新数据到达，epoll 会通知一次，而不会持续通知。

边缘触发时序图：
边缘触发

工作机制：

  1. 状态变化时触发：边缘触发只在文件描述符的状态从不可读到可读、或不可写到可写时通知一次。
  2. 不重复通知：如果应用程序在收到通知后没有将数据读完，那么在数据再次变化前不会收到新的通知。这意味着应用程序必须一次性将数据全部读取，否则会错过后续的事件通知。

优缺点：

  • 优点：减少了重复通知，性能更高，适合高并发场景。
  • 缺点：开发难度更高。应用程序必须一次性将数据读完，否则可能错过事件通知，导致数据读取不完整。

示例：边缘触发读取数据：

为了在边缘触发模式下保证数据不遗漏，我们通常会使用非阻塞模式，并在单次事件触发中循环读取数据直到缓冲区为空。

func handleEventsET(epollFD int, events []syscall.EpollEvent, clients map[int]net.Conn) {
    for _, event := range events {
        if event.Events&syscall.EPOLLIN != 0 {
            fd := int(event.Fd)
            buf := make([]byte, 512)
            
            // 边缘触发模式下，必须一次性读完所有数据
            for {
                n, err := clients[fd].Read(buf)
                if n == 0 || err != nil {
                    if err != nil && err != syscall.EAGAIN {
                        // 出现非阻塞错误或读到 EOF，关闭连接
                        fmt.Printf("Closing connection %d\n", fd)
                        syscall.EpollCtl(epollFD, syscall.EPOLL_CTL_DEL, fd, nil)
                        clients[fd].Close()
                        delete(clients, fd)
                    }
                    break
                }
                
                fmt.Printf("Read %d bytes: %s\n", n, string(buf[:n]))
                
                // 处理读取到的数据
            }
        }
    }
}

在此代码中，循环读取数据直到返回 EAGAIN 错误或数据读完。通过这种方式，确保我们在一次事件触发中尽可能多地读取数据，避免漏掉数据。

4.4 水平触发和边缘触发的对比

特点水平触发（LT）边缘触发（ET）
触发条件只要文件描述符处于就绪状态，持续触发状态从不可用变为可用时触发一次
重复通知会持续返回相同的事件，直到状态改变不会重复通知
性能较低较高
实现复杂度简单较高
适用场景适合一般场景，特别是低并发或对性能要求不高的场景适合高并发场景，性能要求高
  1. 一般场景（水平触发）：水平触发模式适合大部分 IO 操作，因为它简单可靠。尤其在低并发场景下，水平触发模式便于实现，不容易遗漏事件。
  2. 高性能场景（边缘触发）：在高并发场景下，边缘触发模式具有更高的性能，但要求程序确保数据一次性读取完毕，代码实现较复杂。适用于高性能服务器的设计，比如 Nginx 和 Redis 服务器。

总结来说，水平触发模式适合简单易用的场景，边缘触发模式则适用于追求性能的高并发系统。在实际开发中，选择触发模式时应综合考虑系统的并发量、对性能的要求以及代码的复杂度。

5. Go 实现一个简单的聊天室服务器

5.1 实现思路

聊天室服务器的核心功能是管理多个客户端的连接，并支持消息广播。具体而言，这个服务器需要具备以下功能：

  1. 监听客户端连接：通过 epoll 监听客户端的连接请求，并将连接加入 epoll 实例的监听列表中。
  2. 处理客户端消息：在收到某个客户端的消息时，服务器将消息广播给其他所有客户端。
  3. 边缘触发模式下的高效读写：在边缘触发（ET）模式下实现非阻塞读写，保证在一次触发中尽量将数据处理完。

5.2 使用 epoll 管理客户端连接

在实现中，我们将使用 Go 的 syscall 包直接调用 epoll 系统接口。每个新连接或就绪的客户端 socket 会通过 epoll_wait 触发事件，从而被服务器捕获并处理。边缘触发模式要求我们在处理每个 socket 时确保数据被一次性读取完毕，避免遗漏数据。

5.3 代码实现

以下是完整的聊天室服务器代码，实现了客户端连接管理、消息广播和边缘触发模式的高效事件处理。代码详细注释了各个步骤，便于理解 epoll 的具体应用。

package main

import (
    "fmt"
    "net"
    "syscall"
)

const (
    MaxEvents = 10
)

func main() {
    // 1. 创建监听 socket
    listener, err := net.Listen("tcp", ":8080")
    if err != nil {
        panic(err)
    }
    defer listener.Close()
    fmt.Println("Chat server started on :8080")

    // 2. 创建 epoll 实例
    epollFD, err := syscall.EpollCreate1(0)
    if err != nil {
        panic(err)
    }
    defer syscall.Close(epollFD)

    // 3. 将监听 socket 的文件描述符加入 epoll 实例
    listenerFD := int(listener.(*net.TCPListener).Fd())
    addToEpoll(epollFD, listenerFD, syscall.EPOLLIN)

    // 创建事件列表和客户端连接映射
    events := make([]syscall.EpollEvent, MaxEvents)
    clients := make(map[int]net.Conn) // 存储客户端连接，键为文件描述符

    for {
        // 4. 等待事件触发
        n, err := syscall.EpollWait(epollFD, events, -1)
        if err != nil {
            panic(err)
        }

        // 5. 遍历每个就绪事件
        for i := 0; i < n; i++ {
            fd := int(events[i].Fd)
            if fd == listenerFD {
                // 处理新的客户端连接
                conn, err := listener.Accept()
                if err != nil {
                    fmt.Println("Error accepting connection:", err)
                    continue
                }
                clientFD := int(conn.(*net.TCPConn).Fd())
                addToEpoll(epollFD, clientFD, syscall.EPOLLIN|syscall.EPOLLET) // 使用边缘触发
                clients[clientFD] = conn
                fmt.Println("New client connected:", clientFD)
            } else {
                // 处理来自客户端的数据
                handleClientMessage(fd, epollFD, clients)
            }
        }
    }
}

// addToEpoll 将文件描述符添加到 epoll 实例中，监听指定事件
func addToEpoll(epollFD int, fd int, events uint32) {
    event := syscall.EpollEvent{Events: events, Fd: int32(fd)}
    if err := syscall.EpollCtl(epollFD, syscall.EPOLL_CTL_ADD, fd, &event); err != nil {
        panic(err)
    }
}

// handleClientMessage 读取客户端消息并广播给其他客户端
func handleClientMessage(clientFD int, epollFD int, clients map[int]net.Conn) {
    buf := make([]byte, 512)
    conn := clients[clientFD]

    // 使用边缘触发，循环读取数据直到读取完毕
    for {
        n, err := conn.Read(buf)
        if n == 0 || err != nil {
            // 客户端断开连接
            fmt.Printf("Client %d disconnected\n", clientFD)
            syscall.EpollCtl(epollFD, syscall.EPOLL_CTL_DEL, clientFD, nil)
            conn.Close()
            delete(clients, clientFD)
            break
        }

        // 打印并广播消息
        message := fmt.Sprintf("Client %d: %s", clientFD, string(buf[:n]))
        fmt.Print(message)
        broadcastMessage(clientFD, message, clients)
    }
}

// broadcastMessage 将消息广播给其他所有客户端
func broadcastMessage(senderFD int, message string, clients map[int]net.Conn) {
    for fd, conn := range clients {
        if fd != senderFD { // 不发送给自己
            conn.Write([]byte(message))
        }
    }
}

5.4 代码解析

  1. 创建监听 socket：使用 net.Listen 启动一个 TCP 监听 socket 以接受客户端连接。
  2. 创建 epoll 实例：通过 syscall.EpollCreate1 创建一个 epoll 实例，返回 epollFD 文件描述符，用于管理多个客户端连接。
  3. 将监听 socket 添加到 epoll 实例：将监听 socket 的文件描述符添加到 epoll，并设置监听 EPOLLIN 事件，表示有新的客户端连接时会触发事件。
  4. 等待事件触发：syscall.EpollWait 阻塞等待事件触发，并返回已经就绪的事件列表。
  5. 处理新客户端连接：当监听 socket 的事件触发时，表示有新客户端连接。使用 Accept 接受连接，并将新连接的文件描述符添加到 epoll 中，设置为 EPOLLET 模式（边缘触发）。
  6. 读取客户端消息并广播：当客户端 socket 的事件触发时，表示有消息可读。在 handleClientMessage 中，我们使用非阻塞方式循环读取数据，直到所有数据读取完毕，随后广播消息给其他客户端。
  7. 广播消息：broadcastMessage 函数将来自某个客户端的消息广播给所有其他客户端，实现聊天室功能。

5.5 边缘触发的关键点

在边缘触发模式（EPOLLET）下，epoll_wait 只会在文件描述符状态发生变化时触发一次。为确保在一次触发中处理完所有数据，我们在 handleClientMessage 函数中使用非阻塞读取，循环读取直到所有数据读完。这避免了数据遗漏，同时利用边缘触发的高性能。

5.6 流程图：事件处理流程

以下流程图展示了聊天室服务器的事件处理流程，帮助我们直观理解每一步骤：
完成触发流程

6. 总结

在本篇文章中，我们系统深入地讲解了 IO 多路复用技术，从基础概念到具体实现，帮助读者理解其在高并发网络编程中的重要性。以下是我们文章中的关键要点总结：

  1. IO 多路复用的意义与应用场景：我们首先介绍了 IO 多路复用的重要性。通过允许单线程管理多个 IO 通道，IO 多路复用可以极大地提升服务器的并发能力，广泛应用于高性能服务器、实时通讯系统和数据库服务等场景。

  2. 三种 IO 多路复用实现方式：select、poll 和 epoll：我们分别介绍了 select、poll 和 epoll 的基本原理、优缺点以及适用场景。虽然 select 和 poll 提供了基本的 IO 多路复用功能，但它们的性能在高并发下存在瓶颈。epoll 则是专为高并发设计的高效 IO 多路复用机制，具备 O(1) 的性能特征，是大型 Linux 服务器应用的主流选择。

  3. 深入理解 epoll 的实现细节：通过讲解 epoll 的三大操作（epoll_create、epoll_ctl 和 epoll_wait）、核心数据结构（红黑树和就绪链表）、以及事件触发模式（边缘触发和水平触发），我们详细剖析了 epoll 的高效实现原理。特别是边缘触发模式下的非阻塞处理，帮助我们了解了如何在高并发场景下充分利用 epoll 的性能优势。

  4. 基于 Go 实现的聊天室服务器示例：我们提供了一个简单的聊天室服务器实现，展示了 epoll 的实际应用。通过 epoll 的边缘触发模式，服务器能够高效管理多个客户端连接并进行消息广播。具体代码实现帮助我们理解如何使用 epoll 的非阻塞读写来确保数据处理的完整性。

结束语

IO 多路复用是一项强大的技术，epoll 的高效实现为 Linux 系统中的高并发网络编程提供了有力支持。在本篇文章中，我们通过详细讲解和示例实现，让大家更加深入地理解了 IO 多路复用技术的原理和应用。

祝大家在 IO 多路复用和高并发编程的学习之旅中一帆风顺！如有任何问题或讨论，欢迎留言，我们共同交流。

在这里插入图片描述

标签：触发,多路复用,epoll,syscall,描述符,IO,Go,客户端
From： https://blog.csdn.net/tatasix/article/details/143484508

相关文章

  • 使用 Go 语言实现 LRU 缓存
    文章目录LRU缓存的关键特性数据结构选型LRU缓存的结构设计操作流程图代码实现1.定义节点和缓存结构2.初始化LRU缓存3.获取缓存值（`Get`方法）4.更新或插入值（`Put`方法）5.辅助方法6.单元测试代码总结在日常开发中，缓存是提高系统性能的重要手段。LRU（LeastRe......
  • 【文献阅读】Multi-region radiomics for artificially intelligent diagnosis of bre
    题目：基于多模态超声的人工智能诊断乳腺癌的多区域放射组学研究摘要：目的：乳腺癌的超声（US）诊断通常是基于单一的超声方式对整个乳腺肿瘤的单一区域，这限制了诊断性能。在乳腺肿瘤的多模态超声图像上的多个区域都可能对诊断有有用的信息。本研究旨在提出一种多模态放射组学多模式......
  • 关于LIME（局部可解释模型无关解释）和SHAP（SHapley Additive exPlanations）的具体应用案例
    关注我，持续分享逻辑思维&管理思维&面试题；可提供大厂面试辅导、及定制化求职/在职/管理/架构辅导；推荐专栏《10天学会使用asp.net编程AI大模型》，目前已完成所有内容。一顿烧烤不到的费用，让人能紧跟时代的浪潮。从普通网站，到公众号、小程序，再到AI大模型网站。干货满满。学成后可......
  • Go 语言变量类型：从入门到精通，一篇搞定所有知识点！
    Go语言变量类型1.基本类型1.1数值类型1.2布尔类型1.3字符串类型2.复合类型2.1数组2.2切片2.3字典（map）2.4结构体2.5接口3.类型转换4.零值5.示例1.基本类型Go语言中的基本类型主要包括数值类型、布尔类型和字符串类型。1.1数值类型整型：int：根据......
  • dotNet 整合 Microsoft.Extensions.DependencyInjection 利用反射实现依赖批量注入
    前言框架.net8.0Microsoft.Extensions.DependencyInjection8.0创建三个类库项目ConfigServicesLogServicesMailServices创建一个控制台项目ConsoleAppMailConfigServicesnamespaceConfigServices.IService{publicinterfaceIConfigService{......
  • golang占位符%v、%+v、%#v详解
    目录%v%+v%#v在Go语言中，fmt包提供了格式化字符串的功能，类似于C语言的printf函数。fmt包中的%v、%+v和%#v是用于格式化输出的占位符，它们各自有不同的用途。%v含义：%v表示以默认格式（值）输出变量。对于基本类型如整数、浮点数等，它会直接输出其值；对于结构体，它会输出......
  • [AAAI2024]AnomalyGPT Detecting Industrial Anomalies Using Large Vision-Language
    本篇论文将大语言模型应用在工业异常检测（IndustrialAnomalyDetection，IAD）任务。引言IAD任务旨在检测和定位工业产品图像中的异常。由于现实世界样本的稀有性和不可预测性，要求模型仅在正常样本上进行训练，并实现对测试时异常样本的检测。如图1，现有的IAD方法给出异常样本的概率，......
  • 使用 axios 拦截器实现请求和响应的统一处理（附常见面试题）
    在现代前端开发中，我们经常需要向服务器发送HTTP请求，并根据响应内容做不同的处理。axios是一个流行的HTTP库，提供了拦截器功能，可以在请求和响应阶段插入自定义逻辑，这使得我们在处理认证、错误提示等场景时更为简洁、统一。本文将讲解如何利用axios的请求拦截器和响应拦......
  • 【文献阅读】Multimodal feature learning and fusion on B-mode ultrasonography and
    题目：基于点门控深度网络的b型超声和超声弹性成像的多模态特征学习与融合诊断摘要：b型超声和超声弹性成像可用于前列腺癌（PCa）的临床诊断。两种超声（US）模式的结合使用计算机辅助可能有助于提高诊断性能。提出了一种基于多模态超声的计算机辅助诊断（CAD）技术。首先，从b型US图像和超声......
  • H5登录界面输入账号密码,在ios苹果微信手机上输入框上下闪烁问题
    场景描述:H5登录界面输入账号密码,在ios苹果微信手机上输入框上下闪烁问题苹果手机的浏览器就有了自动填充密码的功能，具体来说就是一个手机号密码登录的页面，ios识别到当前页面有密码输入框，所以触发了自动填充密码的功能。解决办法:在2个输入框中间加个隐藏输入框核心代码:<inpu......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99