登录
推荐 文章 Go 技术 课程 下载 专题 AI
首页 >  Golang >  Go教程

Golang爬虫教程:Colly框架入门实战

时间:2025-08-21 20:41:31 496浏览 收藏

**Golang爬虫入门:Colly框架助你轻松开发简易爬虫** 想用Golang写爬虫却觉得无从下手?Colly框架让你快速入门!Colly是Go语言中备受欢迎的爬虫框架,其结构清晰、性能卓越,尤其适合数据抓取类项目。本文将带你从零开始,学习如何使用Colly框架开发简易爬虫。文章将介绍Colly的安装与基础爬虫创建,包括创建collector实例、设置回调函数、访问目标URL并提取页面标题。同时,还将讲解如何抓取列表页中的链接,存储抓取到的数据,以及如何防止重复抓取、设置User-Agent、控制并发和延迟等实用技巧。即使是动态内容,也能通过结合chromedp等工具轻松应对。掌握这些要点,你也能快速上手Colly爬虫开发,开启你的数据抓取之旅!

用Golang写爬虫不难,尤其使用colly框架时上手快。1. 安装colly并创建基础爬虫:执行go get github.com/gocolly/colly/v2,编写代码创建collector实例、设置回调函数、访问目标URL提取页面标题;2. 抓取列表页中的链接:通过c.OnHTML配合CSS选择器如.post-list a[href]提取详情链接,并可复用collector访问这些链接;3. 存储抓取数据:定义结构体如Article保存标题和URL,将结果存入变量后续导出为JSON或数据库;4. 防止重复抓取可通过WithDomain限制域名,设置User-Agent避免被屏蔽,控制并发和延迟提升大规模抓取效率,动态内容需结合chromedp等工具处理。掌握这些要点即可快速入门colly爬虫开发。

如何用Golang开发简易爬虫程序 使用colly框架入门实战

用Golang写爬虫其实不难,尤其当你使用colly这个框架时,上手非常快。Colly是Go语言中最受欢迎的爬虫库之一,结构清晰、性能好,适合做数据抓取类的小项目。如果你刚接触Go和网络爬虫,这篇文章可以帮你快速入门。

如何用Golang开发简易爬虫程序 使用colly框架入门实战

安装Colly并创建一个基础爬虫

首先你得确保Go环境已经配好,然后安装colly:

如何用Golang开发简易爬虫程序 使用colly框架入门实战
go get github.com/gocolly/colly/v2

接下来是最简单的例子:访问一个网页并打印页面标题。

package main

import (
    "fmt"
    "github.com/gocolly/colly/v2"
)

func main() {
    // 创建一个新的Collector实例
    c := colly.NewCollector()

    // 在每次抓取页面时触发
    c.OnHTML("html", func(e *colly.HTMLElement) {
        title := e.ChildText("title")
        fmt.Println("页面标题是:", title)
    })

    // 开始请求目标URL
    c.Visit("https://example.com")
}

这段代码会访问example.com,提取它的</code>标签内容并输出。看起来简单,但已经包含了colly的基本结构:创建collector → 设置回调函数 → 发起请求。</p><img src="/uploads/20250821/175578006968a713e58b675.jpg" alt="如何用Golang开发简易爬虫程序 使用colly框架入门实战"><hr><h3>抓取列表页中的链接</h3><p>实际开发中,我们经常需要从一个列表页里抓取多个条目的详情链接。比如新闻网站的首页,每条新闻都是一个链接。</p><p>假设你想抓取某个博客首页的所有文章链接,可以这样做:</p><pre class="brush:language-go;toolbar:false;">c.OnHTML(".post-list a[href]", func(e *colly.HTMLElement) { link := e.Attr("href") fmt.Println("发现文章链接:", link) })</pre><p>这里的关键点在于选择器要准确,<code>.post-list a[href]</code>表示在class为<code>post-list</code>的容器内找所有带<code>href</code>属性的<code>a</code>标签。你可以根据实际页面结构调整选择器。</p><p>如果想进一步访问这些链接,可以用另一个collector去处理详情页,或者复用当前collector,加上限制域名等设置。</p><hr><h3>存储抓取到的数据</h3><p>光打印出来不够实用,一般我们会把数据保存下来,比如JSON文件或数据库。</p><p>最简单的做法是定义一个结构体,把抓取结果存进去:</p><pre class="brush:language-go;toolbar:false;">type Article struct { Title string URL string } var articles []Article c.OnHTML(".post-list a[href]", func(e *colly.HTMLElement) { link := e.Attr("href") title := e.Text articles = append(articles, Article{ Title: title, URL: link, }) })</pre><p>之后你可以把这些数据导出成JSON,或者插入到SQLite、MySQL这样的数据库里。这部分就不展开讲了,重点还是放在爬虫本身逻辑上。</p><hr><h3>一些常见问题和建议</h3><ul><li><p><strong>防止重复抓取</strong>:可以用<code>colly.WithDomain("example.com")</code>限制域名,避免进入无关页面。</p></li><li><p><strong>设置User-Agent</strong>:有些网站会屏蔽默认的Go User-Agent,可以在初始化collector后加上:</p><pre class="brush:language-go;toolbar:false;">c.UserAgent = "Mozilla/5.0 (compatible; ExampleBot/1.0; +http://example.com/bot)"</pre></li><li><p><strong>控制并发和限速</strong>:对于大规模抓取,可以设置最大并发数和延迟:</p><pre class="brush:language-go;toolbar:false;">c.Limit(&colly.LimitRule{DomainGlob: "*", Parallelism: 2, Delay: 1 * time.Second})</pre></li><li><p><strong>处理JavaScript渲染页面</strong>:Colly本身只能抓静态HTML,无法执行JS。如果目标页面是动态加载的内容,就得考虑用其他工具配合,比如chromedp或selenium。</p></li></ul><hr><p>基本上就这些。用colly写个简易爬虫并不复杂,关键是熟悉HTML结构和CSS选择器的写法。多练几个小项目,就能掌握常见的抓取套路了。</p><p>理论要掌握,实操不能落!以上关于《Golang爬虫教程:Colly框架入门实战》的详细介绍,大家都掌握了吧!如果想要继续提升自己的能力,那么就来关注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/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  2个月前  |   </div> <div class="tit lineOverflow"><a href="/article/619847.html" title="Java 性能优化上线清单:从定位、改造到灰度发布" class="aBlack">Java 性能优化上线清单:从定位、改造到灰度发布</a></div> <div class="opt"> <span><i class="view"></i>860</span> <span class="collectBtn user_collection" data-id="619847" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  2个月前  |   </div> <div class="tit lineOverflow"><a href="/article/619846.html" title="Spring Boot 压测验证:Gatling、JMeter 与性能回归门禁" class="aBlack">Spring Boot 压测验证:Gatling、JMeter 与性能回归门禁</a></div> <div class="opt"> <span><i class="view"></i>843</span> <span class="collectBtn user_collection" data-id="619846" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  2个月前  |   </div> <div class="tit lineOverflow"><a href="/article/619845.html" title="Java NMT 非堆内存排查:Direct Buffer、线程栈与 Metaspace 分析" class="aBlack">Java NMT 非堆内存排查:Direct Buffer、线程栈与 Metaspace 分析</a></div> <div class="opt"> <span><i class="view"></i>826</span> <span class="collectBtn user_collection" data-id="619845" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  2个月前  |   </div> <div class="tit lineOverflow"><a href="/article/619844.html" title="Spring Boot 容器内存优化:JVM 堆、非堆与 MaxRAMPercentage" class="aBlack">Spring Boot 容器内存优化:JVM 堆、非堆与 MaxRAMPercentage</a></div> <div class="opt"> <span><i class="view"></i>809</span> <span class="collectBtn user_collection" data-id="619844" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  2个月前  |   </div> <div class="tit lineOverflow"><a href="/article/619843.html" title="Tomcat 连接与线程参数调优:maxThreads、acceptCount 与 KeepAlive" class="aBlack">Tomcat 连接与线程参数调优:maxThreads、acceptCount 与 KeepAlive</a></div> <div class="opt"> <span><i class="view"></i>792</span> <span class="collectBtn user_collection" data-id="619843" 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/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  3小时前  |   <a href="/articletag/16_new_0_1.html" class="aLightGray" title="文件处理">文件处理</a> · <a href="/articletag/594_new_0_1.html" class="aLightGray" title="go">go</a> · <a href="/articletag/42639_new_0_1.html" class="aLightGray" title="archive/zip">archive/zip</a> · <a href="javascript:;" class="aLightGray" title="archive/zip">archive/zip</a> <a href="javascript:;" class="aLightGray" title="ZIP下载">ZIP下载</a> <a href="javascript:;" class="aLightGray" title="Go文件打包">Go文件打包</a> </div> <div class="tit lineOverflow"><a href="/article/624199.html" title="Go 怎么把多个文件打包成 ZIP 并提供下载" class="aBlack">Go 怎么把多个文件打包成 ZIP 并提供下载</a></div> <div class="opt"> <span><i class="view"></i>316</span> <span class="collectBtn user_collection" data-id="624199" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  3小时前  |   <a href="/articletag/540_new_0_1.html" class="aLightGray" title="HTTP">HTTP</a> · <a href="/articletag/594_new_0_1.html" class="aLightGray" title="go">go</a> · <a href="/articletag/616_new_0_1.html" class="aLightGray" title="文件上传">文件上传</a> · <a href="/articletag/1364_new_0_1.html" class="aLightGray" title="安全">安全</a> · <a href="javascript:;" class="aLightGray" title="文件上传">文件上传</a> <a href="javascript:;" class="aLightGray" title="Go">Go</a> <a href="javascript:;" class="aLightGray" title="mime/multipart">mime/multipart</a> <a href="javascript:;" class="aLightGray" title="MaxBytesReader">MaxBytesReader</a> </div> <div class="tit lineOverflow"><a href="/article/624192.html" title="Go 文件上传怎么限制大小并保存原始文件名" class="aBlack">Go 文件上传怎么限制大小并保存原始文件名</a></div> <div class="opt"> <span><i class="view"></i>254</span> <span class="collectBtn user_collection" data-id="624192" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  4小时前  |   </div> <div class="tit lineOverflow"><a href="/article/624184.html" title="Go 怎么逐行读取大 CSV 文件并记录错误行" class="aBlack">Go 怎么逐行读取大 CSV 文件并记录错误行</a></div> <div class="opt"> <span><i class="view"></i>171</span> <span class="collectBtn user_collection" data-id="624184" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  17小时前  |   </div> <div class="tit lineOverflow"><a href="/article/624117.html" title="Go 结构体标签读取不一致:用 StructTag.Get 区分缺失键、空值与格式错误" class="aBlack">Go 结构体标签读取不一致:用 StructTag.Get 区分缺失键、空值与格式错误</a></div> <div class="opt"> <span><i class="view"></i>423</span> <span class="collectBtn user_collection" data-id="624117" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  21小时前  |   </div> <div class="tit lineOverflow"><a href="/article/624102.html" title="Go 私有模块在 CI 里突然走代理:用 GOPRIVATE、GONOSUMDB 和 GOPROXY 分开排查" class="aBlack">Go 私有模块在 CI 里突然走代理:用 GOPRIVATE、GONOSUMDB 和 GOPROXY 分开排查</a></div> <div class="opt"> <span><i class="view"></i>339</span> <span class="collectBtn user_collection" data-id="624102" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  21小时前  |   <a href="/articletag/19781_new_0_1.html" class="aLightGray" title="govulncheck">govulncheck</a> · <a href="/articletag/40534_new_0_1.html" class="aLightGray" title="Go安全">Go安全</a> · <a href="javascript:;" class="aLightGray" title="govulncheck">govulncheck</a> <a href="javascript:;" class="aLightGray" title="Go漏洞扫描">Go漏洞扫描</a> <a href="javascript:;" class="aLightGray" title="source模式">source模式</a> <a href="javascript:;" class="aLightGray" title="binary模式">binary模式</a> </div> <div class="tit lineOverflow"><a href="/article/624100.html" title="Go govulncheck 结果怎么看不误判:source 模式与 binary 模式各自能证明什么" class="aBlack">Go govulncheck 结果怎么看不误判:source 模式与 binary 模式各自能证明什么</a></div> <div class="opt"> <span><i class="view"></i>142</span> <span class="collectBtn user_collection" data-id="624100" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  21小时前  |   <a href="/articletag/109_new_0_1.html" class="aLightGray" title="依赖管理">依赖管理</a> · <a href="/articletag/594_new_0_1.html" class="aLightGray" title="go">go</a> · <a href="/articletag/42635_new_0_1.html" class="aLightGray" title="模块版本">模块版本</a> · <a href="javascript:;" class="aLightGray" title="Go">Go</a> <a href="javascript:;" class="aLightGray" title="MVS">MVS</a> <a href="javascript:;" class="aLightGray" title="go list">go list</a> <a href="javascript:;" class="aLightGray" title="Go Modules">Go Modules</a> </div> <div class="tit lineOverflow"><a href="/article/624099.html" title="Go 依赖升级后仍命中旧版本:用 go list -m all 还原 MVS 选择结果" class="aBlack">Go 依赖升级后仍命中旧版本:用 go list -m all 还原 MVS 选择结果</a></div> <div class="opt"> <span><i class="view"></i>462</span> <span class="collectBtn user_collection" data-id="624099" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  22小时前  |   </div> <div class="tit lineOverflow"><a href="/article/624091.html" title="govulncheck 为什么有的漏洞只出现在测试:按扫描范围拆分依赖风险" class="aBlack">govulncheck 为什么有的漏洞只出现在测试:按扫描范围拆分依赖风险</a></div> <div class="opt"> <span><i class="view"></i>189</span> <span class="collectBtn user_collection" data-id="624091" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  22小时前  |   <a href="/articletag/109_new_0_1.html" class="aLightGray" title="依赖管理">依赖管理</a> · <a href="/articletag/40264_new_0_1.html" class="aLightGray" title="Go Modules">Go Modules</a> · <a href="/articletag/40699_new_0_1.html" class="aLightGray" title="排障">排障</a> · <a href="javascript:;" class="aLightGray" title="Go">Go</a> <a href="javascript:;" class="aLightGray" title="replace">replace</a> <a href="javascript:;" class="aLightGray" title="go.mod">go.mod</a> <a href="javascript:;" class="aLightGray" title="go list">go list</a> </div> <div class="tit lineOverflow"><a href="/article/624080.html" title="Go replace 看似生效却仍下载远程模块:用 go list -m -json 查真实来源" class="aBlack">Go replace 看似生效却仍下载远程模块:用 go list -m -json 查真实来源</a></div> <div class="opt"> <span><i class="view"></i>409</span> <span class="collectBtn user_collection" data-id="624080" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  23小时前  |   </div> <div class="tit lineOverflow"><a href="/article/624077.html" title="govulncheck 报告里的 symbol 是什么:从入口函数追到可达漏洞代码" class="aBlack">govulncheck 报告里的 symbol 是什么:从入口函数追到可达漏洞代码</a></div> <div class="opt"> <span><i class="view"></i>151</span> <span class="collectBtn user_collection" data-id="624077" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  1天前  |   </div> <div class="tit lineOverflow"><a href="/article/624062.html" title="Go 服务 CPU 高还是内存涨:按症状选择 pprof profile 并验证热点" class="aBlack">Go 服务 CPU 高还是内存涨:按症状选择 pprof profile 并验证热点</a></div> <div class="opt"> <span><i class="view"></i>314</span> <span class="collectBtn user_collection" data-id="624062" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/25_new_0_1.html" class="aLightGray" title="Golang">Golang</a> · <a href="/articlelist/44_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a>   |  1天前  |   <a href="/articletag/109_new_0_1.html" class="aLightGray" title="依赖管理">依赖管理</a> · <a href="/articletag/39701_new_0_1.html" class="aLightGray" title="工程实践">工程实践</a> · <a href="/articletag/40534_new_0_1.html" class="aLightGray" title="Go安全">Go安全</a> · <a href="javascript:;" class="aLightGray" title="Go">Go</a> <a href="javascript:;" class="aLightGray" title="漏洞扫描">漏洞扫描</a> <a href="javascript:;" class="aLightGray" title="调用链">调用链</a> <a href="javascript:;" class="aLightGray" title="govulncheck">govulncheck</a> <a href="javascript:;" class="aLightGray" title="依赖漏洞">依赖漏洞</a> </div> <div class="tit lineOverflow"><a href="/article/624060.html" title="Go 依赖漏洞太多如何降噪:用 govulncheck 区分导入与真实调用链" class="aBlack">Go 依赖漏洞太多如何降噪:用 govulncheck 区分导入与真实调用链</a></div> <div class="opt"> <span><i class="view"></i>445</span> <span class="collectBtn user_collection" data-id="624060" 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 --> <div class="footer"> <ul> <li ><a href="/" class="aLightGray"><em class="navIcon navIconHome"></em><span>首页</span></a></li> <li class="curr"><a href="/articlelist.html" class="aLightGray"><em class="navIcon navIconRead"></em><span>阅读</span></a></li> <li ><a href="/courselist.html" class="aLightGray"><em class="navIcon navIconCourse"></em><span>课程</span></a></li> <li ><a href="/ai.html" class="aLightGray"><em class="navIcon navIconAi"></em><span>AI助手</span></a></li> <li ><a href="/user.html" class="aLightGray"><em class="navIcon navIconUser"></em><span>我的</span></a></li> </ul> </div> <script src="/assets/js/frontend/common.js" defer></script> <script src="/assets/js/juejin-theme.js?v=20260613b" defer></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?e34c3e8ab31ba35d7e1c48ea8d77315f"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>