Playwright教程：高效获取DOM元素value属性，无需页面交互

本教程详细阐述了如何使用playwright高效地获取dom元素的value属性，即使该元素不直接可见或需要复杂的用户交互才能访问。通过利用page.locator()结合elementhandle.evaluatehandle()方法，可以直接在dom元素上执行javascript，从而精确提取、等表单元素的实际值，显著提升测试效率和代码健壮性。</p> <h3>引言：高效获取DOM元素value属性的挑战</h3> <p>在使用Playwright进行Web自动化测试或数据抓取时，我们经常需要获取页面上特定元素的值。对于、<textarea>或等表单元素，其当前值通常存储在DOM元素的value属性中，而非其innerText或textContent。然而，在某些场景下，直接获取这些值会遇到挑战：</p> <p><strong>元素非可见或隐藏：</strong> 元素可能被CSS隐藏，或位于需要滚动、展开才能看到的位置。<strong>嵌套在中：</strong> 元素位于独立的内部，需要先切换到该上下文。<strong>需要用户交互才能显示：</strong> 元素的值只有在点击“编辑”按钮、弹出模态框或执行其他复杂操作后才可见或可访问。</p> <p>传统的解决方法往往涉及模拟用户交互，例如点击按钮、切换、等待元素可见等。这些操作虽然有效，但会显著增加测试执行时间，降低测试效率，并可能引入额外的复杂性和不稳定性。例如，反复打开和关闭来断言多个值，效率极低。尽管Chrome开发者工具的“Properties”选项卡能够直接显示这些元素的value属性，但如何在Playwright中以编程方式实现这一点，是许多开发者面临的痛点。</p> <h3>Playwright中获取value属性的常见误区</h3> <p>在尝试获取DOM元素的value属性时，一些常见的尝试方法可能无法达到预期效果：</p> <p><strong>使用page.evaluateHandle(() => document.body.innerHTML)或document.body.innerText)：</strong> 这类方法获取的是整个元素的HTML内容或可见文本，对于、<textarea>的value属性，它们并不会直接包含在innerHTML或innerText中，尤其是当这些元素的内容由用户输入或JavaScript动态设置时。</p> <p><strong>直接在Locator或JSHandle上使用getProperty(‘value’)：</strong> Playwright的Locator对象本身不直接暴露DOM属性。虽然JSHandle有getProperty()方法，但如果JSHandle代表的是整个window或document对象，尝试在其上直接获取一个特定元素的value属性，例如handle.getProperty(‘value’)，将无法奏效，因为它不是针对具体的表单元素。例如：</p> <pre class="brush:php;toolbar:false;">let manufacturer;const handle = await this.page.evaluateHandle(() => ({window, document}));// 这里的 handle 包含了 window 和 document，而不是特定的表单元素// manufacturer = await handle.getProperty('value') // 这将失败，因为 handle 不是一个 DOM 元素句柄</pre> <p>上述代码的问题在于，handle代表的是一个包含window和document的对象，而非我们想要获取其value的特定DOM元素。</p> <h3>解决方案：利用elementHandle.evaluateHandle()直接访问DOM属性</h3> <p>Playwright提供了一个强大且高效的机制来解决上述问题：通过page.locator()定位到目标元素后，获取其ElementHandle，然后利用elementHandle.evaluateHandle()方法直接在该DOM元素上执行JavaScript代码，从而访问其value属性。</p> <p> <img decoding="async" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175680310972968-332.png" alt="Medeo"> Medeo </p> <p>AI视频生成工具</p> <p> <img decoding="async" src="/static/images/card_xiazai.png" alt="Medeo"> 191 查看详情 <img decoding="async" src="/static/images/cardxiayige-3.png" alt="Medeo"> </p> <p>核心思想是：</p> <p><strong>精确查找元素：</strong> 使用Playwright强大的page.locator()API来定位目标元素。<strong>获取元素句柄：</strong> locator.elementHandle()方法返回一个ElementHandle，它代表了页面上的特定DOM节点。<strong>在元素句柄上执行JavaScript：</strong> elementHandle.evaluateHandle((element) => element.value)允许我们在该ElementHandle所代表的DOM元素上执行一个JavaScript函数。这个函数会接收到该DOM元素作为参数（在这里命名为element）。<strong>直接访问DOM属性：</strong> 在JavaScript函数内部，我们可以直接访问element.value来获取其值。<strong>提取结果：</strong> evaluateHandle()返回一个JSHandle，我们需要调用其<span class="wpcom_tag_link"><a href="https://www.chuangxiangniao.com/p/tag/json" title="json" target="_blank">json</a></span>Value()方法来将JavaScript值序列化并返回到Playwright的Node.<span class="wpcom_tag_link"><a href="https://www.chuangxiangniao.com/p/tag/js" title="js" target="_blank">js</a></span>环境中。</p> <p>这种方法避免了模拟用户交互的开销，直接从DOM中提取所需信息，极大地提高了测试的效率和稳定性。</p> <h3>实用工具函数示例</h3> <p>为了方便在测试或Page Object Model (POM) 中复用，我们可以封装一个通用的工具函数。以下是一个使用TypeScript编写的示例：</p> <pre class="brush:php;toolbar:false;">import { Page, Locator, ElementHandle } from '@playwright/test';/** * 一个用于Playwright测试的实用工具类。 */class PlaywrightUtils { private page: Page; constructor(page: Page) { this.page = page; } /** * 从指定DOM元素的'value'属性中检索其值。 * 此方法适用于 , <textarea>, 等表单元素， * 即使元素不可见或其值未反映在 innerText 中，也能直接获取。 * * @param selector 用于定位目标元素的CSS选择器字符串。 * @returns 一个Promise，解析为元素的字符串值。 * @throws 如果元素未找到，则抛出错误。 */ async getValueFromElementValueProperty(selector: string): Promise { // 1. 使用Playwright的locator API定位元素。 // Playwright的locator提供了强大的等待和重试机制。 const elementLocator: Locator = this.page.locator(selector); // 2. 获取定位到的元素的ElementHandle。 // ElementHandle代表了页面上的一个具体的DOM节点。 const elementHandle: ElementHandle | null = await elementLocator.elementHandle(); // 3. 检查元素是否成功找到。 if (!elementHandle) { throw new Error(`Error: Element with selector "${selector}" not found on the page.`); } // 4. 使用 evaluateHandle 在 ElementHandle 上执行 JavaScript。 // 回调函数接收 DOM 元素本身作为参数，我们直接访问其 'value' 属性。 // 这里的类型断言 (HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement) // 是为了 TypeScript 的类型安全，确保我们访问的是具有 'value' 属性的元素。 const valueHandle = await elementHandle.evaluateHandle( (element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement) => element.value ); // 5. 从 JSHandle 中提取实际的 JavaScript 值。 // jsonValue() 将 JSHandle 包装的值序列化并返回到 Node.js 环境。 return valueHandle.jsonValue(); } // 可以在这里添加其他实用的Playwright方法}// 示例用法：// 假设在一个测试文件中或Page Object中// test('should get manufacturer value without interaction', async ({ page }) => {// const utils = new PlaywrightUtils(page);//// // 假设这是你的目标元素选择器，它在DOM中存在，但可能需要点击才能看到// const manufacturerSelector = '#Manufacturer > div > div:nth-child(1) > div > div.stb-rich-text-fields > div > div:nth-child(1) > div > textarea';//// // 导航到包含该元素的页面// // await page.goto('your-page-url');//// try {// const manufacturerValue = await utils.getValueFromElementValueProperty(manufacturerSelector);// console.log('Manufacturer Value:', manufacturerValue);// // 在这里进行断言// // expect(manufacturerValue).toBe('Expected Manufacturer Name');// } catch (error) {// console.error(error.message);// // 可以在这里添加测试失败的逻辑// }// });</pre> <h3>关键概念与工作原理</h3> <p><strong>page.locator(selector)：</strong> 这是Playwright推荐的元素查找方式，它返回一个Locator对象。Locator是智能的，它会等待元素出现，并且提供了强大的链式操作能力。<strong>locator.elementHandle()：</strong> 当我们需要对定位到的具体DOM节点执行底层操作时，可以使用此方法获取一个ElementHandle。ElementHandle是Playwright对DOM元素的引用。<strong>elementHandle.evaluateHandle(pageFunction, arg?)：</strong> 这是本解决方案的核心。它允许您在ElementHandle所代表的DOM元素上执行一个pageFunction（一个JavaScript函数）。pageFunction会在浏览器环境中运行，并接收到该DOM元素作为第一个参数。evaluateHandle的优势在于它返回一个JSHandle，这意味着您可以在Node.js环境中进一步操作这个JavaScript对象，而不仅仅是获取其原始值。<strong>element.value：</strong> 这是标准的HTML DOM属性，用于获取、<textarea>、等表单元素的当前值。<strong>jsHandle.jsonValue()：</strong> evaluateHandle返回的JSHandle是一个对浏览器环境中JavaScript对象的引用。jsonValue()方法将这个JavaScript对象（如果可序列化）转换成JSON格式，并将其值返回到Playwright的Node.js环境中。</p> <p>这种方法之所以高效，是因为它直接与DOM交互，绕过了模拟UI交互的开销。它直接获取了DOM元素的底层属性，无论该元素是否可见，只要它存在于DOM树中。</p> <h3>注意事项与最佳实践</h3> <p><strong>适用元素类型：</strong> 此方法主要适用于具有value属性的HTML表单元素，如（包括各种类型如text, number, checkbox, radio等）、<textarea>和。对于其他元素，如果需要获取其文本内容，通常会使用locator.innerText()或locator.textContent()；如果需要获取属性，则使用locator.getAttribute(‘attributeName’)。<strong>元素存在性检查：</strong> 在调用elementHandle.evaluateHandle()之前，务必检查elementHandle是否为null。如果locator.elementHandle()返回null，意味着元素未在页面上找到，此时尝试在其上执行操作会导致错误。在提供的工具函数中已包含此检查。<strong>错误处理：</strong> 考虑在工具函数中添加更健壮的错误处理，例如当元素不存在时抛出自定义错误，以便在测试中捕获和处理。<strong>异步操作：</strong> Playwright的所有API都是异步的，因此在使用时始终要使用await关键字。<strong>TypeScript类型安全：</strong> 如果使用TypeScript，为evaluateHandle的回调函数参数添加正确的DOM元素类型（如HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement）可以增强类型检查和代码可读性。<strong>代码组织：</strong> 将此类实用函数封装在独立的工具类或Page Object中，可以提高代码的模块化、可读性和可维护性。</p> <h3>总结</h3> <p>通过利用Playwright的page.locator()、locator.elementHandle()和elementHandle.evaluateHandle()组合，我们可以高效且稳定地获取DOM元素的value属性，即使这些元素在正常情况下需要复杂的交互才能访问。这种直接操作DOM底层属性的方法，不仅避免了不必要的UI交互，显著提升了自动化测试的执行效率，也增强了测试的健壮性。掌握这一技巧，将使您在Playwright自动化测试和数据提取中如虎添翼。</p> <p>以上就是Playwright教程：高效获取DOM元素value属性，无需页面交互的详细内容，更多请关注创想鸟其它相关文章！</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/865135.html</span></p></div> </div> <div class="entry-tag"><a href="https://www.chuangxiangniao.com/p/tag/css" rel="tag">css</a><a href="https://www.chuangxiangniao.com/p/tag/go" rel="tag">go</a><a href="https://www.chuangxiangniao.com/p/tag/html" rel="tag">html</a><a href="https://www.chuangxiangniao.com/p/tag/java" rel="tag">java</a><a href="https://www.chuangxiangniao.com/p/tag/javascript" rel="tag">javascript</a><a href="https://www.chuangxiangniao.com/p/tag/js" rel="tag">js</a><a href="https://www.chuangxiangniao.com/p/tag/json" rel="tag">json</a><a href="https://www.chuangxiangniao.com/p/tag/node" rel="tag">node</a><a href="https://www.chuangxiangniao.com/p/tag/node.js" rel="tag">node.js</a><a href="https://www.chuangxiangniao.com/p/tag/svg" rel="tag">svg</a><a href="https://www.chuangxiangniao.com/p/tag/typescr" rel="tag">typescr</a></div> <div class="entry-action"> <div class="btn-zan" data-id="865135"><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="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/wx.jpg" alt="微信扫一扫"/> 微信扫一扫 </span> <span> <img src="https://www.chuangxiangniao.com/wp-content/uploads/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="865135"><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="865135" data-qrcode="https://www.chuangxiangniao.com/p/865135.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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-120 photo' height='120' width='120' decoding='async'/></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>413.8K</b> <span>文章</span> </div> <div class="user-stats-item"> <b>0</b> <span>评论</span> </div> <div class="user-stats-item"> <b>2</b> <span>粉丝</span> </div> </div> <div class="entry-author-description">这个人很懒，什么都没有留下～</div> </div> </div> </div> <div class="entry-page"> <div class="entry-page-prev"> <img src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/176418690958268-480x300.png" alt="街头霸王6官方网站地址 街头霸王6官方网址登录入口" decoding="async" loading="lazy"> <a href="https://www.chuangxiangniao.com/p/865113.html" title="街头霸王6官方网站地址 街头霸王6官方网址登录入口" rel="prev"> <span>街头霸王6官方网站地址 街头霸王6官方网址登录入口</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月28日 01:55:20</span> </div> </div> <div class="entry-page-next"> <img src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/176353230418728-480x300.jpg" alt="HONOR ROBOT PHONE 实机照片亮相！可收纳云台镜头、拍片表现有望挑机 Osmo Pocket？" decoding="async" loading="lazy"> <a href="https://www.chuangxiangniao.com/p/865123.html" title="HONOR ROBOT PHONE 实机照片亮相！可收纳云台镜头、拍片表现有望挑机 Osmo Pocket？" rel="next"> <span>HONOR ROBOT PHONE 实机照片亮相！可收纳云台镜头、拍片表现有望挑机 Osmo Pocket？</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月28日 01:55:27</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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209362.html" target="_blank" rel="bookmark"> Java中实现跨类和函数共享变量的策略 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209362.html" title="Java中实现跨类和函数共享变量的策略" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773118479681.jpg" alt="Java中实现跨类和函数共享变量的策略" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/68b6c6af75d71275-2.png" alt="Java中实现跨类和函数共享变量的策略" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="Java中实现跨类和函数共享变量的策略" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="Java中实现跨类和函数共享变量的策略" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本文深入探讨了在Java中实现跨类和函数共享变量的有效策略。通过利用public static关键字，可以在不创建对象实例的情况下，使变量在整个应用程序中具备全局可访问性。文章将通过示例代码演示其使用方法，并提供关于此模式的注意事项与最佳实践，以帮助开发者理解其优势和潜在风险。 核心概念：publi…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209362.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209353.html" target="_blank" rel="bookmark"> sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209353.html" title="sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/176129796241188.jpg" alt="sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/68b6cdbf48df2598-7.png" alt="sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>在Sublime Text中设置代码片段触发词需编辑tabTrigger标签，2. 创建新片段并配置content、tabTrigger、scope等字段，3. 将文件保存为Packages/User/下的.sublime-snippet格式，4. 在对应语言文件中输入触发词后按Tab键即可展开。 …</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209353.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209310.html" target="_blank" rel="bookmark"> Java 双向链表指定索引节点删除深度解析 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209310.html" title="Java 双向链表指定索引节点删除深度解析" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773126483831.jpg" alt="Java 双向链表指定索引节点删除深度解析" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175680265595886-9.png" alt="Java 双向链表指定索引节点删除深度解析" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="Java 双向链表指定索引节点删除深度解析" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="Java 双向链表指定索引节点删除深度解析" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本文深入探讨了在 Java 中实现双向链表指定索引节点删除的完整过程。我们将详细讲解如何处理泛型化、头尾指针维护、链表大小更新以及各种边界条件（如删除头节点、尾节点、中间节点或唯一节点）的逻辑，并提供一个健壮的实现示例。 1. 双向链表基础与泛型化 双向链表是一种数据结构，其中每个节点不仅包含数据，…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209310.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209309.html" target="_blank" rel="bookmark"> MAC的“画中画”功能怎么在任何网站使用_Mac Safari浏览器画中画视频播放 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209309.html" title="MAC的“画中画”功能怎么在任何网站使用_Mac Safari浏览器画中画视频播放" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175911486355472.png" alt="MAC的“画中画”功能怎么在任何网站使用_Mac Safari浏览器画中画视频播放" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175680368552634.png" alt="MAC的“画中画”功能怎么在任何网站使用_Mac Safari浏览器画中画视频播放" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="MAC的“画中画”功能怎么在任何网站使用_Mac Safari浏览器画中画视频播放" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="MAC的“画中画”功能怎么在任何网站使用_Mac Safari浏览器画中画视频播放" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>可通过右键菜单、标签页音频图标或安装Safari扩展实现Mac上Safari浏览器的画中画功能，提升视频悬浮播放兼容性。 如果您在使用Mac的Safari浏览器观看网页视频时，希望将视频窗口悬浮显示以便同时进行其他操作，但发现部分网站不支持画中画功能，则可以通过以下方法实现更广泛的兼容性。 本文运行…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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>2</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/209309.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209303.html" target="_blank" rel="bookmark"> Chrome浏览器怎么看视频出现绿屏_视频播放绿屏问题的解决方案 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209303.html" title="Chrome浏览器怎么看视频出现绿屏_视频播放绿屏问题的解决方案" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175862208140331.jpg" alt="Chrome浏览器怎么看视频出现绿屏_视频播放绿屏问题的解决方案" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175680315825545-2.png" alt="Chrome浏览器怎么看视频出现绿屏_视频播放绿屏问题的解决方案" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="Chrome浏览器怎么看视频出现绿屏_视频播放绿屏问题的解决方案" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="Chrome浏览器怎么看视频出现绿屏_视频播放绿屏问题的解决方案" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>绿屏问题通常由硬件加速或GPU缓存异常引起，可依次尝试禁用硬件加速、清除GPU缓存、重置chrome://flags实验性功能，并通过快捷方式添加–disable-gpu参数临时修复。 如果您在使用Chrome浏览器观看视频时遇到屏幕显示为绿色，这通常与浏览器的硬件加速功能或GPU（图形…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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>3</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/209303.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209276.html" target="_blank" rel="bookmark"> 在Spring Boot中利用注解实现字符串到枚举的灵活转换 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209276.html" title="在Spring Boot中利用注解实现字符串到枚举的灵活转换" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773408545587.jpg" alt="在Spring Boot中利用注解实现字符串到枚举的灵活转换" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/68b6c6af75d71275-1.png" alt="在Spring Boot中利用注解实现字符串到枚举的灵活转换" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="在Spring Boot中利用注解实现字符串到枚举的灵活转换" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="在Spring Boot中利用注解实现字符串到枚举的灵活转换" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本文详细介绍了在Spring Boot应用中，如何通过自定义Jackson反序列化器并结合@JsonDeserialize注解，实现请求体中字符串类型数据向枚举（Enum）对象的自动转换。该方法尤其适用于处理大小写不敏感的字符串输入，确保数据模型与业务逻辑的健壮性与灵活性。 背景与问题描述 在spr…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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>6</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/209276.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209211.html" target="_blank" rel="bookmark"> Java Optional与可空集合排序：深度解析与高效实践 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209211.html" title="Java Optional与可空集合排序：深度解析与高效实践" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773430331089.jpg" alt="Java Optional与可空集合排序：深度解析与高效实践" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/68b6dac7dd9e4837-5.png" alt="Java Optional与可空集合排序：深度解析与高效实践" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="Java Optional与可空集合排序：深度解析与高效实践" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="Java Optional与可空集合排序：深度解析与高效实践" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本文探讨了在Java中处理嵌套可空对象及列表排序的常见问题，特别是Optional的错误用法。强调了通过良好设计避免可空集合的重要性，并提供了在无法修改现有结构时，利用Stream.ofNullable()和Stream.mapMulti()进行安全高效排序的解决方案。旨在提升代码健壮性和可读性。 …</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209211.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209196.html" target="_blank" rel="bookmark"> sublime怎么配置LSP(Language Server Protocol)_sublime语言服务器协议配置方法 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209196.html" title="sublime怎么配置LSP(Language Server Protocol)_sublime语言服务器协议配置方法" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/176135700245963.jpg" alt="sublime怎么配置LSP(Language Server Protocol)_sublime语言服务器协议配置方法" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175680037436252-2.png" alt="sublime怎么配置LSP(Language Server Protocol)_sublime语言服务器协议配置方法" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="sublime怎么配置LSP(Language Server Protocol)_sublime语言服务器协议配置方法" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="sublime怎么配置LSP(Language Server Protocol)_sublime语言服务器协议配置方法" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>首先安装LSP插件，再配置语言服务器；以Python为例，通过pip安装pylsp并在LSP设置中添加客户端配置，保存后打开.py文件即可启用服务。 在 Sublime Text 中配置 LSP（Language Server Protocol）可以大幅提升代码补全、跳转定义、悬停提示等开发体验。下…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209196.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209163.html" target="_blank" rel="bookmark"> Java中自定义日志器的简化与自动化：避免重复声明 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209163.html" title="Java中自定义日志器的简化与自动化：避免重复声明" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773474762065.jpg" alt="Java中自定义日志器的简化与自动化：避免重复声明" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/68b6dac7dd9e4837-4.png" alt="Java中自定义日志器的简化与自动化：避免重复声明" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="Java中自定义日志器的简化与自动化：避免重复声明" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="Java中自定义日志器的简化与自动化：避免重复声明" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本文探讨了在Java应用中，尤其是在不能使用Lombok或Spring等流行框架时，如何简化自定义日志器（如MXLogger）的声明和初始化。我们将介绍通过自定义工厂、基类继承和静态工具方法来减少重复代码，并深入分析在“简单Java”环境下实现纯注解驱动自动注入的复杂性，提供实用的解决方案。 挑战：…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209163.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209135.html" target="_blank" rel="bookmark"> Java密码验证与程序流程控制：实现用户输入校验与重试机制 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209135.html" title="Java密码验证与程序流程控制：实现用户输入校验与重试机制" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773488969239.jpg" alt="Java密码验证与程序流程控制：实现用户输入校验与重试机制" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175712873744733-2.png" alt="Java密码验证与程序流程控制：实现用户输入校验与重试机制" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="Java密码验证与程序流程控制：实现用户输入校验与重试机制" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="Java密码验证与程序流程控制：实现用户输入校验与重试机制" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本文详细介绍了如何在Java应用程序中实现健壮的密码验证机制，并有效控制程序流程。通过整合循环结构和条件判断，我们能够强制用户输入符合要求的密码，支持多次尝试重输，或在达到最大尝试次数后终止程序，从而提升用户体验和系统安全性。 1. 密码验证逻辑概述 在许多应用程序中，密码验证是确保用户数据安全的关…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209135.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209128.html" target="_blank" rel="bookmark"> sublime怎么合并多行为一行_sublime快速合并多行文本技巧 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209128.html" title="sublime怎么合并多行为一行_sublime快速合并多行文本技巧" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/176135838288515.jpg" alt="sublime怎么合并多行为一行_sublime快速合并多行文本技巧" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/68b6cb8b7ef86975-1.png" alt="sublime怎么合并多行为一行_sublime快速合并多行文本技巧" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="sublime怎么合并多行为一行_sublime快速合并多行文本技巧" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="sublime怎么合并多行为一行_sublime快速合并多行文本技巧" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>Sublime中合并多行为一行的方法包括：1. 使用Ctrl+J快捷键通过“Join Lines”功能快速合并，自动以空格连接；2. 用正则替换自定义连接符，如将r?n替换为逗号实现无空格合并；3. 安装Text Pastry插件实现高级合并，支持自定义分隔符。根据场景选择可显著提升编辑效率。 在使…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209128.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209105.html" target="_blank" rel="bookmark"> Rest Assured JSONPath 泛型值提取：构建可重用工具函数 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209105.html" title="Rest Assured JSONPath 泛型值提取：构建可重用工具函数" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773500417635.jpg" alt="Rest Assured JSONPath 泛型值提取：构建可重用工具函数" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175680091876266-2.png" alt="Rest Assured JSONPath 泛型值提取：构建可重用工具函数" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="Rest Assured JSONPath 泛型值提取：构建可重用工具函数" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="Rest Assured JSONPath 泛型值提取：构建可重用工具函数" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本教程探讨如何在Rest Assured中构建一个泛型工具函数，以实现从JSON响应中安全地提取指定类型的值。针对直接使用T.class的常见误区，文章提供了正确的解决方案：通过将Class作为参数传入，从而克服Java泛型类型擦除的限制，确保在运行时提供正确的类型信息，提升代码的灵活性和可重用性。…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209105.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209057.html" target="_blank" rel="bookmark"> windows怎么修改环境变量_环境变量配置教程 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209057.html" title="windows怎么修改环境变量_环境变量配置教程" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175912320360799.jpg" alt="windows怎么修改环境变量_环境变量配置教程" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175679988059974-3.png" alt="windows怎么修改环境变量_环境变量配置教程" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="windows怎么修改环境变量_环境变量配置教程" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="windows怎么修改环境变量_环境变量配置教程" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>首先通过系统属性界面修改环境变量，右键“此电脑”→“属性”→“高级系统设置”→“环境变量”，在Path中添加路径并保存；其次可用命令提示符输入set命令临时设置变量；还可通过PowerShell执行[Environment]::SetEnvironmentVariable永久配置；最后高级用户可通过…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209057.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209038.html" target="_blank" rel="bookmark"> Java中实现跨类和函数共享变量的指南 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209038.html" title="Java中实现跨类和函数共享变量的指南" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773522492887.jpg" alt="Java中实现跨类和函数共享变量的指南" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/68b6c6af75d71275.png" alt="Java中实现跨类和函数共享变量的指南" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="Java中实现跨类和函数共享变量的指南" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="Java中实现跨类和函数共享变量的指南" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本教程将详细介绍在Java中如何创建可在所有类和函数中访问的共享变量。通过利用public static关键字，我们可以定义类级别的变量，实现全局共享状态。文章将提供声明、访问示例，并讨论使用此类变量时的最佳实践和注意事项，确保代码的可维护性和健壮性。 理解共享变量的需求 在java应用程序开发中，…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209038.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209025.html" target="_blank" rel="bookmark"> x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209025.html" title="x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175862286237819.png" alt="x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/68b6cdbf48df2598-5.png" alt="x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="x浏览器怎么查看网页源代码_x浏览器查看页面HTML源代码方法" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>1、打开x浏览器加载网页后，点击右上角三点菜单选择“查看源代码”即可显示HTML源码；2、长按页面链接可在快捷菜单中查找“查看源代码”选项快速访问；3、启用开发者工具模式后可通过“检查元素”功能进行更深入的页面结构分析。 如果您在浏览网页时需要查看页面的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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209025.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209016.html" target="_blank" rel="bookmark"> Java中实现州府问答系统：2D数组管理、排序与用户输入验证 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209016.html" title="Java中实现州府问答系统：2D数组管理、排序与用户输入验证" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773524843870.jpg" alt="Java中实现州府问答系统：2D数组管理、排序与用户输入验证" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175680266786298-6.png" alt="Java中实现州府问答系统：2D数组管理、排序与用户输入验证" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="Java中实现州府问答系统：2D数组管理、排序与用户输入验证" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="Java中实现州府问答系统：2D数组管理、排序与用户输入验证" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本教程详细介绍了如何使用Java构建一个州府问答系统。内容涵盖了使用二维数组存储州名及其首都数据、实现冒泡排序对数据按首都名称进行排序、以及如何通过用户输入验证机制，处理大小写不敏感的答案，并最终统计正确率。文章提供了完整的代码示例和关键注意事项，帮助读者理解并实现类似的数据结构与算法应用。 1. …</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209016.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/209000.html" target="_blank" rel="bookmark"> sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/209000.html" title="sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/176136336216815.jpg" alt="sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175679994166405-4.png" alt="sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="sublime如何配置使其支持EditorConfig _sublime EditorConfig支持配置" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>首先安装Package Control，再通过命令面板安装EditorConfig插件，确保项目根目录有.editorconfig文件，重启后即可自动应用格式规则。 Sublime Text 本身不内置支持 EditorConfig，但可以通过安装插件来实现对 .editorconfig 文件的识别…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/209000.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/208973.html" target="_blank" rel="bookmark"> 使用 Rest Assured 创建泛型 JSONPath 值提取函数 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/208973.html" title="使用 Rest Assured 创建泛型 JSONPath 值提取函数" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773834436607.jpg" alt="使用 Rest Assured 创建泛型 JSONPath 值提取函数" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175680092332148-2.png" alt="使用 Rest Assured 创建泛型 JSONPath 值提取函数" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="使用 Rest Assured 创建泛型 JSONPath 值提取函数" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="使用 Rest Assured 创建泛型 JSONPath 值提取函数" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本文探讨如何在 Rest Assured 中设计一个泛型工具函数，以实现类型安全的 JSONPath 值提取。针对直接使用 T.class 导致的编译错误，文章提供了通过将 Class 作为参数传入的解决方案，有效规避了 Java 泛型擦除问题，从而实现灵活、可复用的 JSON 数据解析。 泛型 J…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/208973.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 item3"> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/208953.html" target="_blank" rel="bookmark"> Java对象数组归并排序逻辑错误解析与修正 </a> </h3> <a class="item-images" href="https://www.chuangxiangniao.com/p/208953.html" title="Java对象数组归并排序逻辑错误解析与修正" target="_blank"> <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773841843830.jpg" alt="Java对象数组归并排序逻辑错误解析与修正" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175679997460635.png" alt="Java对象数组归并排序逻辑错误解析与修正" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/card_xiazai.png" alt="Java对象数组归并排序逻辑错误解析与修正" decoding="async" loading="lazy"><img class="item-images-el" src="/static/images/cardxiayige-3.png" alt="Java对象数组归并排序逻辑错误解析与修正" decoding="async" loading="lazy"> </a> <div class="item-excerpt"> <p>本文旨在深入分析Java中对对象数组执行归并排序时常见的逻辑错误，特别是子数组创建时的System.arraycopy误用以及merge方法中循环结构的不当，导致排序结果异常。通过详细的错误剖析，提供了一套修正后的归并排序实现方案，包括辅助数组复制方法和优化的合并逻辑，确保对象数组能够正确、高效地进…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</span> <span class="item-meta-li dot">•</span> <a class="item-meta-li" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> <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/208953.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/4507.html" title="VS Code任务绑定：快捷键触发与文件事件关联" target="_blank" rel="bookmark"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176155698220814-480x300.jpg" class="attachment-default size-default wp-post-image" alt="VS Code任务绑定：快捷键触发与文件事件关联" decoding="async" loading="lazy" /> </a> <a class="item-category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a> </div> <div class="item-content"> <h3 class="item-title"> <a href="https://www.chuangxiangniao.com/p/4507.html" target="_blank" rel="bookmark"> VS Code任务绑定：快捷键触发与文件事件关联 </a> </h3> <div class="item-excerpt"> <p>配置VS Code任务可提升效率，先设置快捷键绑定任务，如通过keybindings.json用Ctrl+Shift+B运行构建；再配置tasks.json使任务响应文件保存等事件，实现自动编译或校验，结合isBackground、group和dependsOn优化执行逻辑。 在 VS Code 中…</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='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-60 photo' height='60' width='60' loading='lazy' decoding='async'/> <span>程序猿</span> </a> </div> <span class="item-meta-li date">2026年9月24日</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>6</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/4507.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/865135.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_profile"><div class="profile-cover"><img src="//bing.img.run/rand_uhd.php" alt="程序猿" decoding="async" loading="lazy"></div> <div class="avatar-wrap"> <a target="_blank" href="https://www.chuangxiangniao.com/user/3" class="avatar-link"><img alt='程序猿的头像' src='//www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg' class='avatar avatar-120 photo' height='120' width='120' loading='lazy' decoding='async'/></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>413.8K</b> <span>文章</span> </div> <div class="user-stats-item"> <b>0</b> <span>评论</span> </div> <div class="user-stats-item"> <b>2</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/209373.html" title="mysql数据库只读怎么解决">mysql数据库只读怎么解决</a></li> <li><a href="https://www.chuangxiangniao.com/p/29403.html" title="VS2010工具箱控件不显示">VS2010工具箱控件不显示</a></li> <li><a href="https://www.chuangxiangniao.com/p/209362.html" title="Java中实现跨类和函数共享变量的策略">Java中实现跨类和函数共享变量的策略</a></li> <li><a href="https://www.chuangxiangniao.com/p/209359.html" title="如何优化Debian文件存储">如何优化Debian文件存储</a></li> <li><a href="https://www.chuangxiangniao.com/p/209353.html" title="sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置">sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置</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-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/209373.html" title="mysql数据库只读怎么解决"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/2024041420062039271-480x300.jpg" class="attachment-default size-default wp-post-image" alt="mysql数据库只读怎么解决" decoding="async" loading="lazy" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/209373.html" title="mysql数据库只读怎么解决">mysql数据库只读怎么解决</a></p> <p class="item-date">2026年9月24日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/29403.html" title="VS2010工具箱控件不显示"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176118006542604-480x300.jpg" class="attachment-default size-default wp-post-image" alt="VS2010工具箱控件不显示" decoding="async" loading="lazy" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/29403.html" title="VS2010工具箱控件不显示">VS2010工具箱控件不显示</a></p> <p class="item-date">2026年9月24日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/209362.html" title="Java中实现跨类和函数共享变量的策略"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175773118479681-480x300.jpg" class="attachment-default size-default wp-post-image" alt="Java中实现跨类和函数共享变量的策略" decoding="async" loading="lazy" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/209362.html" title="Java中实现跨类和函数共享变量的策略">Java中实现跨类和函数共享变量的策略</a></p> <p class="item-date">2026年9月24日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/209359.html" title="如何优化Debian文件存储"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175680088775482-4-480x300.png" class="attachment-default size-default wp-post-image" alt="如何优化Debian文件存储" decoding="async" loading="lazy" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/209359.html" title="如何优化Debian文件存储">如何优化Debian文件存储</a></p> <p class="item-date">2026年9月24日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/209353.html" title="sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/176129796241188-480x300.jpg" class="attachment-default size-default wp-post-image" alt="sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置" decoding="async" loading="lazy" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/209353.html" title="sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置">sublime怎么设置代码片段(snippet)的触发词 _sublime snippet触发词设置</a></p> <p class="item-date">2026年9月24日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/209350.html" title="windows磁盘占用100%怎么解决_磁盘占用率过高问题优化方案"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175911420271880-480x300.jpg" class="attachment-default size-default wp-post-image" alt="windows磁盘占用100%怎么解决_磁盘占用率过高问题优化方案" decoding="async" loading="lazy" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/209350.html" title="windows磁盘占用100%怎么解决_磁盘占用率过高问题优化方案">windows磁盘占用100%怎么解决_磁盘占用率过高问题优化方案</a></p> <p class="item-date">2026年9月24日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/209345.html" title="swoole不能支持winows吗"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/5de9d06f6a930884-480x300.jpg" class="attachment-default size-default wp-post-image" alt="swoole不能支持winows吗" decoding="async" loading="lazy" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/209345.html" title="swoole不能支持winows吗">swoole不能支持winows吗</a></p> <p class="item-date">2026年9月24日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/209344.html" title="京东承诺时效功能升级，公告内容有哪些重点？48小时必发货！京东新规狠治拖延症，超时三次全店下架！"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/176075064540423-480x300.jpg" class="attachment-default size-default wp-post-image" alt="京东承诺时效功能升级，公告内容有哪些重点？48小时必发货！京东新规狠治拖延症，超时三次全店下架！" decoding="async" loading="lazy" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/209344.html" title="京东承诺时效功能升级，公告内容有哪些重点？48小时必发货！京东新规狠治拖延症，超时三次全店下架！">京东承诺时效功能升级，公告内容有哪些重点？48小时必发货！京东新规狠治拖延症，超时三次全店下架！</a></p> <p class="item-date">2026年9月24日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/209341.html" title="TPM模块在现代计算机安全中的作用是什么？"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175955838230266-480x300.png" class="attachment-default size-default wp-post-image" alt="TPM模块在现代计算机安全中的作用是什么？" decoding="async" loading="lazy" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/209341.html" title="TPM模块在现代计算机安全中的作用是什么？">TPM模块在现代计算机安全中的作用是什么？</a></p> <p class="item-date">2026年9月24日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/209338.html" title="Kimi Chat讲睡前故事：如何定制宝宝最喜欢的童话？"> <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175236745021212-480x300.jpg" class="attachment-default size-default wp-post-image" alt="Kimi Chat讲睡前故事：如何定制宝宝最喜欢的童话？" decoding="async" loading="lazy" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://www.chuangxiangniao.com/p/209338.html" title="Kimi Chat讲睡前故事：如何定制宝宝最喜欢的童话？">Kimi Chat讲睡前故事：如何定制宝宝最喜欢的童话？</a></p> <p class="item-date">2026年9月24日</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/liulanqi" title="浏览器">浏览器</a> <a href="https://www.chuangxiangniao.com/p/tag/app" title="app">app</a> <a href="https://www.chuangxiangniao.com/p/tag/java" title="java">java</a> <a href="https://www.chuangxiangniao.com/p/tag/php" title="php">php</a> <a href="https://www.chuangxiangniao.com/p/tag/css" title="css">css</a> <a href="https://www.chuangxiangniao.com/p/tag/windows" title="windows">windows</a> <a href="https://www.chuangxiangniao.com/p/tag/html" title="html">html</a> <a href="https://www.chuangxiangniao.com/p/tag/go" title="go">go</a> <a href="https://www.chuangxiangniao.com/p/tag/js" title="js">js</a> <a href="https://www.chuangxiangniao.com/p/tag/win" title="win">win</a> <a href="https://www.chuangxiangniao.com/p/tag/diannao" title="电脑">电脑</a> <a href="https://www.chuangxiangniao.com/p/tag/javascript" title="javascript">javascript</a> <a href="https://www.chuangxiangniao.com/p/tag/linux" title="linux">linux</a> <a href="https://www.chuangxiangniao.com/p/tag/red" title="red">red</a> <a href="https://www.chuangxiangniao.com/p/tag/python" title="python">python</a> <a href="https://www.chuangxiangniao.com/p/tag/c%20%20" title="c++">c++</a> <a href="https://www.chuangxiangniao.com/p/tag/o" title="o">o</a> <a href="https://www.chuangxiangniao.com/p/tag/mysql" title="mysql">mysql</a> <a href="https://www.chuangxiangniao.com/p/tag/a" title="a">a</a> <a href="https://www.chuangxiangniao.com/p/tag/caozuoxitong" title="操作系统">操作系统</a> <a href="https://www.chuangxiangniao.com/p/tag/weishenme" title="为什么">为什么</a> <a href="https://www.chuangxiangniao.com/p/tag/2025" title="2025">2025</a> <a href="https://www.chuangxiangniao.com/p/tag/json" title="json">json</a> <a href="https://www.chuangxiangniao.com/p/tag/git" title="git">git</a> <a href="https://www.chuangxiangniao.com/p/tag/qubie" title="区别">区别</a> <a href="https://www.chuangxiangniao.com/p/tag/jiaoyisuo" title="交易所">交易所</a> <a href="https://www.chuangxiangniao.com/p/tag/qianduan" title="前端">前端</a> <a href="https://www.chuangxiangniao.com/p/tag/bian-4" title="币安">币安</a> </div> </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('https://www.chuangxiangniao.com/wp-content/uploads/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="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/wechat.jpg" alt="关注微信" decoding="async" loading="lazy"> </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/*","/wp-content/uploads/*","/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": 865135, "terms": [{"id":1,"tax":"category"},{"id":190,"tax":"post_tag"},{"id":126,"tax":"post_tag"},{"id":113,"tax":"post_tag"},{"id":147,"tax":"post_tag"},{"id":146,"tax":"post_tag"},{"id":114,"tax":"post_tag"},{"id":115,"tax":"post_tag"},{"id":180,"tax":"post_tag"},{"id":268,"tax":"post_tag"},{"id":330,"tax":"post_tag"},{"id":1706,"tax":"post_tag"}] };console.log(g_this_page); </script><div class="imwpcache_status_ok"></div><script id="main-js-extra"> 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":"865135","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 id="main-js" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/js/main.js?ver=6.23.1"></script> <script id="wpcom-icons-js" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/js/icons-2.8.9.js?ver=2.8.9"></script> <script id="comment-reply-js" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/themer/assets/js/comment-reply.js?ver=6.23.1"></script> <script id="wwa-js-extra"> var _wwa_js = {"ajaxurl":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","post_id":"865135","rewarded":"wx"}; //# sourceURL=wwa-js-extra </script> <script id="wwa-js" src="https://www.chuangxiangniao.com/wp-content/plugins/justweapp/js/script.js?ver=3.16.3"></script> <script id="wp-postviews-cache-js-extra"> var wpPostViewsL10n = {"ajaxUrl":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","nonce":"0fbc50938d","postId":"865135"}; //# sourceURL=wp-postviews-cache-js-extra </script> <script id="wp-postviews-cache-js" src="https://www.chuangxiangniao.com/wp-content/plugins/wp-postviews/js/wp-postviews-cache.js?ver=2.0.1"></script> <script id="wp-postviews-cache-js-after"> 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 id="wpcom-member-js-extra"> var _wpmx_js = {"ajaxurl":"https://www.chuangxiangniao.com/wp-admin/admin-ajax.php","plugin_url":"https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member/","ver":"1.7.27","max_upload_size":"52428800","post_id":"865135","pro_ver":"2.5.0","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 id="wpcom-member-js" src="https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member/js/index.js?ver=1.7.27"></script> <script id="wpcom-member-pro-js" src="https://www.chuangxiangniao.com/wp-content/plugins/wpcom-member-pro/js/index.js?ver=2.5.0"></script> <script id="wp-embed-js" src="https://www.chuangxiangniao.com/wp-content/themes/justnews/js/wp-embed.js?ver=6.23.1"></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/865135.html","url":"https://www.chuangxiangniao.com/p/865135.html","headline":"Playwright教程：高效获取DOM元素value属性，无需页面交互","description":"本教程详细阐述了如何使用playwright高效地获取dom元素的value属性，即使该元素不直接可见或需要复杂的用户交互才能访问。通过利用page.locator()结合elementhandle.evaluatehandle()方法，可以直接在dom元素上执行javascript，从而精确提取、…","datePublished":"2025-11-28T01:55:20+08:00","dateModified":"2025-11-28T01:55:20+08:00","author":{"@type":"Person","name":"程序猿","url":"https://www.chuangxiangniao.com/user/3","image":"http://www.chuangxiangniao.com/wp-content/uploads/2025/10/2025102208472691.jpg"},"image":["https://www.chuangxiangniao.com/wp-content/uploads/2025/11/176405584253283.jpg","https://www.chuangxiangniao.com/wp-content/uploads/2025/11/175680310972968-332.png","/static/images/card_xiazai.png"]}</script> <script>console.log('命中缓存\n缓存页加载耗时: 0.0065s\n缓存页生成时间: 2026-09-24 22:33:57')</script></body> </html><!--cached by imwpcache 2026-09-24 22:33:57-->