BeautifulSoup提取HTML生成新文档方法
时间：2025-10-25 09:18:29
445浏览
收藏
亲爱的编程学习爱好者，如果你点开了这篇文章，说明你对《用BeautifulSoup提取HTML并生成新文档》很感兴趣。本篇文章就来给大家详细解析一下，主要介绍一下，希望所有认真读完的童鞋们，都有实质性的提高。
本文详细介绍了如何利用Python的BeautifulSoup库，从现有HTML文件中高效地提取指定标签及其内容，并构建一个新的HTML文档。通过迭代预定义的标签筛选规则，结合BeautifulSoup的find方法和append功能，我们能够避免繁琐的字符串拼接，实现更简洁、更具可维护性的HTML元素筛选与重构。
挑战：传统字符串拼接的局限性
在处理HTML文档时，我们经常需要从一个现有页面中提取特定部分，并将其组合成一个新的HTML文件。一种直观但效率不高的方法是，使用BeautifulSoup解析原始HTML，然后手动提取每个目标元素的字符串表示，并通过字符串拼接的方式构建新页面的HTML内容。例如：
from bs4 import BeautifulSoup
with open('P:/Test.html', 'r') as f:
contents = f.read()
soup= BeautifulSoup(contents, 'html.parser')
NewHTML = "<html><body>"
NewHTML+="\n"+str(soup.find('title'))
NewHTML+="\n"+str(soup.find('p', attrs={'class': 'm-b-0'}))
NewHTML+="\n"+str(soup.find('div', attrs={'id' :'right-col'}))
NewHTML+= "</body></html>"
with open("output1.html", "w") as file:
file.write(NewHTML)这种方法虽然能够实现目标，但存在明显的局限性：
- 可维护性差：当需要提取的元素数量增多或结构变得复杂时，手动拼接字符串会变得异常繁琐且容易出错。
- 非BeautifulSoup惯用方式：BeautifulSoup提供了强大的API来操作HTML树结构，直接拼接字符串未能充分利用这些功能。
- 潜在的解析问题：手动拼接可能导致HTML结构不完整或格式不正确，尤其是在处理包含特殊字符或嵌套结构的元素时。
为了解决这些问题，我们可以采用BeautifulSoup提供的方法，以更优雅和健壮的方式构建新的HTML文档。
核心策略：BeautifulSoup的元素操作
BeautifulSoup允许我们像操作DOM一样操作HTML元素。其关键在于：
- 创建新的BeautifulSoup对象：将其作为新HTML文档的容器。
- 利用find()或find_all()定位元素：在原始HTML中找到需要提取的元素。
- 使用append()方法追加元素：将找到的元素（BeautifulSoup Tag对象）直接添加到新HTML文档的相应位置（如body标签内）。
这种方法避免了字符串层面的操作，直接在BeautifulSoup的解析树层面进行，确保了HTML结构的正确性和一致性。
实现步骤详解
下面将详细介绍如何通过BeautifulSoup的append方法，选择性地从一个HTML页面中提取特定标签并构建一个新的HTML文件。
1. 加载源HTML文档
首先，我们需要读取并解析包含源内容的HTML文件。
from bs4 import BeautifulSoup
# 假设原始HTML文件名为 'Test.html'
with open('Test.html', 'r', encoding='utf-8') as f:
contents = f.read()
soup = BeautifulSoup(contents, 'html.parser')注意：为了避免编码问题，建议在打开文件时明确指定编码，例如encoding='utf-8'。
2. 初始化目标HTML结构
创建一个新的BeautifulSoup对象，作为我们即将构建的新HTML文档的骨架。通常，我们会从一个基本的
结构开始。
new_html = BeautifulSoup("<html><body></body></html>", 'html.parser')此时，new_html是一个空的HTML文档结构，其body标签是我们可以向其中追加元素的根节点。
3. 定义元素筛选规则
为了灵活地选择需要保留的元素，我们可以定义一个列表，其中包含要提取的标签名称或带有属性的标签信息。
- 对于仅按标签名筛选的元素，可以直接使用字符串。
- 对于需要按标签名和属性筛选的元素，可以使用字典，键为标签名，值为属性字典。
tags_to_keep = [
'title', # 提取 <title> 标签
{'p': {'class': 'm-b-0'}}, # 提取 class 为 'm-b-0' 的 <p> 标签
{'div': {'id': 'right-col'}} # 提取 id 为 'right-col' 的 <div> 标签
]4. 迭代筛选并追加元素
遍历tags_to_keep列表。根据每个元素的类型（字符串或字典），使用soup.find()方法在原始soup对象中查找对应的元素，然后将其追加到new_html.body中。
for tag_rule in tags_to_keep:
found_element = None
if isinstance(tag_rule, str):
# 如果是字符串，按标签名查找
found_element = soup.find(tag_rule)
elif isinstance(tag_rule, dict):
# 如果是字典，提取标签名和属性进行查找
tag_name = list(tag_rule.keys())[0]
tag_attrs = tag_rule[tag_name]
found_element = soup.find(tag_name, attrs=tag_attrs)
# 检查是否找到元素，避免追加 None
if found_element:
new_html.body.append(found_element)5. 保存新HTML文件
最后，将构建好的new_html对象转换为字符串，并写入到一个新的HTML文件中。
with open("output1.html", "w", encoding='utf-8') as file:
file.write(str(new_html))示例代码
将上述步骤整合到一起，完整的实现代码如下：
from bs4 import BeautifulSoup
# 1. 加载源HTML文档
with open('Test.html', 'r', encoding='utf-8') as f:
contents = f.read()
soup = BeautifulSoup(contents, 'html.parser')
# 2. 初始化目标HTML结构
new_html = BeautifulSoup("<html><body></body></html>", 'html.parser')
# 3. 定义元素筛选规则
tags_to_keep = [
'title', # 提取 <title> 标签
{'p': {'class': 'm-b-0'}}, # 提取 class 为 'm-b-0' 的 <p> 标签
{'div': {'id': 'right-col'}} # 提取 id 为 'right-col' 的 <div> 标签
]
# 4. 迭代筛选并追加元素
for tag_rule in tags_to_keep:
found_element = None
if isinstance(tag_rule, str):
# 如果是字符串，按标签名查找
found_element = soup.find(tag_rule)
elif isinstance(tag_rule, dict):
# 如果是字典，提取标签名和属性进行查找
tag_name = list(tag_rule.keys())[0]
tag_attrs = tag_rule[tag_name]
found_element = soup.find(tag_name, attrs=tag_attrs)
# 检查是否找到元素，避免追加 None
if found_element:
# Beautiful Soup的append方法会将元素及其所有子元素一并追加
new_html.body.append(found_element)
# 5. 保存新HTML文件
with open("output1.html", "w", encoding='utf-8') as file:
file.write(str(new_html))
print("新HTML文件 'output1.html' 已生成。")源HTML示例
为了更好地理解上述代码的运行效果，假设Test.html文件内容如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试页面</title>
</head>
<body>
<h1>这是一个标题</h1>
<p class="m-b-0">这是一个带有特定类名的段落。</p>
<div id="left-col">
<p>左侧列内容。</p>
</div>
<div id="right-col">
<p>右侧列内容。</p>
<span>更多右侧内容。</span>
</div>
<p>这是另一个普通段落。</p>
</body>
</html>生成结果预览
运行上述Python代码后，output1.html文件将包含以下内容：
<html>
<body>
<title>
测试页面
</title>
<p class="m-b-0">
这是一个带有特定类名的段落。
</p>
<div id="right-col">
<p>
右侧列内容。
</p>
<span>
更多右侧内容。
</span>
</div>
</body>
</html>可以看到，原始页面中的
、带有class="m-b-0"的<p>标签以及带有id="right-col"的<div>标签及其所有子元素都被成功提取并组合到了新的HTML文件中。</p><h3>注意事项与进阶考量</h3><ol><li><p><strong>处理未找到的元素</strong>：soup.find()在找不到匹配元素时会返回None。在追加之前进行if found_element:检查是良好的编程习惯，可以避免将None对象添加到HTML树中，从而导致潜在的错误或不完整的输出。</p></li><li><p><strong>选择多个匹配项 (find_all)</strong>：如果需要提取所有符合条件的元素，而不是第一个匹配项，应使用soup.find_all()方法。find_all()会返回一个BeautifulSoup Tag对象的列表，你需要遍历这个列表，并将每个找到的元素逐一追加到新HTML文档中。</p><pre># 示例：提取所有 <p> 标签
all_paragraphs = soup.find_all('p')
for p_tag in all_paragraphs:
new_html.body.append(p_tag)</pre></li><li><p><strong>构建复杂新结构</strong>：本教程示例将所有元素追加到body标签下。如果需要构建更复杂的HTML结构（例如，将某些元素放入head，另一些放入body的特定div中），你需要创建更多的BeautifulSoup Tag对象，并使用append()、insert()等方法将元素放置到精确的位置。</p></li><li><p><strong>编码问题</strong>：在读取和写入文件时，务必注意文件编码。通常推荐使用utf-8。</p></li><li><p><strong>性能考量</strong>：对于非常大的HTML文件和大量的提取操作，BeautifulSoup的解析和操作可能会消耗较多内存和时间。在极端情况下，可以考虑其他更底层的HTML解析库，但对于大多数网页抓取和处理任务，BeautifulSoup的性能是完全足够的。</p></li></ol><h3>总结</h3><p>通过利用BeautifulSoup的内部机制，我们可以以一种声明式和结构化的方式从现有HTML文档中提取并重构新的HTML内容。这种方法不仅代码更简洁、更易于理解和维护，而且能够确保生成的HTML结构是有效的。掌握find()、find_all()和append()等核心方法，将大大提高你在Python中处理HTML文档的效率和健壮性。</p><p>今天关于《BeautifulSoup提取HTML生成新文档方法》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！</p> </div>
<div class="labsList">
</div>
</div>
<!-- 最新阅读 -->
<div class="contBoxNor">
<div class="contTit">
<div class="tit">相关阅读</div>
<a href="/articlelist.html" class="more">更多></a>
</div>
<ul class="latestReadList">
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 1年前 |
<a href="javascript:;" class="aLightGray" title="高效开发">高效开发</a>
<a href="javascript:;" class="aLightGray" title="Flask框架">Flask框架</a>
<a href="javascript:;" class="aLightGray" title="安装技巧">安装技巧</a>
</div>
<div class="tit lineOverflow"><a href="/article/80964.html" title="Flask框架安装技巧：让你的开发更高效" class="aBlack">Flask框架安装技巧：让你的开发更高效</a></div>
<div class="opt">
<span><i class="view"></i>501</span>
<span class="collectBtn user_collection" data-id="80964" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 1年前 |
<a href="javascript:;" class="aLightGray" title="Django">Django</a>
<a href="javascript:;" class="aLightGray" title="技巧">技巧</a>
<a href="javascript:;" class="aLightGray" title="多线程">多线程</a>
</div>
<div class="tit lineOverflow"><a href="/article/90241.html" title="Django框架中的并发处理技巧" class="aBlack">Django框架中的并发处理技巧</a></div>
<div class="opt">
<span><i class="view"></i>501</span>
<span class="collectBtn user_collection" data-id="90241" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 1年前 |
<a href="javascript:;" class="aLightGray" title="下载速度">下载速度</a>
<a href="javascript:;" class="aLightGray" title="pip源配置">pip源配置</a>
<a href="javascript:;" class="aLightGray" title="国内源">国内源</a>
</div>
<div class="tit lineOverflow"><a href="/article/88174.html" title="提升Python包下载速度的方法——正确配置pip的国内源" class="aBlack">提升Python包下载速度的方法——正确配置pip的国内源</a></div>
<div class="opt">
<span><i class="view"></i>501</span>
<span class="collectBtn user_collection" data-id="88174" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 1年前 |
<a href="javascript:;" class="aLightGray" title="Python">Python</a>
<a href="javascript:;" class="aLightGray" title="C++">C++</a>
<a href="javascript:;" class="aLightGray" title="选择">选择</a>
</div>
<div class="tit lineOverflow"><a href="/article/113474.html" title="Python与C++：哪个编程语言更适合初学者？" class="aBlack">Python与C++：哪个编程语言更适合初学者？</a></div>
<div class="opt">
<span><i class="view"></i>501</span>
<span class="collectBtn user_collection" data-id="113474" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 1年前 |
</div>
<div class="tit lineOverflow"><a href="/article/120624.html" title="品牌建设技巧" class="aBlack">品牌建设技巧</a></div>
<div class="opt">
<span><i class="view"></i>501</span>
<span class="collectBtn user_collection" data-id="120624" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
</ul>
</div>
<!-- 最新阅读 -->
<div class="contBoxNor">
<div class="contTit">
<div class="tit">最新阅读</div>
<a href="/articlelist.html" class="more">更多></a>
</div>
<ul class="latestReadList">
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 5分钟前 |
<a href="javascript:;" class="aLightGray" title="Python3">Python3</a>
<a href="javascript:;" class="aLightGray" title="函数">函数</a>
<a href="javascript:;" class="aLightGray" title="基础语法">基础语法</a>
<a href="javascript:;" class="aLightGray" title="控制流">控制流</a>
<a href="javascript:;" class="aLightGray" title="变量与数据类型">变量与数据类型</a>
</div>
<div class="tit lineOverflow"><a href="/article/406838.html" title="Python3基础语法详解教程" class="aBlack">Python3基础语法详解教程</a></div>
<div class="opt">
<span><i class="view"></i>248</span>
<span class="collectBtn user_collection" data-id="406838" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 1小时前 |
<a href="javascript:;" class="aLightGray" title="Python">Python</a>
<a href="javascript:;" class="aLightGray" title="数据结构">数据结构</a>
<a href="javascript:;" class="aLightGray" title="namedtuple">namedtuple</a>
<a href="javascript:;" class="aLightGray" title="扑克牌">扑克牌</a>
<a href="javascript:;" class="aLightGray" title="Card">Card</a>
</div>
<div class="tit lineOverflow"><a href="/article/406753.html" title="Pythonnamedtuple打造扑克牌玩法详解" class="aBlack">Pythonnamedtuple打造扑克牌玩法详解</a></div>
<div class="opt">
<span><i class="view"></i>291</span>
<span class="collectBtn user_collection" data-id="406753" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 1小时前 |
</div>
<div class="tit lineOverflow"><a href="/article/406739.html" title="PythonIQR方法检测异常值详解" class="aBlack">PythonIQR方法检测异常值详解</a></div>
<div class="opt">
<span><i class="view"></i>478</span>
<span class="collectBtn user_collection" data-id="406739" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 1小时前 |
<a href="javascript:;" class="aLightGray" title="Python">Python</a>
<a href="javascript:;" class="aLightGray" title="对象">对象</a>
<a href="javascript:;" class="aLightGray" title="内置函数">内置函数</a>
<a href="javascript:;" class="aLightGray" title="属性和方法">属性和方法</a>
<a href="javascript:;" class="aLightGray" title="dir()函数">dir()函数</a>
</div>
<div class="tit lineOverflow"><a href="/article/406738.html" title="Python中dir函数使用方法详解" class="aBlack">Python中dir函数使用方法详解</a></div>
<div class="opt">
<span><i class="view"></i>222</span>
<span class="collectBtn user_collection" data-id="406738" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 2小时前 |
</div>
<div class="tit lineOverflow"><a href="/article/406684.html" title="Python除零错误解决方法详解" class="aBlack">Python除零错误解决方法详解</a></div>
<div class="opt">
<span><i class="view"></i>275</span>
<span class="collectBtn user_collection" data-id="406684" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 2小时前 |
</div>
<div class="tit lineOverflow"><a href="/article/406654.html" title="pip安装mysql-connector教程" class="aBlack">pip安装mysql-connector教程</a></div>
<div class="opt">
<span><i class="view"></i>116</span>
<span class="collectBtn user_collection" data-id="406654" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 2小时前 |
</div>
<div class="tit lineOverflow"><a href="/article/406641.html" title="Python中chr函数的使用方法与示例" class="aBlack">Python中chr函数的使用方法与示例</a></div>
<div class="opt">
<span><i class="view"></i>260</span>
<span class="collectBtn user_collection" data-id="406641" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 2小时前 |
<a href="javascript:;" class="aLightGray" title="继承">继承</a>
<a href="javascript:;" class="aLightGray" title="对象初始化">对象初始化</a>
<a href="javascript:;" class="aLightGray" title="构造函数">构造函数</a>
<a href="javascript:;" class="aLightGray" title="__init__">__init__</a>
<a href="javascript:;" class="aLightGray" title="super().__init__()">super().__init__()</a>
</div>
<div class="tit lineOverflow"><a href="/article/406620.html" title="Python\_\_init\_\_函数全解析" class="aBlack">Python\_\_init\_\_函数全解析</a></div>
<div class="opt">
<span><i class="view"></i>296</span>
<span class="collectBtn user_collection" data-id="406620" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 3小时前 |
</div>
<div class="tit lineOverflow"><a href="/article/406613.html" title="ib_insyc获取交易合约ID方法详解" class="aBlack">ib_insyc获取交易合约ID方法详解</a></div>
<div class="opt">
<span><i class="view"></i>341</span>
<span class="collectBtn user_collection" data-id="406613" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 3小时前 |
</div>
<div class="tit lineOverflow"><a href="/article/406610.html" title="Pandera多列校验：DataFrame数据验证教程" class="aBlack">Pandera多列校验：DataFrame数据验证教程</a></div>
<div class="opt">
<span><i class="view"></i>139</span>
<span class="collectBtn user_collection" data-id="406610" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 3小时前 |
</div>
<div class="tit lineOverflow"><a href="/article/406603.html" title="GitLabCI/CD运行Pyglet测试教程" class="aBlack">GitLabCI/CD运行Pyglet测试教程</a></div>
<div class="opt">
<span><i class="view"></i>212</span>
<span class="collectBtn user_collection" data-id="406603" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
<li>
<div class="info">
<a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> ·
<a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>
| 3小时前 |
<a href="javascript:;" class="aLightGray" title="Numpy">Numpy</a>
<a href="javascript:;" class="aLightGray" title="数学运算">数学运算</a>
<a href="javascript:;" class="aLightGray" title="Python字典">Python字典</a>
<a href="javascript:;" class="aLightGray" title="字典推导式">字典推导式</a>
<a href="javascript:;" class="aLightGray" title="聚合运算">聚合运算</a>
</div>
<div class="tit lineOverflow"><a href="/article/406594.html" title="Python3字典如何进行数学运算？" class="aBlack">Python3字典如何进行数学运算？</a></div>
<div class="opt">
<span><i class="view"></i>205</span>
<span class="collectBtn user_collection" data-id="406594" data-type="article" title="收藏"><i class="collect"></i>收藏</span>
</div>
</li>
</ul>
</div>
<!-- 课程推荐 -->
<div class="contBoxNor">
<div class="contTit">
<div class="tit">课程推荐</div>
<a href="/courselist.html" class="more">更多></a>
</div>
<ul class="classRecomList">
<li>
<a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="img_box">
<img src="/uploads/20221222/52fd0f23a454c71029c2c72d206ed815.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="前端进阶之JavaScript设计模式">
</a>
<dl>
<dt class="lineOverflow">
前端进阶之JavaScript设计模式 </dt>
<dd class="cont1 lineOverflow">设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。</dd>
<dd class="cont2">
<a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="toStudy">立即学习</a>
<span>543次学习</span>
</dd>
</dl>
</li>
<li>
<a href="/course/2.html" title="GO语言核心编程课程" class="img_box">
<img src="/uploads/20221221/634ad7404159bfefc6a54a564d437b5f.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="GO语言核心编程课程">
</a>
<dl>
<dt class="lineOverflow">
GO语言核心编程课程 </dt>
<dd class="cont1 lineOverflow">本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。</dd>
<dd class="cont2">
<a href="/course/2.html" title="GO语言核心编程课程" class="toStudy">立即学习</a>
<span>516次学习</span>
</dd>
</dl>
</li>
<li>
<a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="img_box">
<img src="/uploads/20240103/bad35fe14edbd214bee16f88343ac57c.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="简单聊聊mysql8与网络通信">
</a>
<dl>
<dt class="lineOverflow">
简单聊聊mysql8与网络通信 </dt>
<dd class="cont1 lineOverflow">如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让</dd>
<dd class="cont2">
<a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="toStudy">立即学习</a>
<span>500次学习</span>
</dd>
</dl>
</li>
<li>
<a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="img_box">
<img src="/uploads/20221226/bbe4083bb3cb0dd135fb02c31c3785fb.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="JavaScript正则表达式基础与实战">
</a>
<dl>
<dt class="lineOverflow">
JavaScript正则表达式基础与实战 </dt>
<dd class="cont1 lineOverflow">在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。</dd>
<dd class="cont2">
<a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="toStudy">立即学习</a>
<span>487次学习</span>
</dd>
</dl>
</li>
<li>
<a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="img_box">
<img src="/uploads/20221223/ac110f88206daeab6c0cf38ebf5fe9ed.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="从零制作响应式网站—Grid布局">
</a>
<dl>
<dt class="lineOverflow">
从零制作响应式网站—Grid布局 </dt>
<dd class="cont1 lineOverflow">本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。</dd>
<dd class="cont2">
<a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="toStudy">立即学习</a>
<span>485次学习</span>
</dd>
</dl>
</li>
</ul>
</div>
</div>
<!-- footer -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<div class="footer">
<ul>
<li ><a href="/" class="aLightGray"><em class="material-icons">home</em><span>首页</span></a></li>
<li class="curr"><a href="/articlelist.html" class="aLightGray"><em class="material-icons">menu_book</em><span>阅读</span></a></li>
<li ><a href="/courselist.html" class="aLightGray"><em class="material-icons">school</em><span>课程</span></a></li>
<li ><a href="/ai.html" class="aLightGray"><em class="material-icons">smart_toy</em><span>AI助手</span></a></li>
<li ><a href="/user.html" class="aLightGray"><em class="material-icons">person</em><span>我的</span></a></li>
</ul>
</div>
<script src="/assets/js/require.js" data-main="/assets/js/require-frontend.js?v=1671101972"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?3dc5666f6478c7bf39cd5c91e597423d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html> 