CSS resize 属性深度解析：2026年前端开发中的交互控制与最佳实践

你好！在前端开发的过程中，我们经常会遇到这样一个场景：你精心设计了一个布局，但内容的不确定性总是让你头疼。如果用户输入的内容超出了预设的容器大小，怎么办？是让内容溢出破坏布局，还是限制用户的输入？在这篇文章中，我们将深入探讨一个虽然冷门但极具实用价值的 CSS 属性 —— resize。我们将一起学习如何利用它来赋予用户控制界面大小的能力，从而解决上述棘手的问题，并结合 2026 年的现代开发范式，探讨如何在生产环境中优雅地使用它。

什么是 CSS resize 属性？

简单来说，resize 属性允许我们来控制一个元素是否可以被用户调整大小。你一定在浏览器中见过可以拖拽调整大小的 </code> 标签，这就是 resize 属性的默认“杰作”。但你是否想过，我们也可以将这种交互能力赋予其他元素？</p> <p>通过使用这个属性，我们可以让用户根据自己的屏幕大小或阅读习惯，手动调整内容区域的大小。这不仅提升了用户体验，也让我们在面对动态内容时多了一份从容。在 2026 年这个强调“个性化体验”和“自适应界面”的时代，给予用户这种微小的控制权，往往是提升产品留存率的关键细节。与其让界面在复杂的响应式断点中左支右绌，不如在某些场景下将控制权“下放”给用户。</p> <h3>核心语法与基本原理</h3> <p>让我们首先来看看它的基本语法。写起来非常简单，但背后有一些规则需要我们严格遵守。</p> <pre><code>element { resize: none | both | horizontal | vertical | initial | inherit; } </code></pre> <p>在使用这个属性之前，我们必须强调两个至关重要的前提条件（这也是初学者最容易踩坑的地方）。</p> <ul> <li> <strong>不适用于内联元素</strong>：你不能直接对 INLINECODE<em>f13203d3 或 INLINECODE</em>cf30254f 标签使用 resize，除非你把它们变成了块级或行内块级元素。</li> <li> <strong>必须配合 overflow 属性</strong>：这是最关键的一点。<strong>resize 属性对 INLINECODE<em>2fe92658 属性值为 INLINECODE</em>13fbbf9b 的元素无效。</strong> 这意味着，如果你想使用 resize，必须将元素的 overflow 设置为 INLINECODE<em>7b042624、INLINECODE</em>fbf307c8 或 <code>auto</code>。</li> </ul> <p>> <strong>为什么会有这个限制？</strong></p> <p>> 这是一个非常合理的逻辑设计。如果内容是可见的且没有溢出处理，浏览器就不知道该如何渲染那些“多出来”的空间。只有当内容溢出方式被定义后，浏览器才能安全地计算重绘区域，允许用户进行拖拽操作。这涉及到浏览器的渲染引擎原理，只有在明确了“裁剪区域”或“滚动区域”后，几何计算才是确定的。</p> <h3>属性值详解与实战示例</h3> <p>让我们逐个拆解这些属性值，并通过代码来看看它们实际的效果。在我们的示例中，我们将结合现代 CSS 变量来展示更易于维护的代码风格。</p> <p>#### 1. <code>both</code>: 双向自由调整</p> <p>这是最常用的值。它允许用户在水平和垂直两个方向上拖拽元素的大小。这对于类似于“便签”或“浮动窗口”的 UI 组件非常有用。</p> <pre><code> :root { --primary-color: #3498db; --bg-color: #ecf0f1; --spacing: 10px; } .resizable-box { width: 200px; height: 100px; border: 2px solid var(--primary-color); background-color: var(--bg-color); padding: var(--spacing); /* 关键代码：开启双向调整 */ resize: both; /* 必须设置 overflow，不能是 visible */ overflow: auto; /* 现代开发建议：增加最小尺寸限制，防止UI崩坏 */ min-width: 100px; min-height: 50px; } <div class="resizable-box"> 抓住右下角的手柄，试着拖动我！你可以在水平和垂直方向改变这个盒子的大小。在现代AI辅助开发中，这种可变容器常用于展示动态生成的代码片段或日志。 </div> </code></pre> <p><strong>代码解析：</strong></p> <p>在这个例子中，我们创建了一个 INLINECODE<em>0c3be915 容器。请注意看 CSS 部分，我们设置了 INLINECODE</em>0144e2b9，并且强制将 INLINECODE<em>b3b4b513 设置为 INLINECODE</em>523fe277。当内容过多或者你想让用户调整大小时，浏览器会自动在右下角添加一个拖拽手柄（通常是一个小的三角形图标）。我们添加了 INLINECODE<em>ae51d34d 和 INLINECODE</em>c8685fde，这是在企业级开发中必须做的，否则用户可能会将元素缩小到无法操作的地步，导致糟糕的 UX。</p> <p>#### 2. <code>horizontal</code>: 仅水平调整</p> <p>如果你正在设计一个顶部导航栏或者一个横向的标签栏，你可能只希望用户能够左右拉伸它，而不想改变高度。这时 <code>horizontal</code> 就派上用场了。</p> <pre><code> .horizontal-resize { width: 150px; height: 50px; background-color: #e74c3c; color: white; padding: 10px; text-align: center; /* 仅允许水平方向调整 */ resize: horizontal; overflow: scroll; white-space: nowrap; /* 防止文字换行 */ } <div class="horizontal-resize"> 试着左右拖动我！ </div> </code></pre> <p><strong>实用场景：</strong> 这种设置非常适合用于需要用户自定义宽度的侧边栏，或者那些需要显示长文本但又不想占用过多垂直空间的工具栏。在响应式设计中，这允许用户在特定的断点下手动微调布局。</p> <p>#### 3. <code>vertical</code>: 仅垂直调整</p> <p>这是 INLINECODE<em>b1f26cef 的对立面。最常见的应用场景实际上是 INLINECODE</em>2b3eb592 的默认行为，或者是评论框、日志查看器。</p> <pre><code> .vertical-container { width: 100%; height: 100px; border: 1px solid #2ecc71; background-color: #f0fff4; /* 仅允许垂直方向调整 */ resize: vertical; overflow: hidden; /* 内容超出隐藏，但可以通过拉大查看 */ padding: 10px; } <div class="vertical-container"> 这是一个垂直调整容器。试着抓住底部边缘向下拉。这在做阅读长文但不想改变页面宽度时非常有用。 </div> </code></pre> <p>#### 4. <code>none</code>: 禁止调整（默认值）</p> <p>很多时候，作为设计师的你可能希望严格控制布局，不希望用户破坏原本的像素级设计。这时候，显式地设置为 <code>none</code> 是一种最佳实践。</p> <pre><code>textarea.no-resize { /* 即使是 textarea，我们也可以禁用它原本的调整功能 */ resize: none; overflow: auto; } </code></pre> <h3>2026 视角：生产环境中的高级应用与最佳实践</h3> <p>到了 2026 年，前端开发早已不是简单的“写写页面”，而是涉及到复杂的交互工程。随着 Agentic AI（自主 AI 代理）的介入，我们的代码不仅要给人看，还要具备“可解释性”，以便 AI 工具（如 Cursor, Windsurf, GitHub Copilot）能够理解我们的意图。让我们从更高级的视角来看看 <code>resize</code> 属性如何融入现代技术栈。</p> <p>#### 1. 状态感知与动态交互：ResizeObserver 的威力</p> <p>虽然 CSS INLINECODE<em>f1a58c13 改变了元素的几何尺寸，但在过去，JavaScript 很难直接监听到这个变化（没有原生的 INLINECODE</em>d8b84617 事件）。但在现代开发中，我们通常结合 <code>ResizeObserver</code> API 来实现更智能的交互。这已经成为了 2026 年前端开发的标配。</p> <p><strong>场景</strong>：假设我们正在构建一个类似 Cursor 或 Windsurf 的 AI 代码编辑器界面，用户调整了预览窗口的大小，我们需要实时通知 AI 重新排版内容，或者通知父级容器调整布局。</p> <pre><code>// 获取可调整大小的元素 const resizableBox = document.querySelector(‘.resizable-box‘); // 创建 ResizeObserver 实例 const resizeObserver = new ResizeObserver(entries => { // 我们使用 for...of 循环来处理可能存在的多个观察对象 for (let entry of entries) { const width = entry.contentRect.width; const height = entry.contentRect.height; // 在现代开发中，我们更倾向于使用语义化的日志，方便 APM 工具抓取 console.log(`[LayoutEngine] 元素大小已改变: ${width}px x ${height}px`); // 现代应用场景：根据大小动态调整内部UI // 这在构建“自适应 UI”时非常关键，不需要媒体查询就能实现组件级响应式 if (width < 300) { entry.target.setAttribute('data-layout', 'compact'); // 我们可以在这里触发自定义事件，解耦逻辑 entry.target.dispatchEvent(new CustomEvent('layout-change', { detail: { mode: 'compact' } })); } else { entry.target.setAttribute('data-layout', 'expanded'); } // AI 集成点：在这里，我们可以触发一个事件，通知上层的 AI Agent 界面布局发生了变化 // 从而让 LLM 重新生成适合当前宽度的图表或代码片段 } }); // 开始观察 resizeObserver.observe(resizableBox); </code></pre> <p>这段代码展示了“可观测性”在前端交互中的重要性。我们不再仅仅是渲染静态内容，而是响应用户的操作，动态调整界面状态。结合 CSS 属性选择器（如 <code>[data-layout="compact"]</code>），我们可以实现极其高效的样式切换，无需 JS 直接操作样式类。</p> <p>#### 2. AI 辅助开发中的工作流与技术选型</p> <p>在现在的开发流程中，当我们使用 GitHub Copilot 或 Cursor 等 AI IDE 时，编写 CSS 往往是“意图驱动”的。我们称之为 <strong>Vibe Coding（氛围编程）</strong>。</p> <p>你可能会这样对 AI 说：“<em>帮我写一个侧边栏，要求用户可以水平拖动调整宽度，并且最大宽度不超过 400px，最小宽度 200px，还要有平滑的过渡效果。</em>”</p> <p>AI 生成的代码会自动包含我们刚才讨论的所有关键点：INLINECODE<em>5c2d959f, INLINECODE</em>02397670, 以及 <code>min/max-width</code> 约束。但是，作为资深工程师，<strong>我们需要理解这背后的原理</strong>，以便在 AI 生成的代码出现问题时（例如手柄无法点击或布局错位）能够迅速定位并修复。</p> <p><strong>技术选型决策：何时不用 resize？</strong></p> <p>虽然 <code>resize</code> 属性很轻量，但在构建复杂的 Dashboard（仪表盘）或类似 Figma 的设计工具时，它往往显得力不从心，因为：</p> <ul> <li> <strong>手柄样式不可定制</strong>：你无法改变那个拖动手柄的图标或大小，这在追求极致 UI 的产品中是不可接受的。</li> <li> <strong>交互逻辑单一</strong>：它只支持右下角调整，不支持从左侧或顶部调整，也不支持“拖拽即改变其他元素尺寸”的联动效果。</li> </ul> <p>如果你需要实现一个类似 VS Code 的侧边栏，拖动左边缘会改变宽度并挤压右侧编辑器，这时 CSS 原生的 INLINECODE<em>512f9781 就无法胜任了。你需要使用 JavaScript（通常配合鼠标事件 INLINECODE</em>db191d8c, INLINECODE<em>74b65456, INLINECODE</em>dd8c6763）来计算位置并动态设置宽度。在 2026 年，很多现代框架（如 React, Vue 的生态）都有成熟的 Split Pane 组件，它们基于 Flexbox 和 Grid 系统，提供了更流畅的交互体验。但在以下场景，CSS <code>resize</code> 仍然是首选：</p> <ul> <li> <strong>原型开发</strong>：快速验证布局想法，无需引入沉重的 JS 库。</li> <li> <strong>富文本编辑器</strong>：简单的文本输入区域，利用浏览器原生能力。</li> <li> <strong>日志控制台</strong>：需要快速查看大量文本的场景，性能开销最小。</li> </ul> <h3>深入理解：常见陷阱与故障排查</h3> <p>在我们最近的一个企业级后台管理项目中，我们发现了一个隐蔽的 Bug：某些卡片组件在用户调整大小后，内容消失了。这让我们不得不重新审视 <code>resize</code> 的边缘情况。</p> <p>#### 陷阱 1：<code>overflow</code> 的隐形陷阱</p> <p>就像我们反复强调的，如果 INLINECODE<em>b3992557 属性缺失，或者设置为 INLINECODE</em>62b4e02e，resize 就会失效。但更糟糕的是，如果你设置了 INLINECODE<em>6bd10de8 和 INLINECODE</em>780165f4，当用户缩小容器时，内容会被无情地裁剪。</p> <p><strong>解决方案</strong>：我们在生产环境中通常推荐使用 <code>overflow: auto</code>。这样，当容器被用户缩小时，滚动条会自动出现，保证内容始终可访问。这是一种“容灾设计”，即使交互设计不完美，也不能让数据丢失。</p> <pre><code>/* 生产环境推荐配置 */ .safe-resize { resize: both; overflow: auto; /* 自动显示滚动条，防止内容丢失 */ } </code></pre> <p>#### 陷阱 2：性能问题与重绘</p> <p>在 4K 屏幕普及的 2026 年，拖拽一个巨大的容器可能会引起频繁的重排，导致页面卡顿。虽然 CSS <code>resize</code> 比纯 JS 实现要高效得多（通常在合成层处理），但如果容器内部包含了大量的阴影、模糊滤镜或复杂的 SVG，性能依然会下降。</p> <p><strong>优化建议</strong>：</p> <pre><code>.performant-resize { resize: both; overflow: auto; /* 提示浏览器该元素可能会变化，优化渲染 */ will-change: width, height; /* 如果卡顿，尝试开启硬件加速 */ transform: translateZ(0); } </code></pre> <p>#### 陷阱 3：浏览器兼容性回退方案</p> <p>好消息是，<code>resize</code> 属性在所有现代浏览器（Chrome, Firefox, Safari, Edge）中得到了极好的支持。然而，Internet Explorer（IE）并不支持这个属性。如果你的项目还需要兼容旧版本的 IE（虽然在 2026 年这已很少见，但某些政府或银行项目可能仍涉及），你需要提供 fallback。</p> <pre><code>.resizable-box { /* 现代浏览器 */ resize: both; overflow: auto; } /* 针对旧版 IE 的特定处理，确保布局不崩坏 */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .resizable-box { /* 移除 resize，使用固定宽度或 JS 替代方案 */ width: 200px; overflow: scroll; } } </code></pre> <h3>总结与后续步骤</h3> <p>在这篇文章中，我们探索了 CSS 中非常实用的 INLINECODE<em>26778dc6 属性。从基本的语法到 INLINECODE</em>9b2a3874 的强制关联，再到各种方向的实际应用，并结合 2026 年的技术背景讨论了其局限性和高级用法。</p> <p><strong>关键要点回顾：</strong></p> <ul> <li> <strong>用户自主权</strong>：Resize 属性将界面的一部分控制权交给了用户，增强了交互体验。</li> <li> <strong>两个铁律</strong>：记住它只对块级/行内块元素有效，且必须配合非 INLINECODE<em>09e5d137 的 INLINECODE</em>0bf1c576 值使用。</li> <li> <strong>限制范围</strong>：务必使用 <code>min-width/max-width</code> 等属性来防止布局崩坏。</li> <li> <strong>现代联动</strong>：结合 <code>ResizeObserver</code> 实现更智能的响应式逻辑，让组件具备“感知”能力。</li> <li> <strong>容灾思维</strong>：使用 <code>overflow: auto</code> 防止内容在调整大小时丢失。</li> </ul> <p><strong>给你的建议：</strong></p> <p>下次当你设计一个复杂的管理后台或者一个富文本编辑器时，不妨试着给侧边栏或者预览区域加上 INLINECODE<em>b4a99ed3 或 INLINECODE</em>63aaf4f0。你可能会惊讶地发现，这样一个简单的 CSS 属性，竟然能给用户带来如此大的便利。现在，打开你的编辑器，去亲手试试这些代码吧！</p> </div> <footer class="kratos-entry-footer clearfix"> <div class="post-note">声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。如需转载，请注明文章出处豆丁博客和来源网址。<a href="https://shluqu.cn/27273.html">https://shluqu.cn/27273.html</a></div> <div class="ph-item"> <div class="ph-col-12"> <div class="ph-rosd"> <div class="ph-col-6 big"> <div class="post-like-donate text-center clearfix" id="post-like-donate"> <a href="javascript:;" id="btn" data-action="love" data-id="27273" class="Love "><i class="fa fa-thumbs-o-up"></i> 点赞</a> <a href="javascript:;" class="Share"><i class="fa fa-share-alt"></i> 分享</a> <div class="share-wrap" style="display: none;"> <div class="share-group"> <a href="javascript:;" class="share-plain twitter" onclick="share('qq');" rel="nofollow"> <div class="icon-wrap"> <i class="fa fa-qq"></i> </div> </a> <a href="javascript:;" class="share-plain weibo" onclick="share('weibo');" rel="nofollow"> <div class="icon-wrap"> <i class="fa fa-weibo"></i> </div> </a> <a href="javascript:;" class="share-plain facebook style-plain" onclick="share('facebook');" rel="nofollow"> <div class="icon-wrap"> <i class="fa fa-facebook"></i> </div> </a> <a href="javascript:;" class="share-plain weixin pop style-plain" rel="nofollow"> <div class="icon-wrap"> <i class="fa fa-weixin"></i> </div> </a> <div class="share-int"> <div class="qrcode" data-url="https://shluqu.cn/27273.html"></div> <p>打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮</p> </div> </div> <script type="text/javascript"> function share(obj){ var qqShareURL="http://connect.qq.com/widget/shareqq/index.html?"; var weiboShareURL="http://service.weibo.com/share/share.php?"; var facebookShareURL="https://www.facebook.com/sharer/sharer.php?"; var twitterShareURL="https://twitter.com/intent/tweet?"; var host_url="https://shluqu.cn/27273.html"; var title='%E3%80%90CSS%20resize%20%E5%B1%9E%E6%80%A7%E6%B7%B1%E5%BA%A6%E8%A7%A3%E6%9E%90%EF%BC%9A2026%E5%B9%B4%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E4%B8%AD%E7%9A%84%E4%BA%A4%E4%BA%92%E6%8E%A7%E5%88%B6%E4%B8%8E%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5%E3%80%91'; var qqtitle='%E3%80%90CSS%20resize%20%E5%B1%9E%E6%80%A7%E6%B7%B1%E5%BA%A6%E8%A7%A3%E6%9E%90%EF%BC%9A2026%E5%B9%B4%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E4%B8%AD%E7%9A%84%E4%BA%A4%E4%BA%92%E6%8E%A7%E5%88%B6%E4%B8%8E%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5%E3%80%91'; var excerpt='%E4%BD%A0%E5%A5%BD%EF%BC%81%E5%9C%A8%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E7%9A%84%E8%BF%87%E7%A8%8B%E4%B8%AD%EF%BC%8C%E6%88%91%E4%BB%AC%E7%BB%8F%E5%B8%B8%E4%BC%9A%E9%81%87%E5%88%B0%E8%BF%99%E6%A0%B7%E4%B8%80%E4%B8%AA%E5%9C%BA%E6%99%AF%EF%BC%9A%E4%BD%A0%E7%B2%BE%E5%BF%83%E8%AE%BE%E8%AE%A1%E4%BA%86%E4%B8%80%E4%B8%AA%E5%B8%83%E5%B1%80%EF%BC%8C%E4%BD%86%E5%86%85%E5%AE%B9%E7%9A%84%E4%B8%8D%E7%A1%AE%E5%AE%9A%E6%80%A7%E6%80%BB%E6%98%AF%E8%AE%A9%E4%BD%A0%E5%A4%B4%E7%96%BC%E3%80%82%E5%A6%82%E6%9E%9C%E7%94%A8%E6%88%B7%E8%BE%93%E5%85%A5%E7%9A%84%E5%86%85%E5%AE%B9%E8%B6%85%E5%87%BA%E4%BA%86%E9%A2%84%E8%AE%BE%E7%9A%84%E5%AE%B9%E5%99%A8%E5%A4%A7%E5%B0%8F%EF%BC%8C%E6%80%8E%E4%B9%88%E5%8A%9E%EF%BC%9F%E6%98%AF%E8%AE%A9%E5%86%85%E5%AE%B9%E6%BA%A2%E5%87%BA%E7%A0%B4%E5%9D%8F%E5%B8%83%E5%B1%80%EF%BC%8C%E8%BF%98%E6%98%AF%E9%99%90%E5%88%B6%E7%94%A8%E6%88%B7%E7%9A%84%E8%BE%93%E5%85%A5%EF%BC%9F%E5%9C%A8%E8%BF%99%E7%AF%87%E6%96%87%E7%AB%A0%E4%B8%AD%EF%BC%8C%E6%88%91%E4%BB%AC%E5%B0%86%E6%B7%B1%E5%85%A5%E2%80%A6%E2%80%A6'; var wbexcerpt='%E4%BD%A0%E5%A5%BD%EF%BC%81%E5%9C%A8%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E7%9A%84%E8%BF%87%E7%A8%8B%E4%B8%AD%EF%BC%8C%E6%88%91%E4%BB%AC%E7%BB%8F%E5%B8%B8%E4%BC%9A%E9%81%87%E5%88%B0%E8%BF%99%E6%A0%B7%E4%B8%80%E4%B8%AA%E5%9C%BA%E6%99%AF%EF%BC%9A%E4%BD%A0%E7%B2%BE%E5%BF%83%E8%AE%BE%E8%AE%A1%E4%BA%86%E4%B8%80%E4%B8%AA%E5%B8%83%E5%B1%80%EF%BC%8C%E4%BD%86%E5%86%85%E5%AE%B9%E7%9A%84%E4%B8%8D%E7%A1%AE%E5%AE%9A%E6%80%A7%E6%80%BB%E6%98%AF%E8%AE%A9%E4%BD%A0%E5%A4%B4%E7%96%BC%E3%80%82%E5%A6%82%E6%9E%9C%E7%94%A8%E6%88%B7%E8%BE%93%E5%85%A5%E7%9A%84%E5%86%85%E5%AE%B9%E8%B6%85%E5%87%BA%E4%BA%86%E9%A2%84%E8%AE%BE%E7%9A%84%E5%AE%B9%E5%99%A8%E5%A4%A7%E5%B0%8F%EF%BC%8C%E6%80%8E%E4%B9%88%E5%8A%9E%EF%BC%9F%E6%98%AF%E8%AE%A9%E5%86%85%E5%AE%B9%E6%BA%A2%E5%87%BA%E7%A0%B4%E5%9D%8F%E5%B8%83%E5%B1%80%EF%BC%8C%E8%BF%98%E6%98%AF%E9%99%90%E5%88%B6%E7%94%A8%E6%88%B7%E7%9A%84%E8%BE%93%E5%85%A5%EF%BC%9F%E5%9C%A8%E8%BF%99%E7%AF%87%E6%96%87%E7%AB%A0%E4%B8%AD%EF%BC%8C%E6%88%91%E4%BB%AC%E5%B0%86%E6%B7%B1%E5%85%A5%E2%80%A6%E2%80%A6'; var pic=""; var _URL; if(obj=="qq"){ _URL=qqShareURL+"url="+host_url+"&title="+qqtitle+"&pics="+pic+"&desc=&summary="+excerpt+"&site=vtrois"; }else if(obj=="weibo"){ _URL=weiboShareURL+"url="+host_url+"&title="+title+wbexcerpt+"&pic="+pic; }else if(obj=="facebook"){ _URL=facebookShareURL+"u="+host_url; }else if(obj=="twitter"){ _URL=twitterShareURL+"text="+title+excerpt+"&url="+host_url; } window.open(_URL); } </script> </div> </div> </div> <div class="ph-col-6 big"> <div class="post-ratings" data-post="27273"> <div class="rating" data-post="27273" data-rating="0" data-readonly="0"style="text-align: center;color: #FFD700;"></div> <div class="rating-meta" style="text-align: center;"> <strong>0.00</strong> 平均评分 (<strong>0</strong>% 分数) - <strong class="votes">0</strong> 票 </div> </div></div> </div> </div> </div> <div class="footer-tag clearfix"> <div class="pull-left"> <i class="fa fa-tags"></i> </div> </div> </footer> </div> <nav class="navigation post-navigation clearfix" role="navigation"> <div class="nav-previous clearfix"> <a title="深入解析 Python 元组大小测量：从基础内存分析到 2026 年高性能计算范式" href="https://shluqu.cn/27272.html">< 上一篇</a> </div> <div class="nav-next"> <a title="深入解析软件工程中的核心风险管理活动：从理论到实战" href="https://shluqu.cn/27275.html">下一篇 ></a> </div> </nav><br /> <div class="obs-heng-link"> <h3 class="obs-heng-a"><i class="fa fa-share-alt" aria-hidden="true"></i>相关文章<span class="section-h3-more-link"><i class="fa fa-volume-up" aria-hidden="true" style="color:#ec004a;"></i><a href="/7811.html">美国1G带宽/1T流量高速vps $17.99/年</a></span> </h3> </div> <div id="respond" class="comment-respond"> <div id="recent-content"> <div id="zazhi-2-home-block-one-5" class="widget-zazhi-2-home-block-one"> <div class="content-block content-block-1 clear"> <div class="post-list-1 hentry "><a rel="bookmark" href="https://shluqu.cn/54555.html" title="2026 前瞻：有向无环图 (DAG) 最短路径算法的深度剖析与工程化实践">2026 前瞻：有向无环图 (DAG) 最短路径算...</a> </div> <div class="post-list-1 hentry "><a rel="bookmark" href="https://shluqu.cn/54554.html" title="C 语言字符串深度指南：2026 年视角下的内存安全与高性能编程">C 语言字符串深度指南：2026 年视角下的内...</a> </div> <div class="post-list-1 hentry "><a rel="bookmark" href="https://shluqu.cn/54553.html" title="Python 与 Java 的 2026 年终极对决：深入解析从语法哲学到云原生实战的差异">Python 与 Java 的 2026 年终极对决：深入...</a> </div> <div class="post-list-1 hentry "><a rel="bookmark" href="https://shluqu.cn/54552.html" title="如何像架构师一样发送GRE成绩：融合2026 AI与DevOps理念的终极指南">如何像架构师一样发送GRE成绩：融合2026 A...</a> </div> <div class="post-list-1 hentry "><a rel="bookmark" href="https://shluqu.cn/54551.html" title="深入解析 SQL 字符串函数：从基础到进阶的完整指南">深入解析 SQL 字符串函数：从基础到进阶的...</a> </div> <div class="post-list-1 hentry "><a rel="bookmark" href="https://shluqu.cn/54550.html" title="如何使用 jQuery 修改超链接的 href 属性">如何使用 jQuery 修改超链接的 href 属性</a> </div> <div class="post-list-1 hentry "><a rel="bookmark" href="https://shluqu.cn/54549.html" title="深入理解齐纳二极管：从原理到电路实战的完全指南">深入理解齐纳二极管：从原理到电路实战的...</a> </div> <div class="post-list-1 hentry "><a rel="bookmark" href="https://shluqu.cn/54548.html" title="深入理解甲醇：从分子结构到化学反应与应用的全景解析">深入理解甲醇：从分子结构到化学反应与应...</a> </div> </div> </div> </div> </div> <div id="comments" class="comments-area"> </div> </article> </section> <aside id="kratos-widget-area" class="col-md-4 hidden-xs hidden-sm scrollspy"> <div id="sidebar"> <span><style type="text/css"></style><style type="text/css"></style><aside id="custom_html-9" class="widget_text widget widget_custom_html clearfix"><div class="textwidget custom-html-widget"><p>热门搜索： <a href="https://shluqu.cn/go/tengxun.html" target="_blank" rel="nofollow noopener">腾讯云</a> <a href="https://shluqu.cn/go/aliyun.html" target="_blank" rel="nofollow noopener">阿里云</a> <a href="https://shluqu.cn/go/?url=https://www.sugarhosts.com/members/aff.php?aff=3508" rel="nofollow noopener" target="_blank">SugarHosts</a> </p> <form data-min-no-for-search="1" data-result-box-max-height="400" data-form-id="5325" class="is-search-form is-form-style is-form-style-3 is-form-id-5325 is-ajax-search" action="https://shluqu.cn/" method="get" role="search" ><label for="is-search-input-5325"><span class="is-screen-reader-text">Search for:</span><input type="search" id="is-search-input-5325" name="s" value="" class="is-search-input" placeholder="输入主机商名称、关键词" autocomplete="off" /><span class="is-loader-image" style="display: none;background-image:url(https://shluqu.cn/wp-content/plugins/add-search-to-menu/public/images/spinner.gif);" ></span></label><button type="submit" class="is-search-submit"><span class="is-screen-reader-text">搜索按钮</span><span class="is-search-icon"><svg focusable="false" aria-label="Search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></span></button><input type="hidden" name="id" value="5325" /><input type="hidden" name="post_type" value="post" /></form> <br/> <form data-min-no-for-search="1" data-result-box-max-height="400" data-form-id="5324" class="is-search-form is-form-style is-form-style-3 is-form-id-5324 is-ajax-search" action="https://shluqu.cn/" method="get" role="search" ><label for="is-search-input-5324"><span class="is-screen-reader-text">Search for:</span><input type="search" id="is-search-input-5324" name="s" value="" class="is-search-input" placeholder="搜索全站文章" autocomplete="off" /><span class="is-loader-image" style="display: none;background-image:url(https://shluqu.cn/wp-content/plugins/add-search-to-menu/public/images/spinner.gif);" ></span></label><button type="submit" class="is-search-submit"><span class="is-screen-reader-text">搜索按钮</span><span class="is-search-icon"><svg focusable="false" aria-label="Search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></span></button><input type="hidden" name="id" value="5324" /><input type="hidden" name="post_type" value="post" /></form> </div></aside><aside id="custom_html-8" class="widget_text widget widget_custom_html clearfix"><div class="textwidget custom-html-widget"><div class="obs-heng-link"> <h3 class="obs-heng-a"><i class="fa fa-info-circle" aria-hidden="true"></i>热点解答</h3> </div> <h2 align="center"> 你需要了解…… </h2> <table style="width:100%;border: 1px solid #2220;" bordercolor="#000000" cellspacing="0" cellpadding="2" border="0"> <tbody> <tr> <td> <a href="https://shluqu.cn/tougao"> <p><i aria-hidden="true" class="fa fa-envelope fa-2x" style="color:#2a5cbf;"></i></p> <p>投稿给我们</p> </a> </td> <td> <a href="https://shluqu.cn/2816.html"> <p><i aria-hidden="true" class="fa fa-graduation-cap fa-2x" style="color:#2a5cbf;"></i></p> <p>如何建站？</p> </a> </td> </tr> <tr> <td> <a href="https://shluqu.cn/8368.html"> <p><i aria-hidden="true" class="fa fa-linux fa-2x" style="color:#2a5cbf;"></i></p> <p>vps是什么？</p> </a> </td> <td> <a href="https://shluqu.cn/16486.html"> <p><i aria-hidden="true" class="fa fa-television fa-2x" style="color:#2a5cbf;"></i></p> <p>如何安装宝塔？</p> </a> </td> </tr> <tr> <td> <a href="https://shluqu.cn/tag/bokezhuanqian"> <p><i aria-hidden="true" class="fa fa-usd fa-2x" style="color:#2a5cbf;"></i></p> <p>如何通过博客赚钱？</p> </a> </td> <td> <a href="https://shluqu.cn/16.html"> <p><i aria-hidden="true" class="fa fa-wordpress fa-2x" style="color:#2a5cbf;"></i></p> <p>便宜wordpress托管方案</p> </a> </td> </tr> <tr> <td> <a href="https://shluqu.cn/free-wordpress-themes"> <p><i aria-hidden="true" class="fa fa-wordpress fa-2x" style="color:#ec004a;"></i></p> <p>免费wordpress主题</p> </a> </td> <td> <a href="https://shluqu.cn/tag/free-plan"> <p><i aria-hidden="true" class="fa fa-database fa-2x" style="color:#2a5cbf;"></i></p> <p>这些都是免费方案</p> </a> </td> </tr> </tbody> </table></div></aside><aside id="shortcodes-ultimate-2" class="widget shortcodes-ultimate clearfix"><div class="obs-heng-link"> <h3 class="obs-heng-a"><i class="fa fa-cog" aria-hidden="true"></i>代理IP - 赞助商</h3></div><div class="textwidget"><a href="https://shluqu.cn/go/proxy-seller" target="_blank" rel="nofollow"><div align="center"><img src="https://shluqu-1252205774.file.myqcloud.com/wp-content/uploads/2025/07/20250703081311524.jpg" border=0></div></a> <br/> <a href="https://shluqu.cn/go/iproyal" target="_blank" rel="nofollow"><div align="center"><img src="https://shluqu-1252205774.file.myqcloud.com/wp-content/uploads/2025/07/20250703081313321.jpg" border=0></div></a><br/> <div class="su-list" style="margin-left:0px"> <ul> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>最强悍的住宅代理：<a href="https://brightproxies.com/" target="_blank" rel="nofollow noopener">Brightdata</a></strong></li> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>4G代理的选择：<a href=" https://www.dailiproxy.com/proxy-seller.com" target="_blank" rel="nofollow noopener">Proxy-Seller</a></strong></li> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>性价比的选择：<a href=" https://www.dailiproxy.com/smartproxy.com" target="_blank" rel="nofollow noopener">Smartproxy</a></strong></li> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>静态住宅代理：<a href="https://www.dailiproxy.com/go/proxy-ipv4.com" target="_blank" rel="nofollow noopener">Proxy-IPV4</a></strong></li> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>便宜的住宅代理：<a href=" https://www.dailiproxy.com/proxy-cheap.com" target="_blank" rel="nofollow noopener">Proxy-Cheap</a></strong></li> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>无穷流量的选择：<a href=" https://www.dailiproxy.com/shifter.io" target="_blank" rel="nofollow noopener">Shifter</a></strong></li> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>代理新手的选择：<a href="https://www.dailiproxy.com/go/iproyal.com" target="_blank" rel="nofollow noopener">IProyal</a></strong></li> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>数据中心的选择：<a href=" https://www.dailiproxy.com/my-private-proxies" target="_blank" rel="nofollow noopener">Myprivateproxy</a></strong></li> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>旋转数据代理：<a href="https://www.dailiproxy.com/webshare.io" target="_blank" rel="nofollow noopener">WebShare Proxy</a></strong></li> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>社交账户代理：<a href="https://www.dailiproxy.com/go/proxy-sale.com" target="_blank" rel="nofollow noopener">Proxy-Sale</a></strong></li> <li><i class="sui sui-hand-o-right" style="color:#1512d3"></i> <strong>小众的住宅代理：<a href="https://www.dailiproxy.com/go/soax" target="_blank" rel="nofollow noopener">Soax</a></strong></li> </ul> </div> 赞助By：<a href=" https://www.dailiproxy.com" target="_blank" rel="nofollow noopener">Dailiproxy</a></div></aside><aside id="custom_html-7" class="widget_text widget widget_custom_html clearfix"><div class="obs-heng-link"> <h3 class="obs-heng-a"><i class="fa fa-cog" aria-hidden="true"></i>VPS 赞助商</h3></div><div class="textwidget custom-html-widget"><a href="http://www.west.cn/?ReferenceID=1901161" target="_blank" rel="nofollow noopener"><div align="center"><img src="https://shluqu-1252205774.file.myqcloud.com/wp-content/uploads/2022/03/20220330131043593.jpg" border=0></div></a> <br/> <p style="font-size: 14px;">豆丁博客专注国外VPS、国外服务器、国外虚拟主机、国外代理IP推荐，我们从用户使用体验出发，对国外VPS主机价格、速度、可靠性、客服等多个方面进行测评，为你推荐优秀的国外VPS/服务器/虚拟主机。同时我们还会分享最新的主机优惠码，让你花少的钱买到性价比较高的主机。</p> <a href="https://www.digitalocean.com/?refcode=3f858506cd39&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"><div align="center"><img src="https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg" alt="DigitalOcean Referral Badge" /></div></a></div></aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <div class="obs-heng-link"> <h3 class="obs-heng-a"><i class="fa fa-cog" aria-hidden="true"></i>最近文章</h3></div> <ul> <li> <a href="https://shluqu.cn/54555.html">2026 前瞻：有向无环图 (DAG) 最短路径算法的深度剖析与工程化实践</a> </li> <li> <a href="https://shluqu.cn/54554.html">C 语言字符串深度指南：2026 年视角下的内存安全与高性能编程</a> </li> <li> <a href="https://shluqu.cn/54553.html">Python 与 Java 的 2026 年终极对决：深入解析从语法哲学到云原生实战的差异</a> </li> <li> <a href="https://shluqu.cn/54552.html">如何像架构师一样发送GRE成绩：融合2026 AI与DevOps理念的终极指南</a> </li> <li> <a href="https://shluqu.cn/54551.html">深入解析 SQL 字符串函数：从基础到进阶的完整指南</a> </li> <li> <a href="https://shluqu.cn/54550.html">如何使用 jQuery 修改超链接的 href 属性</a> </li> <li> <a href="https://shluqu.cn/54549.html">深入理解齐纳二极管：从原理到电路实战的完全指南</a> </li> <li> <a href="https://shluqu.cn/54548.html">深入理解甲醇：从分子结构到化学反应与应用的全景解析</a> </li> </ul> </aside> <aside id="kratos_tags-3" class="widget widget_kratos_tags clearfix"> <div id="recent-content"> <div class="obs-heng-link"> <h3 class="obs-heng-a"><i class="fa fa-book" aria-hidden="true"></i>相关专题</h3> </div> <div id="zazhi-2-home-block-one-5" class="widget-zazhi-2-home-block-one"> <div class="content-block content-block-1 clear"> </div> </div> </div> </aside> </span> </div> </aside> </div> </div> </div> <div class="navs"> <ul> <li> <a href="https://www.shluqu.cn/"><span class="font-text"><i class="fa-home fa"></i> 首页</span></a></li> <li> <a href="https://www.shluqu.cn/developer-tools"><span class="font-text"><i class="fa fa-pencil"></i>主机</span></a></li> <li> <a href="https://www.shluqu.cn/category/zhihudati"><span class="font-text"><i class="fa fa-at"></i>问答</span></a></li> <li> <a href="https://www.shluqu.cn/category/technology"><span class="font-text"><i class="fa fa-plus-square"></i> 技术</span></a></li> <li> <a href="https://www.shluqu.cn/category/make-money"><span class="font-text"><i class="fa fa-usd"></i> 赚钱</span></a></li> </ul> </div> <footer> <div id="footer"> <div class="cd-tool text-center"> <div class="gotop-box"><div class="gotop-btn"><span class="fa fa-chevron-up"></span></div></div> <div class="search-box"> <span class="fa fa-search"></span> <form class="search-form" role="search" method="get" id="searchform" action="https://shluqu.cn/"> <input type="text" name="s" id="search" placeholder="Search..." style="display:none"/> </form> </div> </div> <table width="80%" height="35" border="0" align="center" style="border: #2220;"> <tbody><tr> <td width="50%" style="color: #fff;"> <a class="Home11" href="https://www.shluqu.cn/4284.html">常见问题</a>  |  <a class="Home11" target="_blank" href="https://www.shluqu.cn/sitemap">网站地图</a>  |  <a class="Home11" href="https://about.shluqu.cn/">豆丁科技</a>  |  <a class="Home11" target="_blank" href="https://www.shluqu.cn/cloud-computing-keywords">关键词</a>  |  <a class="Home11" target="_blank" href="https://www.shluqu.cn/aliyun/">阿里云优惠</a> <br/> <a class="Home11" target="_blank" href="https://www.shluqu.cn/tougao">投稿</a>  |  <a class="Home11" href="https://www.shluqu.cn/guanyuwomen">关于我们</a>  |  <a class="Home11" href="https://www.shluqu.cn/zanzhushanghezuo">赞助商合作</a>  |  <a class="Home11" href="https://www.shluqu.cn/terms-of-service">服务条款</a>  |  <a class="Home11" href="https://www.shluqu.cn/privacy-policy">隐私政策</a> </td> <td width="50%" id="beian" class="has-text-centered is-size-7"> <a style="color: #f4f4f4;" target="_blank" rel="nofollow" href="http://beian.miit.gov.cn">鄂ICP备19029286号-4</a> <a style="color: #f4f4f4;" target="_blank" rel="nofollow" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42118102000305"><img src="https://shluqu-1252205774.file.myqcloud.com/wp-content/uploads/2021/11/20211102110945832.png" alt="公安备案">鄂公网安备 42118102000305号 </a><p style="color: #f4f4f4;">© 2002-2026 <a  href="https://www.shluqu.cn/">豆丁博客</a> Inc. All rights reserved.Powered by <a  href="https://www.shluqu.cn/">豆丁博客</a></p></td> </tr> </tbody></table> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3 footer-list text-center"> <p class="kratos-social-icons"> </p> </div> </div> </div> </div> </footer> </div> </div> <style type="text/css" media="screen">.is-menu path.search-icon-path { fill: #ffffff;}body .popup-search-close:after, body .search-close:after { border-color: #ffffff;}body .popup-search-close:before, body .search-close:before { border-color: #ffffff;}</style><link rel='stylesheet' id='ivory-ajax-search-styles-css' href='https://shluqu.cn/wp-content/plugins/add-search-to-menu/public/css/ivory-ajax-search.min.css?ver=4.6.5' type='text/css' media='all' /> <link rel='stylesheet' id='su-icons-css' href='https://shluqu.cn/wp-content/plugins/shortcodes-ultimate/includes/css/icons.css?ver=1.1.5' type='text/css' media='all' /> <link rel='stylesheet' id='su-shortcodes-css' href='https://shluqu.cn/wp-content/plugins/shortcodes-ultimate/includes/css/shortcodes.css?ver=5.10.2' type='text/css' media='all' /> <script type='text/javascript' src='https://shluqu.cn/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=7.4.4' id='wp-polyfill-js'></script> <script type='text/javascript' id='wp-polyfill-js-after'> ( 'fetch' in window ) || document.write( '<script src="https://shluqu.cn/wp-includes/js/dist/vendor/wp-polyfill-fetch.min.js?ver=3.0.0"></scr' + 'ipt>' );( document.contains ) || document.write( '<script src="https://shluqu.cn/wp-includes/js/dist/vendor/wp-polyfill-node-contains.min.js?ver=3.42.0"></scr' + 'ipt>' );( window.DOMRect ) || document.write( '<script src="https://shluqu.cn/wp-includes/js/dist/vendor/wp-polyfill-dom-rect.min.js?ver=3.42.0"></scr' + 'ipt>' );( window.URL && window.URL.prototype && window.URLSearchParams ) || document.write( '<script src="https://shluqu.cn/wp-includes/js/dist/vendor/wp-polyfill-url.min.js?ver=3.6.4"></scr' + 'ipt>' );( window.FormData && window.FormData.prototype.keys ) || document.write( '<script src="https://shluqu.cn/wp-includes/js/dist/vendor/wp-polyfill-formdata.min.js?ver=3.0.12"></scr' + 'ipt>' );( Element.prototype.matches && Element.prototype.closest ) || document.write( '<script src="https://shluqu.cn/wp-includes/js/dist/vendor/wp-polyfill-element-closest.min.js?ver=2.0.2"></scr' + 'ipt>' );( 'objectFit' in document.documentElement.style ) || document.write( '<script src="https://shluqu.cn/wp-includes/js/dist/vendor/wp-polyfill-object-fit.min.js?ver=2.3.4"></scr' + 'ipt>' ); </script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/shluqu.cn\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://shluqu.cn/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.4.2' id='contact-form-7-js'></script> <script type='text/javascript' id='toc-front-js-extra'> /* <![CDATA[ */ var tocplus = {"visibility_show":"\u663e\u793a","visibility_hide":"\u9690\u85cf","width":"33%"}; /* ]]> */ </script> <script type='text/javascript' src='http://shluqu.cn/wp-content/plugins/table-of-contents-plus/front.min.js?ver=2106' id='toc-front-js'></script> <script type='text/javascript' src='https://shluqu.cn/wp-content/themes/shluqu/js/jquery.easing.min.js?ver=1.3.0' id='easing-js'></script> <script type='text/javascript' src='https://shluqu.cn/wp-content/themes/shluqu/js/jquery.qrcode.min.js?ver=2.8' id='qrcode-js'></script> <script type='text/javascript' src='https://shluqu.cn/wp-content/themes/shluqu/js/layer.min.js?ver=3.0.3' id='layer-js'></script> <script type='text/javascript' src='https://shluqu.cn/wp-content/themes/shluqu/js/bootstrap.min.js?ver=3.3.7' id='bootstrap-js'></script> <script type='text/javascript' src='https://shluqu.cn/wp-content/themes/shluqu/js/jquery.waypoints.min.js?ver=4.0.0' id='waypoints-js'></script> <script type='text/javascript' src='https://shluqu.cn/wp-content/themes/shluqu/js/jquery.stellar.min.js?ver=0.6.2' id='stellar-js'></script> <script type='text/javascript' src='https://shluqu.cn/wp-content/themes/shluqu/js/hoverIntent.min.js?ver=r7' id='hoverIntents-js'></script> <script type='text/javascript' src='https://shluqu.cn/wp-content/themes/shluqu/js/superfish.js?ver=1.0.0' id='superfish-js'></script> <script type='text/javascript' id='kratos-js-extra'> /* <![CDATA[ */ var kratos = {"site":"https:\/\/shluqu.cn"}; /* ]]> */ </script> <script type='text/javascript' src='https://shluqu.cn/wp-content/themes/shluqu/js/kratos.js?ver=2.8' id='kratos-js'></script> <script type='text/javascript' id='post-ratings-js-extra'> /* <![CDATA[ */ var post_ratings = {"ajaxURL":"https:\/\/shluqu.cn\/wp-admin\/admin-ajax.php","nonce":"93511c3200","path":"http:\/\/shluqu.cn\/wp-content\/plugins\/post-ratings\/assets\/images\/","number":"5"}; /* ]]> */ </script> <script type='text/javascript' src='http://shluqu.cn/wp-content/plugins/post-ratings/js/post-ratings.js?ver=3.0' id='post-ratings-js'></script> <script type='text/javascript' src='http://shluqu.cn/wp-content/plugins/post-ratings/assets/jquery.raty.js?ver=3.0' id='post-ratings-raty-js'></script> <script type='text/javascript' id='ivory-search-scripts-js-extra'> /* <![CDATA[ */ var IvorySearchVars = {"is_analytics_enabled":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://shluqu.cn/wp-content/plugins/add-search-to-menu/public/js/ivory-search.min.js?ver=4.6.5' id='ivory-search-scripts-js'></script> <script type='text/javascript' src='https://shluqu.cn/wp-includes/js/wp-embed.min.js?ver=5.7.2' id='wp-embed-js'></script> <script type='text/javascript' id='ivory-ajax-search-scripts-js-extra'> /* <![CDATA[ */ var IvoryAjaxVars = {"ajaxurl":"https:\/\/shluqu.cn\/wp-admin\/admin-ajax.php","ajax_nonce":"bfeded5fc0"}; /* ]]> */ </script> <script type='text/javascript' src='https://shluqu.cn/wp-content/plugins/add-search-to-menu/public/js/ivory-ajax-search.min.js?ver=4.6.5' id='ivory-ajax-search-scripts-js'></script> </body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->