首页 > Golang > Go教程

Golang用colly做简单爬虫教程

时间：2025-06-30 14:42:15 454浏览收藏

你在学习Golang相关的知识吗？本文《Golang用colly实现简单爬虫教程》，主要介绍的内容就涉及到，如果你想提升自己的开发能力，就不要错过这篇文章，大家要知道编程理论基础和实战操作都是不可或缺的哦！

实现一个简单的爬虫程序在Golang中使用colly框架非常高效。1. 安装colly：执行go get github.com/gocolly/colly/v2完成安装；2. 创建采集器：使用colly.NewCollector()创建采集器并用OnHTML监听HTML元素提取内容，如抓取网页标题；3. 抓取多个链接：通过OnHTML捕获a标签并递归访问子链接，可设置MaxDepth限制爬取深度；4. 设置请求头与延迟：用OnRequest设置User-Agent模拟浏览器行为，并通过Limit控制并发和请求间隔降低被封风险；5. 保存数据：将结果保存为JSON格式或存入数据库，满足后续分析需求。这些步骤展示了colly的基本用法，适合快速开发小型爬虫项目。

怎样用Golang实现一个简单的爬虫程序使用colly框架实战

实现一个简单的爬虫程序其实并不难，尤其是在 Golang 中使用 colly 这个框架，可以非常高效地完成网页抓取任务。Colly 是 Go 语言中最流行的爬虫库之一，简单易用、性能高，适合新手入门和快速开发。

安装 Colly

在开始写代码之前，首先需要安装 colly：

go get github.com/gocolly/colly/v2

这一步完成后，就可以在项目中导入并使用了。记得保持你的 Go 环境配置正确，否则可能会遇到依赖问题。

创建第一个爬虫：抓取网页标题

我们先从最基础的示例入手：抓取某个网页的 </code> 标签内容。</p><img src="/uploads/20250630/17512656936862319d21e4a.jpg" alt="怎样用Golang实现一个简单的爬虫程序使用colly框架实战"><pre class="brush:language-go;toolbar:false;">package main import ( "fmt" "github.com/gocolly/colly/v2" ) func main() { // 创建一个新的 collector c := colly.NewCollector() // 在访问每个页面时触发 c.OnHTML("title", func(e *colly.HTMLElement) { fmt.Println("页面标题是：", e.Text) }) // 开始访问目标网址 c.Visit("https://example.com") }</pre><p>这段代码的作用就是访问 <code>example.com</code> 并提取其中的标题。关键点在于：</p><ul><li>使用 <code>colly.NewCollector()</code> 创建采集器。</li><li>使用 <code>OnHTML</code> 监听 HTML 元素，传入选择器（如 CSS 选择器）。</li><li>使用 <code>Visit</code> 发起请求。</li></ul><p>你可以把 <code>https://example.com</code> 替换成任何你想爬取的网站试试看。</p><hr><h3>抓取多个链接：遍历页面中的所有超链接</h3><p>很多时候我们不仅想抓取一个页面的内容，还想顺着链接继续爬下去。这时候可以用 <code>OnHTML</code> 来捕获 <code><a></code> 标签，并递归访问它们。</p><pre class="brush:language-go;toolbar:false;">c.OnHTML("a[href]", func(e *colly.HTMLElement) { link := e.Attr("href") // 访问子链接 c.Visit(link) })</pre><p>但要注意，这样会无限递归下去。通常我们会限制采集深度：</p><pre class="brush:language-go;toolbar:false;">c := colly.NewCollector( colly.MaxDepth(2), // 只爬两层页面 )</pre><p>这样就能避免爬到太多无关页面，控制资源消耗。</p><hr><h3>设置请求头与延迟：模拟浏览器行为</h3><p>有些网站会对爬虫做限制，我们可以稍微“伪装”一下请求头，让服务器认为你是浏览器访问：</p><pre class="brush:language-go;toolbar:false;">c.OnRequest(func(r *colly.Request) { r.Headers.Set("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0 Safari/537.36") })</pre><p>另外，为了避免对服务器造成压力，也可以设置访问间隔：</p><pre class="brush:language-go;toolbar:false;">c.Limit(&colly.LimitRule{ DomainGlob: "*", Parallelism: 2, Delay: 1 * time.Second, })</pre><p>这样每秒最多请求一次，同时并发不超过两个请求，可以有效降低被封 IP 的风险。</p><hr><h3>小技巧：保存数据到文件或数据库</h3><p>爬下来的数据当然要保存起来。常见的做法是保存为 JSON 或 CSV 文件。</p><p>例如保存成 JSON：</p><pre class="brush:language-go;toolbar:false;">type Result struct { Title string `json:"title"` URL string `json:"url"` } var results []Result c.OnHTML("title", func(e *colly.HTMLElement) { results = append(results, Result{ Title: e.Text, URL: e.Request.URL.String(), }) }) // 最后用 json.MarshalIndent 写入文件即可</pre><p>如果你打算做更复杂的分析，还可以考虑将数据存入 SQLite、MySQL 或 MongoDB。</p><hr><p>基本上就这些了。Colly 功能很强大，上面只是展示了最基本的一些用法。实际使用中还可以结合代理、分布式架构等来提升效率。不过对于大多数小规模爬虫需求来说，这些已经够用了。</p><p>以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于Golang的相关知识，也可关注golang学习网公众号。</p> </div> <div class="labsList"> <a href="/special/3_new_0_1.html" class="aLightGray" target="_blank" title="golang">golang</a> <a href="javascript:;" class="aLightGray" title="爬虫">爬虫</a> </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> | 4个月前 | </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> | 4个月前 | </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> | 4个月前 | </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> | 4个月前 | </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> | 4个月前 | </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> | 14小时前 | <a href="/articletag/594_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="GOARCH">GOARCH</a> <a href="javascript:;" class="aLightGray" title="GOOS">GOOS</a> <a href="javascript:;" class="aLightGray" title="CGO_ENABLED">CGO_ENABLED</a> </div> <div class="tit lineOverflow"><a href="/article/633620.html" title="Go 交叉编译怎样关闭 CGO" class="aBlack">Go 交叉编译怎样关闭 CGO</a></div> <div class="opt"> <span><i class="view"></i>487</span> <span class="collectBtn user_collection" data-id="633620" 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> | 14小时前 | <a href="/articletag/301_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/1589_new_0_1.html" class="aLightGray" title="工具链">工具链</a> · <a href="/articletag/1809_new_0_1.html" class="aLightGray" title="环境变量">环境变量</a> · <a href="javascript:;" class="aLightGray" title="Go">Go</a> <a href="javascript:;" class="aLightGray" title="GOPROXY">GOPROXY</a> <a href="javascript:;" class="aLightGray" title="构建配置">构建配置</a> <a href="javascript:;" class="aLightGray" title="GOFLAGS">GOFLAGS</a> <a href="javascript:;" class="aLightGray" title="go env">go env</a> </div> <div class="tit lineOverflow"><a href="/article/633619.html" title="Go env -w 怎样持久化构建配置" class="aBlack">Go env -w 怎样持久化构建配置</a></div> <div class="opt"> <span><i class="view"></i>130</span> <span class="collectBtn user_collection" data-id="633619" 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> | 14小时前 | <a href="javascript:;" class="aLightGray" title="Go">Go</a> <a href="javascript:;" class="aLightGray" title="GOPRIVATE">GOPRIVATE</a> <a href="javascript:;" class="aLightGray" title="GONOPROXY">GONOPROXY</a> <a href="javascript:;" class="aLightGray" title="GONOSUMDB">GONOSUMDB</a> <a href="javascript:;" class="aLightGray" title="私有模块">私有模块</a> </div> <div class="tit lineOverflow"><a href="/article/633618.html" title="Go 私有模块怎样配置校验例外" class="aBlack">Go 私有模块怎样配置校验例外</a></div> <div class="opt"> <span><i class="view"></i>184</span> <span class="collectBtn user_collection" data-id="633618" 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> | 14小时前 | <a href="/articletag/594_new_0_1.html" class="aLightGray" title="go">go</a> · <a href="/articletag/39686_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a> · <a href="javascript:;" class="aLightGray" title="go.work">go.work</a> <a href="javascript:;" class="aLightGray" title="Go Modules">Go Modules</a> <a href="javascript:;" class="aLightGray" title="go work">go work</a> <a href="javascript:;" class="aLightGray" title="多模块联调">多模块联调</a> </div> <div class="tit lineOverflow"><a href="/article/633617.html" title="Go work 怎样管理多个模块联调" class="aBlack">Go work 怎样管理多个模块联调</a></div> <div class="opt"> <span><i class="view"></i>245</span> <span class="collectBtn user_collection" data-id="633617" 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> | 14小时前 | <a href="/articletag/39686_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="Go Modules">Go Modules</a> <a href="javascript:;" class="aLightGray" title="go mod why">go mod why</a> <a href="javascript:;" class="aLightGray" title="依赖路径">依赖路径</a> </div> <div class="tit lineOverflow"><a href="/article/633616.html" title="Go mod why 怎样解释模块引入路径" class="aBlack">Go mod why 怎样解释模块引入路径</a></div> <div class="opt"> <span><i class="view"></i>394</span> <span class="collectBtn user_collection" data-id="633616" 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> | 14小时前 | </div> <div class="tit lineOverflow"><a href="/article/633615.html" title="Go net/url 怎样只修改查询参数而保留路径" class="aBlack">Go net/url 怎样只修改查询参数而保留路径</a></div> <div class="opt"> <span><i class="view"></i>274</span> <span class="collectBtn user_collection" data-id="633615" 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> | 14小时前 | <a href="/articletag/431_new_0_1.html" class="aLightGray" title="goroutine">goroutine</a> · <a href="/articletag/594_new_0_1.html" class="aLightGray" title="go">go</a> · </div> <div class="tit lineOverflow"><a href="/article/633614.html" title="Go trace 怎样观察 goroutine 调度" class="aBlack">Go trace 怎样观察 goroutine 调度</a></div> <div class="opt"> <span><i class="view"></i>351</span> <span class="collectBtn user_collection" data-id="633614" 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> | 14小时前 | </div> <div class="tit lineOverflow"><a href="/article/633613.html" title="Go pprof 怎样定位 CPU 热点函数" class="aBlack">Go pprof 怎样定位 CPU 热点函数</a></div> <div class="opt"> <span><i class="view"></i>321</span> <span class="collectBtn user_collection" data-id="633613" 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> | 14小时前 | </div> <div class="tit lineOverflow"><a href="/article/633612.html" title="Go benchmark 怎样排除初始化耗时" class="aBlack">Go benchmark 怎样排除初始化耗时</a></div> <div class="opt"> <span><i class="view"></i>266</span> <span class="collectBtn user_collection" data-id="633612" 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> | 14小时前 | <a href="/articletag/172_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/3611_new_0_1.html" class="aLightGray" title="内存管理">内存管理</a> · <a href="javascript:;" class="aLightGray" title="Go">Go</a> <a href="javascript:;" class="aLightGray" title="CAP">CAP</a> <a href="javascript:;" class="aLightGray" title="sync.Pool">sync.Pool</a> <a href="javascript:;" class="aLightGray" title="reset">reset</a> <a href="javascript:;" class="aLightGray" title="bytes.Buffer">bytes.Buffer</a> <a href="javascript:;" class="aLightGray" title="缓冲区复用">缓冲区复用</a> </div> <div class="tit lineOverflow"><a href="/article/633611.html" title="Go bytes.Buffer 怎样复用缓冲区又避免容量过大" class="aBlack">Go bytes.Buffer 怎样复用缓冲区又避免容量过大</a></div> <div class="opt"> <span><i class="view"></i>235</span> <span class="collectBtn user_collection" data-id="633611" 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> | 14小时前 | <a href="/articletag/254_new_0_1.html" class="aLightGray" title="单元测试">单元测试</a> · <a href="/articletag/39686_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="种子语料">种子语料</a> <a href="javascript:;" class="aLightGray" title="testing.F">testing.F</a> <a href="javascript:;" class="aLightGray" title="fuzz">fuzz</a> </div> <div class="tit lineOverflow"><a href="/article/633610.html" title="Go Fuzz 怎样增加解析器模糊测试" class="aBlack">Go Fuzz 怎样增加解析器模糊测试</a></div> <div class="opt"> <span><i class="view"></i>485</span> <span class="collectBtn user_collection" data-id="633610" 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> | 14小时前 | <a href="/articletag/594_new_0_1.html" class="aLightGray" title="go">go</a> · <a href="javascript:;" class="aLightGray" title="临时文件">临时文件</a> <a href="javascript:;" class="aLightGray" title="Go测试">Go测试</a> <a href="javascript:;" class="aLightGray" title="T.Cleanup">T.Cleanup</a> <a href="javascript:;" class="aLightGray" title="t.TempDir">t.TempDir</a> <a href="javascript:;" class="aLightGray" title="测试资源">测试资源</a> </div> <div class="tit lineOverflow"><a href="/article/633609.html" title="Go 测试怎样自动清理临时资源" class="aBlack">Go 测试怎样自动清理临时资源</a></div> <div class="opt"> <span><i class="view"></i>266</span> <span class="collectBtn user_collection" data-id="633609" 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>  <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>