使用BeautifulSoup和JSON有效抓取动态加载的网页表格数据

使用beautifulsoup和json有效抓取动态加载的网页表格数据

本教程旨在解决使用BeautifulSoup抓取网页表格时,因数据动态加载导致部分内容缺失的问题。通过分析网页背后的API请求,直接获取并解析JSON数据源,再结合BeautifulSoup提取的HTML结构信息,最终实现完整且准确的数据抓取。文章将提供详细的代码示例和实现步骤。

理解网页动态内容与数据抓取挑战

在进行网页数据抓取时,我们经常会遇到使用BeautifulSoup等工具无法获取到完整数据的情况,尤其是在表格内容中。这通常是因为目标网站采用了动态加载技术。这意味着网页的初始HTML文档可能只包含一个骨架,而实际的数据(例如表格中的价格信息)是在页面加载完成后,通过JavaScript向后端API发送异步请求(AJAX或Fetch API)获取,然后动态地插入到DOM中的。

当使用requests库获取网页内容并用BeautifulSoup解析时,我们只能得到初始的HTML。如果数据是动态加载的,那么这部分数据在初始HTML中是不存在的,因此BeautifulSoup自然无法找到。这会导致抓取到的表格中某些字段(如本例中的价格)显示为空或不正确,与通过浏览器开发者工具检查时看到的内容不符。

识别动态数据源:JSON API

解决动态加载数据问题的关键在于找到数据真正的来源。通常,这些数据会通过API以JSON或XML格式返回。我们可以利用浏览器的开发者工具来定位这些API请求:

打开目标网页。打开浏览器的开发者工具(通常按F12)。切换到“Network”(网络)标签页。刷新页面,观察网络请求列表。筛选请求类型,例如选择“XHR”或“Fetch/XHR”,以查找异步数据请求。仔细检查请求的URL和响应内容。通常,你会发现一个返回JSON数据的URL,其中包含了你正在寻找的动态内容。

在本例中,经过检查发现,Oracle云计算服务的定价数据实际上是从一个名为cloud-price-list.json的JSON文件中加载的,其URL为https://www.oracle.com/a/ocom/docs/pricing/cloud-price-list.json。识别出这个JSON源是解决问题的核心。

数据抓取实现步骤

一旦确定了JSON数据源,我们的策略就是:首先直接获取并解析JSON数据,然后结合BeautifulSoup从HTML中提取结构信息(如产品名称和唯一标识符),最后将两者关联起来,构建完整的结构化数据。

1. 导入所需库

我们将使用requests进行HTTP请求,BeautifulSoup解析HTML,re进行正则表达式匹配,以及pandas用于数据结构化和输出。

from bs4 import BeautifulSoupimport requestsimport reimport pandas as pd

2. 获取JSON定价数据

首先,直接向JSON数据源发送GET请求,并将其解析为Python字典。同时,定义我们感兴趣的货币类型。

# JSON数据源URLjson_url = 'https://www.oracle.com/a/ocom/docs/pricing/cloud-price-list.json'jsonData = requests.get(json_url).json()currency = 'USD' # 定义目标货币

3. 获取HTML表格结构

接下来,获取包含表格骨架的HTML页面,并使用BeautifulSoup进行解析。我们需要从中提取产品名称以及与JSON数据关联的唯一标识符(partNumber)。

# 目标网页URLurl = 'https://www.oracle.com/uk/cloud/compute/pricing/#compute-vm'oracle_website = requests.get(url).textsoup = BeautifulSoup(oracle_website, "html.parser")# 定位到包含虚拟机实例的表格virtual_machine_table = soup.find("div", class_="rc34w5 rw-neutral-00bg").table

4. 遍历表格行并整合数据

这是最关键的步骤。我们将遍历HTML表格的每一行,提取产品信息和partNumber,然后利用partNumber从之前获取的JSON数据中查找对应的价格。

rows = [] # 用于存储所有抓取到的数据行# 遍历表格中的所有tbody,再遍历每个tbody中的所有tr(行)for compute_products in virtual_machine_table.find_all("tbody"):    trs = compute_products.find_all("tr")    for tr in trs:        # 尝试获取partNumber        partNumber = None        # 优先从第二个td中的div里查找data-partnumber属性        vCPUcompPrice_td = tr.find_all('td')[1]        checkForPartNum = vCPUcompPrice_td.find('div', {'data-partnumber': re.compile('.*')})        if checkForPartNum:            partNumber = checkForPartNum['data-partnumber']        else:            # 如果td中没有,则尝试从tr标签自身查找data-partnumber属性            try:                partNumber = tr['data-partnumber']            except KeyError:                partNumber = None # 如果tr也没有,则partNumber为None        # 根据partNumber从JSON数据中查找对应的价格        compPrice = '-'        unitPrice = '-'        if partNumber == 'B93297': # 特殊处理某个特定partNumber            # 示例:对于B93297,价格可能在vcpuRangeItems中            if partNumber in jsonData['vcpuRangeItems']:                compPrice = jsonData['vcpuRangeItems'][partNumber][currency][-1]['value']                unitPrice = jsonData['vcpuRangeItems'][partNumber][currency][-1]['value']        elif partNumber is None: # 处理没有partNumber的行(例如“Free”产品)            compPrice = 'Free'            unitPrice = 'Free'        else: # 其他partNumber的通用处理逻辑            # 尝试从vcpuItems中获取比较价格            if partNumber in jsonData['vcpuItems']:                compPrice = jsonData['vcpuItems'][partNumber][currency]            # 尝试从items或rangeItems中获取单位价格            if partNumber in jsonData['items']:                unitPrice = jsonData['items'][partNumber][currency]            elif partNumber in jsonData['rangeItems']:                unitPrice = jsonData['rangeItems'][partNumber][currency][-1]['value']        # 提取产品名称和单位        product_name = tr.find_all('td')[0].text.strip()        unit = tr.find_all('td')[-1].text.strip()        # 构建当前行的数据字典        row = {            'partNumber': partNumber,            'Product': product_name,            'Comparison Price (/vCPU)': compPrice,            'Unit price': unitPrice,            'Unit': unit,        }        rows.append(row) # 将数据行添加到列表中

5. 数据整理与输出

最后,将收集到的数据列表转换为Pandas DataFrame,以便于后续的数据分析、存储或展示。

df = pd.DataFrame(rows)print(df.to_markdown()) # 以Markdown表格形式打印DataFrame

完整代码示例

from bs4 import BeautifulSoupimport requestsimport reimport pandas as pddef scrape_oracle_pricing():    """    抓取Oracle云计算虚拟机定价数据,包括动态加载的价格信息。    """    # 1. 获取JSON定价数据    json_url = 'https://www.oracle.com/a/ocom/docs/pricing/cloud-price-list.json'    try:        jsonData = requests.get(json_url).json()    except requests.exceptions.RequestException as e:        print(f"Error fetching JSON data: {e}")        return pd.DataFrame() # 返回空DataFrame    currency = 'USD' # 定义目标货币    # 2. 获取HTML表格结构    url = 'https://www.oracle.com/uk/cloud/compute/pricing/#compute-vm'    try:        oracle_website = requests.get(url).text    except requests.exceptions.RequestException as e:        print(f"Error fetching HTML page: {e}")        return pd.DataFrame() # 返回空DataFrame    soup = BeautifulSoup(oracle_website, "html.parser")    rows = [] # 用于存储所有抓取到的数据行    # 定位到包含虚拟机实例的表格    virtual_machine_table = soup.find("div", class_="rc34w5 rw-neutral-00bg")    if not virtual_machine_table:        print("Could not find the main pricing table div.")        return pd.DataFrame()    table_element = virtual_machine_table.find("table")    if not table_element:        print("Could not find the table element inside the pricing div.")        return pd.DataFrame()    # 遍历表格中的所有tbody,再遍历每个tbody中的所有tr(行)    for compute_products_tbody in table_element.find_all("tbody"):        trs = compute_products_tbody.find_all("tr")        for tr in trs:            # 尝试获取partNumber            partNumber = None            # 优先从第二个td中的div里查找data-partnumber属性            td_elements = tr.find_all('td')            if len(td_elements) > 1: # 确保有足够的td元素                vCPUcompPrice_td = td_elements[1]                checkForPartNum = vCPUcompPrice_td.find('div', {'data-partnumber': re.compile('.*')})                if checkForPartNum:                    partNumber = checkForPartNum['data-partnumber']            if not partNumber: # 如果td中没有找到,则尝试从tr标签自身查找data-partnumber属性                try:                    partNumber = tr['data-partnumber']                except KeyError:                    partNumber = None # 如果tr也没有,则partNumber为None            # 根据partNumber从JSON数据中查找对应的价格            compPrice = '-'            unitPrice = '-'            if partNumber == 'B93297': # 特殊处理某个特定partNumber                if partNumber in jsonData.get('vcpuRangeItems', {}):                    item_data = jsonData['vcpuRangeItems'][partNumber].get(currency)                    if item_data and len(item_data) > 0:                        compPrice = item_data[-1].get('value', '-')                        unitPrice = item_data[-1].get('value', '-')            elif partNumber is None: # 处理没有partNumber的行(例如“Free”产品)                compPrice = 'Free'                unitPrice = 'Free'            else: # 其他partNumber的通用处理逻辑                # 尝试从vcpuItems中获取比较价格                if partNumber in jsonData.get('vcpuItems', {}):                    compPrice = jsonData['vcpuItems'][partNumber].get(currency, '-')                # 尝试从items或rangeItems中获取单位价格                if partNumber in jsonData.get('items', {}):                    unitPrice = jsonData['items'][partNumber].get(currency, '-')                elif partNumber in jsonData.get('rangeItems', {}):                    item_data = jsonData['rangeItems'][partNumber].get(currency)                    if item_data and len(item_data) > 0:                        unitPrice = item_data[-1].get('value', '-')            # 提取产品名称和单位            product_name = td_elements[0].text.strip() if len(td_elements) > 0 else ''            unit = td_elements[-1].text.strip() if len(td_elements) > 0 else ''            # 构建当前行的数据字典            row = {                'partNumber': partNumber,                'Product': product_name,                'Comparison Price (/vCPU)': compPrice,                'Unit price': unitPrice,                'Unit': unit,            }            rows.append(row) # 将数据行添加到列表中    # 5. 数据整理与输出    df = pd.DataFrame(rows)    return dfif __name__ == "__main__":    df_result = scrape_oracle_pricing()    if not df_result.empty:        print("抓取到的定价数据:")        print(df_result.to_markdown(index=False))

输出示例:

| partNumber | Product                                                         | Comparison Price (/vCPU) | Unit price | Unit              ||:-----------|:----------------------------------------------------------------|:-------------------------|:-----------|:------------------|| B93297     | Compute – Ampere A1 – OCPU                                      | 0.01                     | 0.01       | OCPU per hour     || B93298     | Compute – Ampere A1 – Memory                                    | -                        | 0.0015     | Gigabyte per hour || B93311     | Compute - Virtual Machine Optimized - X9                        | 0.027                    | 0.054      | OCPU per hour     || B93312     | Compute - Virtual Machine Optimized - X9 - Memory               | -                        | 0.0015     | Gigabyte per hour || B88514     | Compute - Virtual Machine Standard - X7                         | 0.0319                   | 0.0638     | OCPU per hour     || B88516     | Compute - Virtual Machine Dense I/O - X7                        | 0.06375                  | 0.1275     | OCPU per hour     || B93113     | Compute - Standard - E4 - OCPU                                  | 0.0125                   | 0.025      | OCPU per hour     || B93114     | Compute - Standard - E4 - Memory                                | -                        | 0.0015     | Gigabyte per hour || B92306     | Compute - Standard - E3 - OCPU                                  | 0.0125                   | 0.025      | OCPU per hour     || B92307     | Compute - Standard - E3 - Memory                                | -                        | 0.0015     | Gigabyte per hour ||            | Compute - Virtual Machine Standard - E2 Micro - Free            | Free                     | Free       | OCPU per hour     || B91372     | Database - Marketplace Compute Image - Microsoft SQL Enterprise | 0.735                    | 1.47       | OCPU per hour     || B91373     | Database - Marketplace Compute Image - Microsoft SQL Standard   | 0.185                    | 0.37       | OCPU per hour     || B94176     | Oracle Cloud Infrastructure - Compute - Standard - X9           | 0.02                     | 0.04       | OCPU per hour     || B94177     | Oracle Cloud Infrastructure - Compute - Standard - X9 - Memory  | -                        | 0.0015     | Gigabyte per hour |

注意事项与总结

网站结构变化: 网页的HTML结构和JSON API的格式都可能随时改变。因此,依赖于特定HTML类名或JSON键的爬虫代码可能需要定期维护和更新。爬虫伦理与法律: 在进行网页抓取时,请务必遵守网站的robots.txt文件规定,控制请求频率,避免对网站服务器造成过大压力。未经授权的大规模抓取可能违反网站的服务条款,甚至涉及法律问题。错误处理: 生产级别的爬虫代码应该包含更完善的错误处理机制,例如try-except块来处理网络请求失败、JSON解析错误、HTML元素未找到等情况,提高代码的健壮性。数据复杂性: 示例中的JSON数据结构相对简单。在实际应用中,JSON数据可能更复杂,需要更精细的解析逻辑来提取所需信息。替代方案: 对于大量动态加载的网页,如果直接解析JSON或API非常复杂,可以考虑使用Selenium等自动化测试工具,它们能够模拟浏览器行为,等待页面完全加载并执行JavaScript,从而获取渲染后的完整HTML内容。

通过本教程,我们学习了如何识别和处理网页动态加载数据的问题,并通过结合BeautifulSoup解析HTML结构和requests获取JSON数据的方法,成功抓取了完整的表格信息。这种方法在面对现代网页的复杂性时,是提高数据抓取效率和准确性的重要策略。

以上就是使用BeautifulSoup和JSON有效抓取动态加载的网页表格数据的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1589245.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
同一表单中多位置单选按钮组的联动同步实现教程
上一篇 2025年12月23日 04:56:47
CSS技巧:让圆形高度与父容器动态同步
下一篇 2025年12月23日 04:57:07

相关推荐

  • Sublime集成MySQL GUI工具快捷启动配置_提高图形管理效率与脚本结合

    Sublime集成MySQL GUI工具快捷启动配置_提高图形管理效率与脚本结合Sublime集成MySQL GUI工具快捷启动配置_提高图形管理效率与脚本结合Sublime集成MySQL GUI工具快捷启动配置_提高图形管理效率与脚本结合Sublime集成MySQL GUI工具快捷启动配置_提高图形管理效率与脚本结合

    在sublime text中集成mysql gui工具可提升数据库操作效率,避免频繁切换窗口。原因包括:独立工具启动慢、切换麻烦;sublime轻量且支持快捷键调用外部程序;调试脚本时能实现边写代码边查数据库。配置方法如下:1. 通过“build system”创建mysql启动配置并保存;2. 使…

    2026年8月25日 用户投稿
    000
  • java中new的作用 对象实例化的底层机制解析

    new关键字用于分配内存并初始化对象。1)jvm在堆中分配内存,设置对象头信息。2)调用构造方法完成初始化。3)使用对象池和延迟初始化可优化性能。 在Java中,new关键字是一个非常基础却又强大的工具,用于创建对象实例。那么,new的作用究竟是什么?对象实例化的底层机制又是如何运作的?让我们深入探…

    2026年8月25日
    000
  • Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势

    Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势

    jdbc通过提供标准api简化数据库操作。1. 加载数据库驱动,2. 建立数据库连接,3. 执行sql语句,4. 处理结果集。使用preparedstatement可有效防止sql注入攻击,同时对用户输入进行验证、过滤及采用最小权限原则进一步保障安全性。 JDBC(Java Database Con…

    2026年8月25日 用户投稿
    000
  • MySQL事务有哪些隔离级别_它们分别解决了什么问题?

    MySQL事务有哪些隔离级别_它们分别解决了什么问题?MySQL事务有哪些隔离级别_它们分别解决了什么问题?MySQL事务有哪些隔离级别_它们分别解决了什么问题?MySQL事务有哪些隔离级别_它们分别解决了什么问题?

    mysql的事务隔离级别主要有四种,分别解决不同的并发问题。1.读未提交(read uncommitted)允许脏读,不解决任何问题;2.读已提交(read committed)解决脏读,但存在不可重复读;3.可重复读(repeatable read)解决脏读和不可重复读,并通过间隙锁避免幻读;4.…

    2026年8月25日 用户投稿
    000
  • 进程守护(Daemon)与自动重启

    设计健壮的守护进程和实现自动重启机制的方法如下:1. 守护进程设计:使用python和相关库(如psutil和daemon)创建守护进程,监控cpu使用率并记录日志。2. 自动重启机制:使用supervisor配置文件,设置进程自动启动和重启,并记录错误和输出日志。通过资源管理、日志记录、错误处理和…

    2026年8月25日
    000
  • Listen1如何备份歌单_Listen1备份歌单的简单操作指南

    通过导出功能将歌单保存为JSON文件;2. 手动复制配置目录中的playlist.db等关键文件;3. 登录账号实现云端同步备份,防止数据丢失。 如果您在使用Listen1时创建了大量自定义歌单,为防止数据丢失,定期备份歌单是必要的操作。以下是几种简单有效的备份方法: 一、导出歌单至本地文件 通过L…

    2026年8月25日
    100
  • Java中jstack的用法 详解线程转储

    Java中jstack的用法 详解线程转储Java中jstack的用法 详解线程转储Java中jstack的用法 详解线程转储Java中jstack的用法 详解线程转储

    jstack是用于诊断java应用线程问题的关键工具,它通过生成线程转储帮助分析死锁、cpu占用高及线程等待等问题。1. 使用jps获取java进程pid;2. 执行jstack pid生成线程转储文件;3. 分析转储中的线程状态与堆栈信息,查找死锁或性能瓶颈。线程状态如blocked、waitin…

    2026年8月25日 用户投稿
    100
  • 动态内省Java类中的Jackson @JsonNaming 策略

    本文探讨了在Java中进行泛型数据反序列化时,如何动态地获取类上通过@JsonNaming注解设置的PropertyNamingStrategy。通过利用Jackson的SerializationConfig、BeanDescription和JacksonAnnotationIntrospector…

    2026年8月25日
    000
  • 告别文件类型识别难题:adrienrn/php-mimetyper助你轻松搞定MIME类型

    最近在开发一个文件上传和下载相关的模块时,我遇到了文件类型识别的问题。我需要根据文件的扩展名来判断其 MIME 类型,以便正确地处理这些文件。然而,我发现 PHP 内置的函数或者一些简单的库并不能提供足够准确和全面的 MIME 类型映射。一些文件类型的识别不够准确,而且缺少对一些常见文件类型的支持。…

    用户投稿 2026年8月25日
    300
  • Java中HashMap的工作原理是什么 图解Java HashMap的存储结构和哈希机制

    Java中HashMap的工作原理是什么 图解Java HashMap的存储结构和哈希机制Java中HashMap的工作原理是什么 图解Java HashMap的存储结构和哈希机制Java中HashMap的工作原理是什么 图解Java HashMap的存储结构和哈希机制Java中HashMap的工作原理是什么 图解Java HashMap的存储结构和哈希机制

    java hashmap通过哈希表实现键值对的高效存储与检索,其底层结构为数组加链表(或红黑树),1. 哈希函数将键转换为数组索引以定位存储位置;2. 使用链地址法解决哈希冲突,jdk 1.8后引入红黑树优化长链表查找效率;3. put操作包括计算哈希、定位桶、处理冲突及扩容判断;4. get操作通…

    2026年8月25日 用户投稿
    600
  • Java中对象流怎么使用 掌握Java序列化对象的读写方法

    Java中对象流怎么使用 掌握Java序列化对象的读写方法Java中对象流怎么使用 掌握Java序列化对象的读写方法Java中对象流怎么使用 掌握Java序列化对象的读写方法Java中对象流怎么使用 掌握Java序列化对象的读写方法

    java对象流用于序列化和反序列化,即将对象转换为字节流以实现存储或传输。1. 要实现序列化,类需实现serializable接口并建议显式声明serialversionuid;2. 使用objectoutputstream将对象写入输出流完成序列化;3. 使用objectinputstream从输…

    2026年8月25日 用户投稿
    000
  • Java中Semaphore和Exchanger的应用场景解析

    Java中Semaphore和Exchanger的应用场景解析Java中Semaphore和Exchanger的应用场景解析Java中Semaphore和Exchanger的应用场景解析Java中Semaphore和Exchanger的应用场景解析

    semaphore和exchanger在java并发编程中各司其职。1. semaphore用于控制对共享资源的访问数量,适用于资源池限制、有界队列等场景;2. exchanger用于两个线程之间的数据交换,适用于生产者-消费者模型中直接交换数据的场景。semaphore通过acquire()和re…

    2026年8月25日 用户投稿
    000
  • java中的consumer关键字用途 消费者Consumer的2个典型应用

    java中的consumer关键字用途 消费者Consumer的2个典型应用java中的consumer关键字用途 消费者Consumer的2个典型应用java中的consumer关键字用途 消费者Consumer的2个典型应用java中的consumer关键字用途 消费者Consumer的2个典型应用

    java中的consumer接口用于定义不返回结果的操作,其核心目的是简化代码并提升可读性与维护性。1. 它常用于集合的foreach方法,实现更简洁的遍历操作;2. 在stream api中通过peek和foreach方法支持中间处理与最终操作;3. 可自定义多参数consumer接口以满足特定需…

    2026年8月25日 用户投稿
    000
  • Android自定义视图状态保存:避免直接序列化Drawable对象的策略

    在android自定义视图中保存状态时,直接将`drawable`对象序列化到`parcelable`中是不可行的,因为`drawable`及其子类通常不实现`parcelable`接口,会导致`classcastexception`。正确的做法是保存`drawable`的资源id,并在状态恢复时通…

    2026年8月25日
    100
  • Java中如何创建线程 详解三种创建线程的方式

    Java中如何创建线程 详解三种创建线程的方式Java中如何创建线程 详解三种创建线程的方式Java中如何创建线程 详解三种创建线程的方式Java中如何创建线程 详解三种创建线程的方式

    java中创建线程的核心方式有三种:实现runnable接口、继承thread类、使用executorservice。1.实现runnable接口是推荐方式,通过实现run()方法定义任务,再由thread执行,避免单继承限制并解耦任务与线程;2.继承thread类则直接重写run()方法,虽简单但…

    2026年8月25日 用户投稿
    500
  • Java中可重入锁的作用 解析ReentrantLock的实现原理

    Java中可重入锁的作用 解析ReentrantLock的实现原理Java中可重入锁的作用 解析ReentrantLock的实现原理Java中可重入锁的作用 解析ReentrantLock的实现原理Java中可重入锁的作用 解析ReentrantLock的实现原理

    可重入锁允许一个线程多次获取同一把锁,避免线程自身被锁死。1.reentrantlock基于aqs实现,通过cas操作和fifo队列管理锁的获取与释放;2.可重入性通过判断当前线程是否为锁持有者实现,state值记录重入次数;3.释放锁时减1,state为0才唤醒等待线程;4.可重入性在一定程度上避…

    2026年8月25日 用户投稿
    100
  • 如何解决本地图片在使用 mask JS 库时出现的跨域错误?

    如何跨越localhost使用本地图片? 问题: 在本地使用mask js库时,引入本地图片会报跨域错误。 解决方案: 要解决此问题,需要使用本地服务器启动文件,以http或https协议访问图片,而不是使用file://协议。例如: python -m http.server 8000 然后,可以…

    2025年12月24日
    600
  • 使用 Mask 导入本地图片时,如何解决跨域问题?

    跨域疑难:如何解决 mask 引入本地图片产生的跨域问题? 在使用 mask 导入本地图片时,你可能会遇到令人沮丧的跨域错误。为什么会出现跨域问题呢?让我们深入了解一下: mask 框架假设你以 http(s) 协议加载你的 html 文件,而当使用 file:// 协议打开本地文件时,就会产生跨域…

    2025年12月24日
    300
  • 正则表达式在文本验证中的常见问题有哪些?

    正则表达式助力文本输入验证 在文本输入框的验证中,经常遇到需要限定输入内容的情况。例如,输入框只能输入整数,第一位可以为负号。对于不会使用正则表达式的人来说,这可能是个难题。下面我们将提供三种正则表达式,分别满足不同的验证要求。 1. 可选负号,任意数量数字 如果输入框中允许第一位为负号,后面可输入…

    2025年12月24日
    400
  • 为什么多年的经验让我选择全栈而不是平均栈

    在全栈和平均栈开发方面工作了 6 年多,我可以告诉您,虽然这两种方法都是流行且有效的方法,但它们满足不同的需求,并且有自己的优点和缺点。这两个堆栈都可以帮助您创建 Web 应用程序,但它们的实现方式却截然不同。如果您在两者之间难以选择,我希望我在两者之间的经验能给您一些有用的见解。 在这篇文章中,我…

    2025年12月24日
    300

发表回复

登录后才能评论
关注微信