React受控组件：避免输入框失焦的常见陷阱与最佳实践

本文深入探讨React中输入框在每次按键后失焦的常见问题。当输入框的value属性直接绑定到频繁更新的组件状态时，会导致不必要的组件重渲染，进而引发失焦。教程将详细解释这一现象的原因，并提供高效的解决方案，包括分离输入框的本地状态管理以及优化全局数据源的更新策略，确保用户输入体验的流畅性。

问题剖析：React受控输入框失焦的深层原因

在react中，当我们将表单元素（如、、）的value属性绑定到组件状态，并通过onchange事件<span class="wpcom_tag_link"><a href="https://www.chuangxiangniao.com/p/tag/chuliqi" title="处理器" target="_blank">处理器</a></span>更新该状态时，我们称之为“受控组件”。这种模式确保了表单数据始终由react状态管理，使得数据流清晰可控。然而，不当的受控组件实现方式可能导致一些意想不到的问题，其中最常见的就是输入框在每次按键后失焦。</p> <p>原始代码中存在的核心问题在于，输入框的value属性直接来源于props.Freight，而props.Freight又直接映射到父组件的dataSource状态。当用户在输入框中键入一个字符时，handleOnchange函数被调用，它会立即更新dataSource状态。setDataSource的调用会导致持有dataSource的父组件重新渲染，进而导致其子组件，即gridTemplate，也随之重新渲染。</p> <pre class="brush:php;toolbar:false;">// 父组件中的状态与处理函数示例// const [dataSource, setDataSource] = useState(data);// const handleOnchange = (event: any, props: any) => {// const newData = [...dataSource];// const itemIndex = newData.findIndex(// (item) => item.OrderID === props.OrderID// );// newData[itemIndex].Freight = event.target.value;// setDataSource(newData); // 每次按键都更新dataSource，导致父组件重渲染// };// Custom Grid Component (子组件)const gridTemplate = (props: any) => { const val = props.Freight; // val直接来源于父组件的props return ( <div> handleOnchange(event, props)} /> </div> );};</pre> <p>每次setDataSource触发重渲染时，React会重新执行gridTemplate函数，并根据新的props.Freight值重新渲染input元素。尽管React的协调（reconciliation）算法会尽可能复用DOM元素，但在这种情况下，由于input的value属性在每次渲染时都可能发生变化，并且整个组件树（从父组件到gridTemplate）都在重新构建，React可能会认为需要重新挂载（remount）input元素，或者在重新应用属性时导致焦点丢失。这中断了用户在输入框中的连续输入体验。</p> <h3>解决方案：分离输入框的本地状态管理</h3> <p>解决此问题的关键在于，让输入框在用户输入过程中拥有自己的“瞬时”本地状态，而不是每次按键都立即同步到全局或父组件的状态。只有当用户完成输入（例如，通过失焦事件onBlur）或者通过防抖（debounce）机制时，才将这个最终值同步回父组件或全局数据源。</p> <p> <noscript><img decoding="async" src="https://cdn.chuangxiangniao.com/www/2025/11/175782008192275-40.png" alt="先见AI"></noscript><img decoding="async" class="j-lazy" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="https://cdn.chuangxiangniao.com/www/2025/11/175782008192275-40.png" alt="先见AI"> 先见AI </p> <p>数据为基，先见未见</p> <p> <noscript><img decoding="async" src="/static/images/card_xiazai.png" alt="先见AI"></noscript><img decoding="async" class="j-lazy" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/static/images/card_xiazai.png" alt="先见AI"> 95 查看详情 <noscript><img decoding="async" src="/static/images/cardxiayige-3.png" alt="先见AI"></noscript><img decoding="async" class="j-lazy" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="/static/images/cardxiayige-3.png" alt="先见AI"> </p> <p>以下是修改后的gridTemplate组件，它内部维护了输入框的本地状态：</p> <pre class="brush:php;toolbar:false;">import React, { useState, useEffect } from 'react';// Custom Grid Component (子组件)const gridTemplate = (props: any) => { // 使用useState管理输入框的本地值 const [inputValue, setInputValue] = useState(props.Freight); // 当props.Freight从父组件更新时，同步本地inputValue // 这很重要，以确保外部数据源更新时，输入框能反映最新值 useEffect(() => { setInputValue(props.Freight); }, [props.Freight]); // 处理输入框的onChange事件，仅更新本地状态 const handleInputChange = (event: React.ChangeEvent) => { setInputValue(event.target.value); }; // 处理输入框的onBlur事件，此时才将本地值同步回父组件 const handleInputBlur = () => { // 假设父组件提供一个更新特定项的函数，例如 props.updateItemFreight // 这个函数会负责更新父组件的dataSource状态 if (props.updateItemFreight) { props.updateItemFreight(props.OrderID, inputValue); } }; return ( <div> </div> );};// 假设父组件的用法示例：// function ParentComponent() {// const [dataSource, setDataSource] = useState(/* 初始数据 */);// const updateItemFreight = (orderId: string, newFreight: string) => {// setDataSource(prevData => {// const newData = [...prevData];// const itemIndex = newData.findIndex(item => item.OrderID === orderId);// if (itemIndex > -1) {// newData[itemIndex].Freight = newFreight;// }// return newData;// });// };// return (// <div>// {dataSource.map((item: any) => (// // ))}// </div>// );// }</pre> <p><strong>代码解释：</strong></p> <p><strong>useState(props.Freight)</strong>: 在gridTemplate组件内部，我们引入了一个新的状态变量inputValue，并将其初始值设置为props.Freight。这个inputValue将专门用于控制当前输入框的显示值。<strong>useEffect(() => { setInputValue(props.Freight); }, [props.Freight]);</strong>: 这是一个关键的useEffect钩子。它确保当父组件的props.Freight发生外部变化时（例如，数据从服务器更新，或者父组件的其他操作改变了dataSource），inputValue能够及时同步，从而避免数据不一致。<strong>handleInputChange</strong>: 当用户在输入框中键入字符时，onChange事件触发handleInputChange。此函数仅仅更新inputValue这个本地状态，而不会立即触及父组件的dataSource。由于只更新了子组件的本地状态，父组件不会重渲染，input元素也得以保持焦点。<strong>handleInputBlur</strong>: 只有当输入框失去焦点时（例如，用户点击了其他地方或按下了Tab键），onBlur事件才会触发handleInputBlur。此时，我们将最终的inputValue传递给父组件提供的更新函数（例如props.updateItemFreight），由父组件来更新其dataSource状态。这样，父组件的重渲染只发生在用户完成输入之后，而不是每次按键。</p> <h3>注意事项与最佳实践</h3> <p><strong>理解状态管理粒度</strong>: 区分组件内部的瞬时UI状态（如输入框的当前值）与全局或父组件需要持久化的数据状态。将UI状态本地化可以显著提升交互性能和用户体验。<strong>提升用户体验</strong>: 避免输入框失焦不仅是技术问题，更是用户体验问题。一个流畅、响应迅速的输入界面能够极大提升用户满意度。<strong>性能考量</strong>: 减少不必要的组件重渲染是React性能优化的重要方面。通过将状态更新推迟到必要时才进行，可以有效降低渲染开销。<strong>防抖（Debounce）与节流（Throttle）</strong>: 如果你需要在用户输入过程中实时更新父组件或进行一些耗时操作（如搜索建议），但又不想每次按键都触发，可以考虑使用防抖（Debounce）或节流（Throttle）技术。防抖会在用户停止操作一段时间后才执行函数，而节流则会限制函数在一定时间内只执行一次。这两种技术可以与本地状态结合使用，在onChange中更新本地状态</p> <p>以上就是React受控组件：避免输入框失焦的常见陷阱与最佳实践的详细内容，更多请关注创想鸟其它相关文章！</p> <div class="entry-readmore"><div class="entry-readmore-btn"></div></div> <div class="entry-copyright"><p>版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。<br> 如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。<br> 发布者：程序猿，转转请注明出处：<span>https://www.chuangxiangniao.com/p/255062.html</span></p></div> </div> <div class="entry-tag"><a href="https://www.chuangxiangniao.com/p/tag/chuliqi" rel="tag">处理器</a></div> <div class="entry-action"> <div class="btn-zan" data-id="255062"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up-fill"></use></svg></i> 赞 <span class="entry-action-num">(0)</span></div> <div class="btn-dashang"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-cny-circle-fill"></use></svg></i> 打赏 <span class="dashang-img dashang-img2"> <span> <img src="//cdn.chuangxiangniao.com/me/2025/10/wx.jpg" alt="微信扫一扫"/> 微信扫一扫 </span> <span> <img src="//cdn.chuangxiangniao.com/me/2025/10/zfb.jpg" alt="支付宝扫一扫"/> 支付宝扫一扫 </span> </span> </div> </div> <div class="entry-bar"> <div class="entry-bar-inner"> <div class="entry-bar-info entry-bar-info2"> <div class="info-item meta"> <a class="meta-item j-heart" href="javascript:;" data-id="255062"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i> <span class="data">0</span></a> <a class="meta-item" href="#comments"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i> <span class="data">0</span></a> </div> <div class="info-item share"> <a class="meta-item mobile j-mobile-share" href="javascript:;" data-id="255062" data-qrcode="https://www.chuangxiangniao.com/p/255062.html"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> 生成海报 </a> <a class="meta-item wechat" data-share="wechat" target="_blank" rel="nofollow noopener noreferrer" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-wechat"></use></svg></i> </a> <a class="meta-item weibo" data-share="weibo" target="_blank" rel="nofollow noopener noreferrer" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-weibo"></use></svg></i> </a> <a class="meta-item qq" data-share="qq" target="_blank" rel="nofollow noopener noreferrer" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qq"></use></svg></i> </a> <a class="meta-item qzone" data-share="qzone" target="_blank" rel="nofollow noopener noreferrer" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qzone"></use></svg></i> </a> <a class="meta-item douban" data-share="douban" target="_blank" rel="nofollow noopener noreferrer" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-douban"></use></svg></i> </a> </div> <div class="info-item act"> <a href="javascript:;" id="j-reading"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-article"></use></svg></i></a> </div> </div> </div> </div> </div> <div class="entry-author"> <h3 class="entry-author-title">关于作者</h3> <div class="entry-author-inner"> <div class="entry-author-avatar"> <a class="avatar j-user-card" href="https://www.chuangxiangniao.com/user/3" target="_blank" data-user="3"><img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-120 photo' height='120' width='120' /></a> </div> <div class="entry-author-content"> <div class="entry-author-info"> <h4 class="entry-author-name"> <a class="j-user-card" href="https://www.chuangxiangniao.com/user/3" target="_blank" data-user="3">程序猿<span class="user-group">签约作者</span></a> </h4> <div class="entry-author-action"> <button type="button" class="wpcom-btn btn-xs btn-follow j-follow btn-primary" data-user="3"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-add"></use></svg></i>关注</button><button type="button" class="wpcom-btn btn-primary btn-xs btn-message j-message" data-user="3"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-mail-fill"></use></svg></i>私信</button> </div> </div> <div class="entry-author-stats"> <div class="user-stats-item"> <b>341.0K</b> <span>文章</span> </div> <div class="user-stats-item"> <b>0</b> <span>评论</span> </div> <div class="user-stats-item"> <b>1</b> <span>粉丝</span> </div> </div> <div class="entry-author-description">这个人很懒，什么都没有留下～</div> </div> </div> </div> <div class="entry-page"> <div class="entry-page-prev j-lazy" style="background-image: url('https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png');" data-original="https://cdn.chuangxiangniao.com/www/2025/10/175945548289138.png?imageMogr2/crop/480x300/gravity/center"> <a href="https://www.chuangxiangniao.com/p/32766.html" title="如何通过地理定位API与地图服务构建交互式位置应用？" rel="prev"> <span>如何通过地理定位API与地图服务构建交互式位置应用？</span> </a> <div class="entry-page-info"> <span class="pull-left"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg></i> 上一篇</span> <span class="pull-right">2025年11月4日 06:57:49</span> </div> </div> <div class="entry-page-next j-lazy" style="background-image: url('https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png');" data-original="https://cdn.chuangxiangniao.com/www/2025/10/175945518342035.jpg?imageMogr2/crop/480x300/gravity/center"> <a href="https://www.chuangxiangniao.com/p/32783.html" title="JavaScript中的内存泄漏常见原因及排查方法有哪些？" rel="next"> <span>JavaScript中的内存泄漏常见原因及排查方法有哪些？</span> </a> <div class="entry-page-info"> <span class="pull-right">下一篇 <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg></i></span> <span class="pull-left">2025年11月4日 07:01:54</span> </div> </div> </div> <div class="entry-related-posts"> <h3 class="entry-related-title">相关推荐</h3><ul class="entry-related cols-3 post-loop post-loop-default"><li class="item item2 item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431363.html" target="_blank" rel="bookmark"> 什么是XML Canonicalization </a> </h3> <div class="item-excerpt"> <p>XML Canonicalization通过标准化规则消除逻辑等价XML文档间的字节差异，确保数字签名、文档比较和互操作性的一致性。 XML Canonicalization，说白了，就是一套将XML文档转换成标准、规范形式的规则。它的核心目的是消除那些在逻辑上对文档信息内容没有影响，但可能导致字节…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <a class="item-meta-li category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431363.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431358.html" title="XML空白字符处理规则有哪些" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XML空白字符处理规则有哪些" decoding="async" fetchpriority="high" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175868322254603.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431358.html" target="_blank" rel="bookmark"> XML空白字符处理规则有哪些 </a> </h3> <div class="item-excerpt"> <p>xml:space属性通过preserve和default值控制空白字符处理，preserve保留所有空白，default允许应用自行处理；该属性可继承，解析器如SAX报告所有空白，DOM可能忽略无意义空白；XSLT中可用xsl:strip-space移除指定元素的空白，xsl:preserve-s…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431358.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431350.html" title="如何用XUpdate修改XML文档" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="如何用XUpdate修改XML文档" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175858818131639.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431350.html" target="_blank" rel="bookmark"> 如何用XUpdate修改XML文档 </a> </h3> <div class="item-excerpt"> <p>XUpdate通过声明式XPath操作实现XML精准修改，其核心是编写包含更新、插入、删除、重命名指令的XML格式脚本，并借助处理器应用到目标文档，优势在于可读性、可维护性及与XML数据库集成，适用于批量条件更新场景。 XUpdate提供了一种声明式的方式来修改XML文档，它通过定义一系列基于XPa…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431350.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2 item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431347.html" target="_blank" rel="bookmark"> XSLT如何输出HTML？ XSLT转换XML为HTML页面的代码示例与技巧 </a> </h3> <div class="item-excerpt"> <p>&lt;blockquote>XSLT通过定义转换规则将XML数据映射为HTML结构，实现数据与展示分离。需XML文档、XSLT样式表和处理器协同工作，利用模板匹配和XPath提取数据生成HTML，支持外部CSS/JS引入及特殊字符处理，适用于多端内容输出场景。&lt;/blo…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <a class="item-meta-li category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431347.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431285.html" title="什么是XLink？如何创建XML超链接" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="什么是XLink？如何创建XML超链接" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175842762292762.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431285.html" target="_blank" rel="bookmark"> 什么是XLink？如何创建XML超链接 </a> </h3> <div class="item-excerpt"> <p>XLink是XML中定义超链接的标准，通过xlink命名空间属性实现资源间的复杂关联。它支持simple和extended等链接类型，提供比HTML更灵活的多向、语义化链接，适用于文档管理、元数据关联等结构化场景。 XLink，简单来说，就是XML世界里定义超链接的一种标准。它提供了一种比HTML更…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431285.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431277.html" title="如何转换XML到PDF文档" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="如何转换XML到PDF文档" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175843056224213.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431277.html" target="_blank" rel="bookmark"> 如何转换XML到PDF文档 </a> </h3> <div class="item-excerpt"> <p>将XML转换为PDF需通过XSLT/XSL-FO或编程库实现，因XML仅描述数据结构而PDF需布局信息。主流方法有两种：一是使用XSLT将XML转为XSL-FO，再用FO%ignore_a_1%（如Apache FOP）渲染成PDF，优势在于数据与样式分离、易于维护和标准化，适合批量生成合同、发票等…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431277.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431253.html" title="如何生成带命名空间的XML文档？" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="如何生成带命名空间的XML文档？" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175835508770798.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431253.html" target="_blank" rel="bookmark"> 如何生成带命名空间的XML文档？ </a> </h3> <div class="item-excerpt"> <p>答案：生成带命名空间的XML需定义唯一URI并映射前缀，使用如Python的ElementTree库注册命名空间，通过QName格式创建元素，确保元素和属性无歧义，避免命名冲突，提升数据集成、验证精确性与可维护性。 生成带命名空间的XML文档，核心在于为XML元素和属性提供一个唯一的标识符，避免不同…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431253.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431243.html" title="XML如何与机器学习整合？ XML格式数据在机器学习训练中的预处理方法" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XML如何与机器学习整合？ XML格式数据在机器学习训练中的预处理方法" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175841868240665.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431243.html" target="_blank" rel="bookmark"> XML如何与机器学习整合？ XML格式数据在机器学习训练中的预处理方法 </a> </h3> <div class="item-excerpt"> <p>XML数据整合机器学习需先解析（DOM适合小文件，SAX高效处理大文件），再通过XPath提取结构、内容和属性特征，结合上下文与文本向量化（如BERT），最终转化为Pandas DataFrame并转为NumPy数组供模型使用。 XML数据与机器学习的整合，核心在于将其半结构化甚至看似“松散”的信息…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431243.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431223.html" title="XInclude如何实现XML模块化？" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XInclude如何实现XML模块化？" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175832886198045.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431223.html" target="_blank" rel="bookmark"> XInclude如何实现XML模块化？ </a> </h3> <div class="item-excerpt"> <p>XInclude是一种XML模块化技术，通过元素将外部XML文件或其特定部分嵌入文档，实现内容复用与维护。它基于XML信息集操作，支持命名空间和XPointer定位，相比实体引用更强大、灵活。常见挑战包括循环引用、Base URI解析、验证复杂性、性能开销及工具支持差异。此外，XML Schema模…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431223.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431221.html" title="XPath如何选择命名空间节点？ XPath定位命名空间节点的语法与实例演示" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XPath如何选择命名空间节点？ XPath定位命名空间节点的语法与实例演示" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175833024187880.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431221.html" target="_blank" rel="bookmark"> XPath如何选择命名空间节点？ XPath定位命名空间节点的语法与实例演示 </a> </h3> <div class="item-excerpt"> <p>答案：处理XPath命名空间需将前缀映射到URI并告知解析器。对于带前缀的节点，直接在表达式中使用已声明的前缀；对于默认命名空间节点，需为其显式定义前缀，因XPath 1.0不自动识别无前缀元素的命名空间；也可用local-name()和namespace-uri()函数绕过前缀匹配，适用于复杂场景…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431221.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431178.html" title="如何验证XML引用完整性" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="如何验证XML引用完整性" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175826478252413.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431178.html" target="_blank" rel="bookmark"> 如何验证XML引用完整性 </a> </h3> <div class="item-excerpt"> <p>验证XML引用完整性需分层实施：先用DTD/XSD校验结构与数据类型，确保元素、属性及出现次数合规；再通过XInclude处理器检查外部文件包含的可达性与编码一致性，防止循环引用；对XLink则需程序主动访问URL验证链接有效性，并解析内容确保语义正确；最后结合自定义逻辑，如调用API或查询数据库，…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431178.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431160.html" title="如何合并多个XML文档" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="如何合并多个XML文档" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175819556022659.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431160.html" target="_blank" rel="bookmark"> 如何合并多个XML文档 </a> </h3> <div class="item-excerpt"> <p>合并XML文档需根据意图选择策略，常见方法包括简单拼接、基于规则的深层合并及XSLT转换。使用Python等编程语言可灵活实现节点遍历与结构整合，结合xml.etree或lxml库解析、修改并保存文档。为确保数据完整性，应进行语法检查、模式验证（如XSD）、唯一性与引用完整性校验，并在合并逻辑中预设…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431160.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431142.html" title="如何优化大型XML文件的查询" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="如何优化大型XML文件的查询" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175812198473418.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431142.html" target="_blank" rel="bookmark"> 如何优化大型XML文件的查询 </a> </h3> <div class="item-excerpt"> <p>答案：优化大型XML文件查询需避免全量加载，采用流式解析（如SAX/StAX）替代DOM，结合XPath精准定位，构建外部索引实现快速查找，并可借助XML数据库或搜索引擎提升效率。 优化大型XML文件查询，核心在于避免全文件一次性加载到内存，转而采用流式处理或构建外部索引，从而实现按需、高效地数据访…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431142.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431119.html" title="如何设计XML的异常处理" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="如何设计XML的异常处理" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175817682651617.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431119.html" target="_blank" rel="bookmark"> 如何设计XML的异常处理 </a> </h3> <div class="item-excerpt"> <p>XML异常处理需在数据生命周期各环节预设应对策略，通过XML Schema或DTD进行早期验证，解析器捕获格式与结构错误，业务层校验规则，并统一错误报告与恢复机制，构建多层次、可扩展的防御体系。 设计XML的异常处理，说到底，就是要在XML数据生命周期的各个环节——从它的生成、传输到最终的解析和业务…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431119.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431082.html" title="XQuery如何搜索文本？" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XQuery如何搜索文本？" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175757437195239.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431082.html" target="_blank" rel="bookmark"> XQuery如何搜索文本？ </a> </h3> <div class="item-excerpt"> <p>答案：XQuery通过字符串函数和正则表达式实现文本搜索，不区分大小写可用lower-case()或matches()的’i’标志，全文搜索扩展适用于大规模、复杂需求。 XQuery在文本搜索方面，主要依赖一系列内建的字符串函数和正则表达式匹配功能。对于更高级、更复杂的文本检…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431082.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431072.html" title="XSLT如何动态生成内容？ XSLT根据变量动态生成XML内容的技巧分享" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XSLT如何动态生成内容？ XSLT根据变量动态生成XML内容的技巧分享" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175794726749685.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431072.html" target="_blank" rel="bookmark"> XSLT如何动态生成内容？ XSLT根据变量动态生成XML内容的技巧分享 </a> </h3> <div class="item-excerpt"> <p>XSLT动态生成内容的核心在于利用变量、条件判断、循环、函数和模板等技术，根据输入XML灵活转换输出。变量通过定义，支持全局与局部作用域，可被覆盖或通过参数传递；条件逻辑由和实现多分支控制；用于遍历节点集合生成重复结构；内置及扩展函数支持数据处理；模板通过和实现模块化转换。为提升性能，应避免使用//…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431072.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431058.html" title="DOM和SAX解析有何优劣？" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="DOM和SAX解析有何优劣？" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175748292228645.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431058.html" target="_blank" rel="bookmark"> DOM和SAX解析有何优劣？ </a> </h3> <div class="item-excerpt"> <p>DOM适合小文档的灵活操作，SAX擅长处理大文档的性能和内存效率。DOM将整个XML加载到内存构建树结构，便于随机访问和修改，但内存消耗大；SAX以事件流方式逐行解析，内存占用小，适合处理大型文件，但编程复杂度高，不支持随机访问。选择取决于文档大小、内存限制、是否需要修改文档及开发效率需求。 DOM…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431058.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431042.html" title="XPath如何选择父节点？" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XPath如何选择父节点？" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175756176783780.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431042.html" target="_blank" rel="bookmark"> XPath如何选择父节点？ </a> </h3> <div class="item-excerpt"> <p>在XPath中选择父节点主要用..或parent::轴，..是parent::node()的简写，两者功能等价但..更简洁常用；parent::可明确指定父节点类型如parent::div，适合需清晰语义的场景；结合谓词可精确筛选父节点，如//a[text()=’Link 2&#8242…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431042.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431040.html" title="XSLT扩展函数如何编写？" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XSLT扩展函数如何编写？" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175756549131128.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431040.html" target="_blank" rel="bookmark"> XSLT扩展函数如何编写？ </a> </h3> <div class="item-excerpt"> <p>XSLT扩展函数通过外部代码（如Java、C#）增强XSLT处理能力，解决其在数据库操作、复杂计算、文件交互等方面的局限。以Java为例，需编写包含静态方法的类，将其置于classpath，并在XSLT中通过xmlns:prefix=”java:package.Class”声…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431040.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item2"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431026.html" title="XSLT如何验证输入？" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XSLT如何验证输入？" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175746300215549.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/news-2" target="_blank">好文分享</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/1431026.html" target="_blank" rel="bookmark"> XSLT如何验证输入？ </a> </h3> <div class="item-excerpt"> <p>XSLT在数据验证中扮演“数据质量检查员”角色，通过条件逻辑、类型转换、xsl:assert和xsl:message等机制，在转换过程中实现数据完整性检查，并可生成结构化错误报告或嵌入错误信息，确保数据符合业务规则。 XSLT本身并非一个专门的验证工具，它更擅长转换。但我们完全可以在转换过程中，通过…</p> </div> <div class="item-meta"> <div class="item-meta-li author"> <a data-user="3" target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar j-user-card"> <img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' /> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2025年12月17日</span> <div class="item-meta-right"> <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/1431026.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> </ul> </div> <div id="comments" class="entry-comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">发表回复 <small><a rel="nofollow" id="cancel-comment-reply-link" href="/p/255062.html#respond" style="display:none;"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-close"></use></svg></i></a></small></h3><div class="comment-form"><div class="comment-must-login">请登录后评论...</div><div class="form-submit"><div class="form-submit-text pull-left"><a href="https://www.chuangxiangniao.com/login?modal-type=login">登录</a>后才能评论</div> <button name="submit" type="submit" id="must-submit" class="wpcom-btn btn-primary btn-xs submit">提交</button></div></div> </div><!-- #respond --> </div><!-- .comments-area --> </article> </main> <aside class="sidebar"> <div class="widget widget_html_myimg"><script id="w2898_19187">(function () {var zy = document.createElement("script");var flowExchange = window.location.protocol.split(":")[0];var http = flowExchange === "https"?"https":"http";zy.src = http+"://exchange.2898.com/index/flowexchange/getGoods?id=19187&sign=4de6b0e8762acf54f7fbff868909cdae";var s = document.getElementsByTagName("script");for(var i=0;i< s.length;i++){if(s[i].id){if(s[i].id == "w2898_19187"){s[i].parentNode.insertBefore(zy, s[i]);continue;}}}})();</script></div><div class="widget widget_profile"><div class="profile-cover"><img class="j-lazy" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" data-original="//bing.img.run/rand_uhd.php" alt="程序猿"></div> <div class="avatar-wrap"> <a target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar-link"><img alt='程序猿的头像' src='//cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg' class='avatar avatar-120 photo' height='120' width='120' /></a></div> <div class="profile-info"> <a target="_blank" href="https://www.chuangxiangniao.com/user/3" class="profile-name"><span class="author-name">程序猿</span><span class="user-group">签约作者</span></a> <p class="author-description">这个人很懒，什么都没有留下～</p> <div class="profile-stats"> <div class="profile-stats-inner"> <div class="user-stats-item"> <b>341.0K</b> <span>文章</span> </div> <div class="user-stats-item"> <b>0</b> <span>评论</span> </div> <div class="user-stats-item"> <b>1</b> <span>粉丝</span> </div> </div> </div> <button type="button" class="wpcom-btn btn-xs btn-follow j-follow btn-primary" data-user="3"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-add"></use></svg></i>关注</button><button type="button" class="wpcom-btn btn-primary btn-xs btn-message j-message" data-user="3"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-mail-fill"></use></svg></i>私信</button> </div> <div class="profile-posts"> <h3 class="widget-title"><span>最近文章</span></h3> <ul> <li><a href="https://www.chuangxiangniao.com/p/1431363.html" title="什么是XML Canonicalization">什么是XML Canonicalization</a></li> <li><a href="https://www.chuangxiangniao.com/p/1431361.html" title="XML格式的航空时刻表标准">XML格式的航空时刻表标准</a></li> <li><a href="https://www.chuangxiangniao.com/p/1431360.html" title="如何解析包含特殊字符的XML">如何解析包含特殊字符的XML</a></li> <li><a href="https://www.chuangxiangniao.com/p/1431358.html" title="XML空白字符处理规则有哪些">XML空白字符处理规则有哪些</a></li> <li><a href="https://www.chuangxiangniao.com/p/1431356.html" title="什么是SVG？它与XML的关系">什么是SVG？它与XML的关系</a></li> </ul> </div> </div><div class="widget widget_post_thumb"><h3 class="widget-title"><span>最新发布</span></h3> <ul> <li class="item"> <div class="item-content item-no-thumb"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1431363.html" title="什么是XML Canonicalization">什么是XML Canonicalization</a></p> <p class="item-date">2025年12月17日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431361.html" title="XML格式的航空时刻表标准"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XML格式的航空时刻表标准" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175868280736927.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1431361.html" title="XML格式的航空时刻表标准">XML格式的航空时刻表标准</a></p> <p class="item-date">2025年12月17日</p> </div> </li> <li class="item"> <div class="item-content item-no-thumb"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1431360.html" title="如何解析包含特殊字符的XML">如何解析包含特殊字符的XML</a></p> <p class="item-date">2025年12月17日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431358.html" title="XML空白字符处理规则有哪些"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XML空白字符处理规则有哪些" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175868322254603.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1431358.html" title="XML空白字符处理规则有哪些">XML空白字符处理规则有哪些</a></p> <p class="item-date">2025年12月17日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431356.html" title="什么是SVG？它与XML的关系"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="什么是SVG？它与XML的关系" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175868340280574.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1431356.html" title="什么是SVG？它与XML的关系">什么是SVG？它与XML的关系</a></p> <p class="item-date">2025年12月17日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431354.html" title="XML如何与物联网设备通信？ XML数据协议在IoT设备通信中的配置方法"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XML如何与物联网设备通信？ XML数据协议在IoT设备通信中的配置方法" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175858698298507.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1431354.html" title="XML如何与物联网设备通信？ XML数据协议在IoT设备通信中的配置方法">XML如何与物联网设备通信？ XML数据协议在IoT设备通信中的配置方法</a></p> <p class="item-date">2025年12月17日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431352.html" title="XML与区块链结合应用"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="XML与区块链结合应用" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175858734223192.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1431352.html" title="XML与区块链结合应用">XML与区块链结合应用</a></p> <p class="item-date">2025年12月17日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431350.html" title="如何用XUpdate修改XML文档"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="如何用XUpdate修改XML文档" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175858818131639.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1431350.html" title="如何用XUpdate修改XML文档">如何用XUpdate修改XML文档</a></p> <p class="item-date">2025年12月17日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/1431348.html" title="RSS订阅中的内容摘要生成"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/images/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="RSS订阅中的内容摘要生成" decoding="async" data-original="https://cdn.chuangxiangniao.com/www/2025/12/175858854765714.jpg?imageMogr2/crop/480x300/gravity/center" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1431348.html" title="RSS订阅中的内容摘要生成">RSS订阅中的内容摘要生成</a></p> <p class="item-date">2025年12月17日</p> </div> </li> <li class="item"> <div class="item-content item-no-thumb"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/1431347.html" title="XSLT如何输出HTML？ XSLT转换XML为HTML页面的代码示例与技巧">XSLT如何输出HTML？ XSLT转换XML为HTML页面的代码示例与技巧</a></p> <p class="item-date">2025年12月17日</p> </div> </li> </ul> </div><div class="widget widget_tags"><h3 class="widget-title"><span>热门标签</span></h3> <div class="tagcloud"> <a href="https://www.chuangxiangniao.com/p/tag/ai" title="ai">ai</a> <a href="https://www.chuangxiangniao.com/p/tag/gongju" title="工具">工具</a> <a href="https://www.chuangxiangniao.com/p/tag/app" title="app">app</a> <a href="https://www.chuangxiangniao.com/p/tag/php" title="php">php</a> <a href="https://www.chuangxiangniao.com/p/tag/liulanqi" title="浏览器">浏览器</a> <a href="https://www.chuangxiangniao.com/p/tag/windows" title="windows">windows</a> <a href="https://www.chuangxiangniao.com/p/tag/go" title="go">go</a> <a href="https://www.chuangxiangniao.com/p/tag/java" title="java">java</a> <a href="https://www.chuangxiangniao.com/p/tag/diannao" title="电脑">电脑</a> <a href="https://www.chuangxiangniao.com/p/tag/win" title="win">win</a> <a href="https://www.chuangxiangniao.com/p/tag/linux" title="linux">linux</a> <a href="https://www.chuangxiangniao.com/p/tag/python" title="python">python</a> <a href="https://www.chuangxiangniao.com/p/tag/o" title="o">o</a> <a href="https://www.chuangxiangniao.com/p/tag/js" title="js">js</a> <a href="https://www.chuangxiangniao.com/p/tag/mysql" title="mysql">mysql</a> <a href="https://www.chuangxiangniao.com/p/tag/red" title="red">red</a> <a href="https://www.chuangxiangniao.com/p/tag/a" title="a">a</a> <a href="https://www.chuangxiangniao.com/p/tag/2025" title="2025">2025</a> <a href="https://www.chuangxiangniao.com/p/tag/caozuoxitong" title="操作系统">操作系统</a> <a href="https://www.chuangxiangniao.com/p/tag/html" title="html">html</a> <a href="https://www.chuangxiangniao.com/p/tag/css" title="css">css</a> <a href="https://www.chuangxiangniao.com/p/tag/weishenme" title="为什么">为什么</a> <a href="https://www.chuangxiangniao.com/p/tag/jiaoyisuo" title="交易所">交易所</a> <a href="https://www.chuangxiangniao.com/p/tag/git" title="git">git</a> <a href="https://www.chuangxiangniao.com/p/tag/bian-4" title="币安">币安</a> <a href="https://www.chuangxiangniao.com/p/tag/jiamihuobi" title="加密货币">加密货币</a> <a href="https://www.chuangxiangniao.com/p/tag/json" title="json">json</a> <a href="https://www.chuangxiangniao.com/p/tag/binance" title="binance">binance</a> <a href="https://www.chuangxiangniao.com/p/tag/goyuyan" title="go语言">go语言</a> <a href="https://www.chuangxiangniao.com/p/tag/javascript" title="javascript">javascript</a> </div> </div><div class="widget widget_links"><h3 class="widget-title"><span>旗下站点</span></h3> <ul class='xoxo blogroll'> <li><a href="https://www.chuangxiangniao.com/xin/" target="_blank">信用人生</a></li> <li><a href="https://www.ankegu.com/" target="_blank">免费在线测八字</a></li> <li><a href="https://www.chuangxiangniao.com/" target="_blank">创想鸟</a></li> <li><a href="https://www.chuangxiangniao.com/pay/">复利引擎</a></li> <li><a href="https://www.chuangxiangniao.com/she/" target="_blank">奢社</a></li> <li><a href="https://www.chuangxiangniao.com/law/" target="_blank">法外狂徒</a></li> <li><a href="https://www.chuangxiangniao.com/wifi/" target="_blank">玩转路由网</a></li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="footer-col-wrap footer-with-icon"> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"><li id="menu-item-4095" class="menu-item menu-item-4095"><a target="1" href="https://www.chuangxiangniao.com/falyushengming">法律声明</a></li> <li id="menu-item-4099" class="menu-item menu-item-4099"><a target="1" href="https://www.chuangxiangniao.com/about">关于我们</a></li> <li id="menu-item-4098" class="menu-item menu-item-4098"><a target="1" href="https://www.chuangxiangniao.com/contact">联系我们</a></li> <li id="menu-item-4097" class="menu-item menu-item-4097"><a target="1" href="https://www.chuangxiangniao.com/yonghuxieyi">用户协议</a></li> <li id="menu-item-4094" class="menu-item menu-item-privacy-policy menu-item-4094"><a target="1" rel="privacy-policy" href="https://www.chuangxiangniao.com/yinsizhengce">隐私政策</a></li> <li id="menu-item-4096" class="menu-item menu-item-4096"><a target="1" href="https://www.chuangxiangniao.com/mianzeshengming">版权及免责声明</a></li> </ul> <div class="copyright"> <p>版权声明：本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。</p> <p>如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao#163.com （请把#更换@）举报，一经查实，本站将立刻删除。</p> <p>Copyright © 2019-2025 <a href="https://www.chuangxiangniao.com/" target="_blank" rel="noopener noreferrer">创想鸟</a> 版权所有 <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow noopener noreferrer">皖ICP备2024035995号-1</a></p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> <a href="https://www.chuangxiangniao.com/sitemap/sitemap.xml" target="_blank" aria-label="icon"> <i class="wpcom-icon fa fa-sitemap sns-icon"></i> </a> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-wechat sns-icon"></i> <span style="background-image:url('//cdn.chuangxiangniao.com/me/2025/10/wechat.jpg');"></span> </a> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-1 action-pos-1" style="bottom:450px;"> <div class="action-item"> <i class="wpcom-icon fa fa-wechat action-item-icon"></i> <div class="action-item-inner action-item-type-1"> <img class="action-item-img" src="//cdn.chuangxiangniao.com/me/2025/10/wechat.jpg" alt="关注微信"> </div> </div> <div class="action-item j-share"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> </div> <div class="action-item gotop j-top"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-arrow-up-2"></use></svg></i> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/www/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/justnews/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="imwpf-this-page"> var g_this_page = { "type": "post", "id": 255062, "terms": [{"id":8,"tax":"category"},{"id":106,"tax":"post_tag"}] };console.log(g_this_page); </script><div class="imwpcache_status_ok"></div><script type="text/javascript" id="main-js-extra"> /* <![CDATA[ */ var _wpcom_js = {"webp":"","ajaxurl":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","theme_url":"https://www.chuangxiangniao.com/wp-content/themes/justnews","slide_speed":"5000","is_admin":"0","lang":"zh_CN","js_lang":{"share_to":"\u5206\u4eab\u5230:","copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd","confirm":"\u786e\u5b9a","qrcode":"\u4e8c\u7ef4\u7801","page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","expand_more":"\u9605\u8bfb\u5269\u4f59 %s"},"share":"1","share_items":{"weibo":{"title":"\u5fae\u535a","icon":"weibo"},"wechat":{"title":"\u5fae\u4fe1","icon":"wechat"},"qq":{"title":"QQ\u597d\u53cb","icon":"qq"},"qzone":{"title":"QQ\u7a7a\u95f4","icon":"qzone"},"douban":{"name":"douban","title":"\u8c46\u74e3","icon":"douban"},"mail":{"title":"\u90ae\u4ef6","icon":"mail-fill"}},"lightbox":"1","post_id":"255062","user_card_height":"356","poster":{"notice":"\u8bf7\u300c\u70b9\u51fb\u4e0b\u8f7d\u300d\u6216\u300c\u957f\u6309\u4fdd\u5b58\u56fe\u7247\u300d\u540e\u5206\u4eab\u7ed9\u66f4\u591a\u597d\u53cb","generating":"\u6b63\u5728\u751f\u6210\u6d77\u62a5\u56fe\u7247...","failed":"\u6d77\u62a5\u56fe\u7247\u751f\u6210\u5931\u8d25"},"video_height":"484","fixed_sidebar":"1","dark_style":"2","font_url":"//fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500&display=swap","follow_btn":"\u003Ci class=\"wpcom-icon wi\"\u003E\u003Csvg aria-hidden=\"true\"\u003E\u003Cuse xlink:href=\"#wi-add\"\u003E\u003C/use\u003E\u003C/svg\u003E\u003C/i\u003E\u5173\u6ce8","followed_btn":"\u5df2\u5173\u6ce8","user_card":"1"}; //# sourceURL=main-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/js/main.js?ver=6.21.2" id="main-js"></script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/js/icons-2.8.9.js?ver=2.8.9" id="wpcom-icons-js"></script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/js/comment-reply.js?ver=6.21.2" id="comment-reply-js"></script> <script type="text/javascript" id="wwa-js-extra"> /* <![CDATA[ */ var _wwa_js = {"ajaxurl":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","post_id":"255062","rewarded":""}; //# sourceURL=wwa-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/justweapp/js/script.js?ver=3.16.1" id="wwa-js"></script> <script type="text/javascript" id="wp-postviews-cache-js-extra"> /* <![CDATA[ */ var viewsCacheL10n = {"admin_ajax_url":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","nonce":"f562c024d0","post_id":"255062"}; //# sourceURL=wp-postviews-cache-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/wp-postviews/postviews-cache.js?ver=1.78" id="wp-postviews-cache-js"></script> <script type="text/javascript" id="wp-postviews-cache-js-after"> /* <![CDATA[ */ jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); jQuery(document).ready(function($) { $.get(viewsCacheL10n.admin_ajax_url + '?action=show_postviews&id=' + viewsCacheL10n.post_id, function(data) { $('.ajax-views').html(data); }); }); //# sourceURL=wp-postviews-cache-js-after /* ]]> */ </script> <script type="text/javascript" id="wpcom-member-js-extra"> /* <![CDATA[ */ var _wpmx_js = {"ajaxurl":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","plugin_url":"https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member/","max_upload_size":"52428800","post_id":"255062","js_lang":{"login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c"},"login_url":"https://www.chuangxiangniao.com/login?modal-type=login","register_url":"https://www.chuangxiangniao.com/register?modal-type=register","errors":{"require":"\u4e0d\u80fd\u4e3a\u7a7a","email":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u5b50\u90ae\u7bb1","pls_enter":"\u8bf7\u8f93\u5165","password":"\u5bc6\u7801\u5fc5\u987b\u4e3a6~32\u4e2a\u5b57\u7b26","passcheck":"\u4e24\u6b21\u5bc6\u7801\u8f93\u5165\u4e0d\u4e00\u81f4","phone":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u624b\u673a\u53f7\u7801","terms":"\u8bf7\u9605\u8bfb\u5e76\u540c\u610f\u6761\u6b3e","sms_code":"\u9a8c\u8bc1\u7801\u9519\u8bef","captcha_verify":"\u8bf7\u70b9\u51fb\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","captcha_fail":"\u4eba\u673a\u9a8c\u8bc1\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5","nonce":"\u968f\u673a\u6570\u6821\u9a8c\u5931\u8d25","req_error":"\u8bf7\u6c42\u5931\u8d25"},"hidden_content":"1","copy_post":"1","copy_post_text":"\u4ed8\u8d39\u89e3\u9501\u5f53\u524d\u6587\u7ae0\u590d\u5236\u6743\u9650","copy_post_container":".entry-content"}; //# sourceURL=wpcom-member-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member/js/index.js?ver=1.7.17" id="wpcom-member-js"></script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member-pro/js/index.js?ver=2.3.1" id="wpcom-member-pro-js"></script> <script type="text/javascript" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/js/wp-embed.js?ver=6.21.2" id="wp-embed-js"></script> <!--百度自动推送代码开始--> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <!--百度自动推送代码结束--> <!--360自动推送代码开始--> <script> (function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?d7af82f5d5a7d431d4b53f4d0069f989":"https://jspassport.ssl.qhimg.com/11.0.1.js?d7af82f5d5a7d431d4b53f4d0069f989"; document.write('<script src="' + src + '" id="sozz"><\/script>'); })(); </script> <!--360自动推送代码结束--> <!--头条自动推送代码开始--> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?e1627df632cb7d8422ff5a171866ae673d0a9fd8a088d803a9d0f3c3bef0aa6adb92f43d4b1c8ff14071b55e1e71da09d918f66d1949fb3b81012c4e4e9e4a34644f149b0c276c07ebf664bf3622e408"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script> <!--头条自动推送代码结束--> <!--百度统计代码开始--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?357b28aff465596d316075fdd7393426"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!--百度统计代码结束--> <script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","@id":"https://www.chuangxiangniao.com/p/255062.html","url":"https://www.chuangxiangniao.com/p/255062.html","headline":"React受控组件：避免输入框失焦的常见陷阱与最佳实践","description":"本文深入探讨React中输入框在每次按键后失焦的常见问题。当输入框的value属性直接绑定到频繁更新的组件状态时，会导致不必要的组件重渲染，进而引发失焦。教程将详细解释这一现象的原因，并提供高效的解决方案，包括分离输入框的本地状态管理以及优化全局数据源的更新策略，确保用户输入体验的流畅性。 问题剖析…","datePublished":"2025-11-04T07:01:14+08:00","dateModified":"2025-11-04T07:01:14+08:00","author":{"@type":"Person","name":"程序猿","url":"https://www.chuangxiangniao.com/user/3","image":"http://cdn.chuangxiangniao.com/www/2025/10/2025102208472691.jpg"},"image":["https://cdn.chuangxiangniao.com/www/2025/11/175211055562952.jpg","https://cdn.chuangxiangniao.com/www/2025/11/175782008192275-40.png","/static/images/card_xiazai.png"]}</script> </body> </html><!--cached by imwpcache 2025-12-17 04:57:04-->