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

GolangXML解析技巧与encoding/xml用法详解

时间:2026-03-08 16:04:37 241浏览 收藏

Go语言的XML解析依赖于预先定义的带正确xml标签的大写结构体,不支持动态解析,稍有疏忽如标签遗漏、大小写错误或字段未导出就会导致数据静默丢失;需特别注意UTF-8编码强制要求、命名空间处理、DTD声明引发的解析失败,以及切片字段必须显式初始化等关键细节,复杂场景下推荐使用xml.Token进行底层手动解析以获得完全控制力。

如何在Golang中使用encoding/xml处理XML_Golang encoding/xml解析方法

XML 解析前必须定义结构体并正确打标签

Go 的 encoding/xml 不支持动态解析,所有字段必须提前声明为结构体字段,并用 xml tag 显式指定映射关系。漏打、打错、大小写不一致都会导致字段为空。

  • xml:"name" 匹配同名 XML 元素;xml:"name,attr" 匹配属性;xml:",chardata" 捕获文本内容
  • 嵌套元素需对应嵌套结构体,或用 xml:",any" 接收未知子节点(但会丢失类型信息)
  • 首字母小写的字段默认被忽略(Go 可导出规则),务必大写开头
  • 如果 XML 有命名空间(如 ),结构体字段需用 xml:"rss xmlns,attr" 或整体用 xml.Name 字段捕获

Unmarshal 时常见空值或 panic 场景

xml.Unmarshal 失败通常不 panic,而是静默跳过不匹配字段或返回 nil 错误但数据不全。典型表现是结构体字段全为零值,却没报错。

  • 输入 XML 是 UTF-8 以外编码(如 GBK)会导致解析失败且无明确提示——必须先转成 UTF-8 再传入 bytes.NewReader
  • XML 中存在 DTD 声明()会触发 xml: invalid character entity 错误——用 strings.ReplaceAll(xmlStr, " 临时注释掉(仅调试用)
  • 字段类型不匹配:XML 值为 "true",但结构体字段是 int,结果为 0 且无错误;应统一用 string 接收再手动转换
  • 切片字段未加 xml:",omitempty" 时,空元素()不会自动初始化为空切片,而是保持 nil,后续 len() 会 panic

处理含混合内容或任意子节点的 XML

当 XML 结构不固定(比如 HTML 片段、配置文件中允许扩展标签),不能靠静态结构体全覆盖。这时要结合 xml.Token 手动解析。

  • xml.NewDecoder 配合 Token() 循环读取,区分 xml.StartElement / xml.CharData / xml.EndElement
  • 对已知标签(如 </code>)用 <code>decoder.DecodeElement(&v, &start)</code> 提前解出;其余跳过或存为原始字节</li><li>注意:直接调 <code>decoder.Token()</code> 后再调 <code>Unmarshal</code> 会出错,因为 reader 位置已偏移——应保存原始 bytes,对每个子段重新构造 <code>bytes.NewReader</code></li></ul><pre class="brush:php;toolbar:false">decoder := xml.NewDecoder(strings.NewReader(xmlStr)) for { t, err := decoder.Token() if err == io.EOF { break } if se, ok := t.(xml.StartElement); ok && se.Name.Local == "item" { var item Item decoder.DecodeElement(&item, &se) // 复用 decoder,但只解当前元素 items = append(items, item) } }</pre><h3>性能与内存注意事项</h3><p><code>xml.Unmarshal</code> 是全量加载 + 反射解析,对大文件(>10MB)易 OOM 或明显卡顿。没有流式解构的“部分解析”捷径,只能靠分块或改用 Token 方式。</p><ul><li>避免在循环中反复调 <code>xml.Unmarshal([]byte(xmlStr), &v)</code> —— <code>[]byte</code> 分配开销大;复用 <code>bytes.Reader</code> 或预分配缓冲区</li><li>结构体字段尽量用指针(<code>*string</code>)或自定义类型(实现 <code>xml.Unmarshaler</code>),可拦截空值、做格式校验、避免零值污染</li><li>若只需提取几个字段(如 RSS 的 <code><title></code> 和 <code><link></code>),用 <code>Token</code> 手动遍历比 Unmarshal 整个结构快 3–5 倍,内存占用低一个数量级</li></ul><p>实际项目里,多数人卡在结构体 tag 写错或忽略了编码/命名空间问题。真正需要 Token 级控制的场景不多,但一旦 XML 来源不可控,就得提前留好退路。</p><p>本篇关于《GolangXML解析技巧与encoding/xml用法详解》的介绍就到此结束啦,但是学无止境,想要了解学习更多关于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>