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

Golang实现RSS订阅功能教程

时间:2026-01-22 14:04:35 215浏览 收藏

哈喽!今天心血来潮给大家带来了《Golang构建RSS订阅功能教程》,想必大家应该对Golang都不陌生吧,那么阅读本文就都不会很困难,以下内容主要涉及到,若是你正在学习Golang,千万别错过这篇文章~希望能帮助到你!

Go 的 encoding/xml 解析 RSS 经常失败,根本原因是 RSS(尤其是 Atom 混合源)含 CDATA、命名空间、HTML 实体及不规范换行;标准库不自动解码实体、不忽略命名空间冲突,需预处理字符串、用 xml.CharData 类型、显式声明命名空间字段。

如何使用Golang构建基础RSS订阅功能_Golang数据抓取与展示方法

为什么 Go 的 encoding/xml 解析 RSS 经常失败

直接用 xml.Unmarshal 解析 RSS 时,常见报错如 XML syntax error on line X: invalid character entity 或字段全为空,根本原因是 RSS(尤其是 Atom 混合源)常含 CDATA、命名空间(xmlns)、HTML 实体( )及不规范换行。Go 标准库不自动解码 HTML 实体,也不忽略命名空间冲突。

  • 必须预处理 XML 字符串:用 strings.ReplaceAll 替换   等实体为普通空格,或用 html.UnescapeString 全量解码
  • RSS 2.0 推荐用无命名空间结构体;若遇 atom: 前缀,结构体字段需加 xml:"atom:title,attr" 显式声明
  • 这类可能含 HTML 的字段,定义为 xml.CharData 类型而非 string,避免截断

如何用 net/http 安全抓取 RSS 并防超时/重定向失控

直接 http.Get(url) 抓 RSS 源极易卡死或跳转到登录页,尤其面对 Cloudflare 防护或反爬中间页时。

  • 显式设置 http.Client:超时控制必须设 Timeout: 10 * time.Second,且启用 CheckRedirect 限制跳转次数(建议 ≤3)
  • 添加基础请求头:User-Agent 设为常见浏览器值(如 "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36"),否则部分站点返回 403
  • 检查响应状态码和 Content-Type 头,仅当含 application/rss+xmlapplication/atom+xml 才继续解析,避免把 HTML 错当 RSS

goquery 补救非标准 RSS(如网页内嵌 RSS 链接或伪 RSS)

很多“RSS 源”实际是普通 HTML 页面里藏了 ,或直接把文章列表渲染成 HTML——这时不能硬套 XML 解析。

  • 先用 goquery.NewDocument 加载 HTML,提取真实 RSS 地址:
    doc.Find("link[rel=alternate][type='application/rss+xml']").Attr("href")
  • 若目标无标准 RSS,直接用 goquery 提取文章列表:
    doc.Find("article h2 a, .post-title a").Each(func(i int, s *goquery.Selection) {
        title := s.Text()
        link, _ := s.Attr("href")
    })
  • 注意:goquery 不处理相对 URL,需用 url.Join 拼接基础地址

展示层避免模板注入与 XSS 的关键处理

RSS 的 </code> 和 <code><description></code> 常含未过滤 HTML,直接塞进 HTML 模板会触发 XSS。</p><ul><li>服务端渲染时,用 <code>template.HTMLEscapeString</code> 处理所有字段,而非依赖前端 JS 转义</li><li>若需保留部分格式(如 <code><p></code>、<code><strong></code>),改用 <code>bluemonday</code> 库白名单过滤:<pre class="brush:php;toolbar:false">policy := bluemonday.UGCPolicy() cleanDesc := policy.Sanitize(rssItem.Description)</pre></li><li>时间字段别用原始 <code>pubDate</code> 字符串,统一转为 <code>time.Time</code> 后再格式化(<code>item.PubDate.Format("Jan 2, 2006")</code>),避免时区混乱</li></ul><p>RSS 的难点不在抓取本身,而在应对现实世界中五花八门的“伪标准”——命名空间混用、HTML 实体乱飞、重定向陷阱、以及发布者随手写的 malformed XML。真正稳定的实现,永远是组合策略:HTTP 层控超时+UA,XML 层做预清洗+容错结构体,HTML 层兜底用 goquery,展示层强制转义。</p><p>以上就是本文的全部内容了,是否有顺利帮助你解决问题?若是能给你带来学习上的帮助,请大家多多支持golang学习网!更多关于Golang的相关知识,也可关注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>   |  1星期前  |   <a href="/articletag/19_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/690_new_0_1.html" class="aLightGray" title="IO">IO</a> · <a href="javascript:;" class="aLightGray" title="关闭">关闭</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="io.Pipe">io.Pipe</a> </div> <div class="tit lineOverflow"><a href="/article/620767.html" title="Go io.Pipe 为什么会互相等待:读写端关闭、错误传播与退出顺序" class="aBlack">Go io.Pipe 为什么会互相等待:读写端关闭、错误传播与退出顺序</a></div> <div class="opt"> <span><i class="view"></i>461</span> <span class="collectBtn user_collection" data-id="620767" 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/620766.html" title="Go 泛型回调为什么推不出类型:函数值赋值、接口参数与显式实例化边界" class="aBlack">Go 泛型回调为什么推不出类型:函数值赋值、接口参数与显式实例化边界</a></div> <div class="opt"> <span><i class="view"></i>466</span> <span class="collectBtn user_collection" data-id="620766" 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/620756.html" title="Go 1.25 的 synctest 怎么测定时器:把异步重试从真实等待改成可控推进" class="aBlack">Go 1.25 的 synctest 怎么测定时器:把异步重试从真实等待改成可控推进</a></div> <div class="opt"> <span><i class="view"></i>405</span> <span class="collectBtn user_collection" data-id="620756" 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/19_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/2250_new_0_1.html" class="aLightGray" title="pprof">pprof</a> · <a href="/articletag/39721_new_0_1.html" class="aLightGray" title="性能排查">性能排查</a> · <a href="javascript:;" class="aLightGray" title="pprof">pprof</a> <a href="javascript:;" class="aLightGray" title="Go 1.26">Go 1.26</a> <a href="javascript:;" class="aLightGray" title="goroutineleak">goroutineleak</a> <a href="javascript:;" class="aLightGray" title="goroutine 泄漏">goroutine 泄漏</a> </div> <div class="tit lineOverflow"><a href="/article/620746.html" title="goroutineleak 真的能找到 Go 协程泄漏吗:pprof 可达性判断与回滚边界" class="aBlack">goroutineleak 真的能找到 Go 协程泄漏吗:pprof 可达性判断与回滚边界</a></div> <div class="opt"> <span><i class="view"></i>257</span> <span class="collectBtn user_collection" data-id="620746" 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/238_new_0_1.html" class="aLightGray" title="golang">golang</a> · <a href="/articletag/733_new_0_1.html" class="aLightGray" title="https">https</a> · <a href="/articletag/1481_new_0_1.html" class="aLightGray" title="TLS">TLS</a> · <a href="/articletag/39686_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a> · <a href="/articletag/40414_new_0_1.html" class="aLightGray" title="生产运维">生产运维</a> · <a href="/articletag/40543_new_0_1.html" class="aLightGray" title="证书轮换">证书轮换</a> · <a href="javascript:;" class="aLightGray" title="atomic.Value">atomic.Value</a> <a href="javascript:;" class="aLightGray" title="Go HTTPS证书热切换">Go HTTPS证书热切换</a> <a href="javascript:;" class="aLightGray" title="GetCertificate">GetCertificate</a> <a href="javascript:;" class="aLightGray" title="tls.Certificate">tls.Certificate</a> <a href="javascript:;" class="aLightGray" title="证书轮换">证书轮换</a> </div> <div class="tit lineOverflow"><a href="/article/620741.html" title="Go HTTPS 证书热切换怎么做:atomic.Value、GetCertificate 与失败回退" class="aBlack">Go HTTPS 证书热切换怎么做:atomic.Value、GetCertificate 与失败回退</a></div> <div class="opt"> <span><i class="view"></i>267</span> <span class="collectBtn user_collection" data-id="620741" 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/19_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/861_new_0_1.html" class="aLightGray" title="性能">性能</a> · <a href="javascript:;" class="aLightGray" title="channel">channel</a> <a href="javascript:;" class="aLightGray" title="context">context</a> <a href="javascript:;" class="aLightGray" title="Semaphore">Semaphore</a> <a href="javascript:;" class="aLightGray" title="Go并发限流">Go并发限流</a> </div> <div class="tit lineOverflow"><a href="/article/620738.html" title="Go 并发限流用 channel 还是 semaphore:取消、阻塞与公平性怎么选" class="aBlack">Go 并发限流用 channel 还是 semaphore:取消、阻塞与公平性怎么选</a></div> <div class="opt"> <span><i class="view"></i>384</span> <span class="collectBtn user_collection" data-id="620738" 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/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/1307_new_0_1.html" class="aLightGray" title="浏览器">浏览器</a> · <a href="/articletag/40541_new_0_1.html" class="aLightGray" title="前端数据上报">前端数据上报</a> · <a href="javascript:;" class="aLightGray" title="Go Beacon API">Go Beacon API</a> <a href="javascript:;" class="aLightGray" title="navigator.sendBeacon">navigator.sendBeacon</a> <a href="javascript:;" class="aLightGray" title="页面关闭上报">页面关闭上报</a> <a href="javascript:;" class="aLightGray" title="Go HTTP 接收 Beacon">Go HTTP 接收 Beacon</a> <a href="javascript:;" class="aLightGray" title="keepalive fetch">keepalive fetch</a> </div> <div class="tit lineOverflow"><a href="/article/620732.html" title="Go 接浏览器 Beacon API:页面关闭时上报请求、Content-Type 与失败兜底" class="aBlack">Go 接浏览器 Beacon API:页面关闭时上报请求、Content-Type 与失败兜底</a></div> <div class="opt"> <span><i class="view"></i>140</span> <span class="collectBtn user_collection" data-id="620732" 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/620731.html" title="Go 1.23 range-over-func 怎么接入切片流水线:iter.Seq、break 与惰性遍历边界" class="aBlack">Go 1.23 range-over-func 怎么接入切片流水线:iter.Seq、break 与惰性遍历边界</a></div> <div class="opt"> <span><i class="view"></i>226</span> <span class="collectBtn user_collection" data-id="620731" 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/540_new_0_1.html" class="aLightGray" title="HTTP">HTTP</a> · <a href="/articletag/1492_new_0_1.html" class="aLightGray" title="连接池">连接池</a> · <a href="/articletag/39686_new_0_1.html" class="aLightGray" title="Go教程">Go教程</a> · <a href="/articletag/39721_new_0_1.html" class="aLightGray" title="性能排查">性能排查</a> · <a href="/articletag/39732_new_0_1.html" class="aLightGray" title="net/http">net/http</a> · <a href="javascript:;" class="aLightGray" title="Go">Go</a> <a href="javascript:;" class="aLightGray" title="HTTP客户端">HTTP客户端</a> <a href="javascript:;" class="aLightGray" title="连接复用">连接复用</a> <a href="javascript:;" class="aLightGray" title="Transport">Transport</a> <a href="javascript:;" class="aLightGray" title="httptrace">httptrace</a> <a href="javascript:;" class="aLightGray" title="Response.Body">Response.Body</a> </div> <div class="tit lineOverflow"><a href="/article/620727.html" title="Go HTTP 客户端连接池为什么越用越散:Body 读取、Transport 复用与 httptrace 验收" class="aBlack">Go HTTP 客户端连接池为什么越用越散:Body 读取、Transport 复用与 httptrace 验收</a></div> <div class="opt"> <span><i class="view"></i>397</span> <span class="collectBtn user_collection" data-id="620727" 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/620714.html" title="Go 服务出现 too many open files 怎么查:/proc/fd、ulimit 与连接泄漏" class="aBlack">Go 服务出现 too many open files 怎么查:/proc/fd、ulimit 与连接泄漏</a></div> <div class="opt"> <span><i class="view"></i>119</span> <span class="collectBtn user_collection" data-id="620714" 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/620712.html" title="Go 批量导出如何避免结果归并拖垮内存:分段文件、排序归并与断点续写" class="aBlack">Go 批量导出如何避免结果归并拖垮内存:分段文件、排序归并与断点续写</a></div> <div class="opt"> <span><i class="view"></i>487</span> <span class="collectBtn user_collection" data-id="620712" 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/620708.html" title="Go bytes.Buffer.Reset 为什么不降内存:复用容量、Grow 与回收边界" class="aBlack">Go bytes.Buffer.Reset 为什么不降内存:复用容量、Grow 与回收边界</a></div> <div class="opt"> <span><i class="view"></i>333</span> <span class="collectBtn user_collection" data-id="620708" 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>