在前端开发的世界里,随着技术的不断发展和框架的日益丰富，各种工具和库层出不穷，为开发者带来了极大的便利，VueUse Head npm就是其中一个备受关注的工具，那么它究竟是什么？又该如何使用呢？下面我们就来详细了解一下。
VueUse Head npm是什么
VueUse Head npm是一个基于Vue.js的实用工具库，它主要用于管理页面的头部信息，比如
标签、<meta>标签等，在Vue项目中，我们经常需要动态地设置页面的标题、描述等元数据，VueUse Head npm就为我们提供了一种简洁高效的方式来实现这一功能。</p>
<p>它的出现,解决了传统方式下手动操作DOM来设置头部信息的繁琐和不便，通过VueUse Head npm，我们可以在Vue组件中以声明式的方式轻松管理页面的头部内容，使代码更加清晰、易于维护。</p>
<h2>VueUse Head npm的安装</h2>
<p>要使用VueUse Head npm，首先需要进行安装，在你的Vue项目目录下，打开终端，输入以下命令：</p>
```bash
npm install @vueuse/head
```
<p>或者如果你使用的是yarn,命令则是：</p>
```bash
yarn add @vueuse/head
```
<p>安装完成后,就可以在项目中引入并使用了。</p>
<h2>VueUse Head npm的基本使用</h2>
<h3>（一）在Vue组件中使用</h3>
<p>在Vue组件中使用VueUse Head npm非常简单，在组件的<script>标签中引入：</p>
```javascript
import { useHead } from '@vueuse/head'
```
<p>在组件的setup函数中使用：</p>
```javascript
export default {
setup() {
useHead({
title: '我的页面标题',
meta: [
{
name: 'description',
content: '这是一个关于VueUse Head npm的页面描述'
}
]
})
return {}
}
}
```
<p>这样,在页面渲染时，就会自动设置<title>标签为“我的页面标题”，并添加相应的
<h3>（二）动态更新头部信息</h3>
<p>我们需要根据用户的操作或者数据的变化来动态更新头部信息,VueUse Head npm也支持这一点，我们有一个按钮，点击它可以改变页面标题：</p>
```html
<template>
<button @click="changeTitle"></button>
</template>
<script>
import { useHead } from '@vueuse/head'
import { ref } from 'vue'
<p>export default {
setup() {
const title = ref('初始标题')
useHead({
title: () => title.value
})</p>
<pre><code>const changeTitle = () => {
title.value = '新标题'
}
return {
changeTitle
}</code></pre>
</script>
```
<p>在这个例子中,我们使用了Vue的响应式数据ref，当点击按钮时，title的值发生变化，页面的标题也会随之更新。</p>
<h2>VueUse Head npm的高级用法</h2>
<h3>（一）多个Head实例</h3>
<p>在一些复杂的项目中,可能需要多个Head实例来管理不同部分的头部信息，VueUse Head npm也支持这种情况，我们有一个主应用和一个子组件，都需要设置自己的头部信息：</p>
```javascript
// 主应用
import { useHead } from '@vueuse/head'
<p>useHead({ '主应用标题',
meta: [
{
name: 'application-name',
content: '主应用'
}
]
})</p>
<p>// 子组件
export default {
setup() {
useHead({
title: '子组件标题',
meta: [
{
name: 'component-name',
content: '子组件'
}
]
})
return {}
}
}</p>
<pre><code><p>这样，主应用和子组件的头部信息会合并显示，子组件的信息会覆盖主应用中相同类型的信息（比如标题）。</p>
### （二）与Vue Router结合
<p>在Vue项目中，Vue Router是常用的路由管理工具，VueUse Head npm可以很好地与Vue Router结合，根据不同的路由设置不同的头部信息。</p>
```javascript
import { useHead } from '@vueuse/head'
import { useRoute } from 'vue-router'
export default {
setup() {
const route = useRoute()
useHead({
title: () => {
switch (route.name) {
case 'home':
return '首页'
case 'about':
return '关于我们'
default:
return '默认标题'
}
}
})
return {}
}
}</code></pre>
<p>在这个例子中,根据当前路由的名称，动态设置页面的标题。</p>
<p>VueUse Head npm是一个非常实用的工具，它为Vue开发者提供了一种简洁、高效的方式来管理页面的头部信息，无论是基本的静态设置，还是动态更新、复杂场景下的多个实例以及与其他工具（如Vue Router）的结合使用，都能轻松应对，通过本文的介绍，相信你对VueUse Head npm有了更深入的了解，希望你在今后的Vue项目开发中能够充分利用它，提升开发效率，打造出更加优质的前端应用。</p> <div class="rights">
<h5>版权声明</h5>
<p>本文仅代表作者观点，不代表Code前端网立场。<br>本文系作者Code前端网发表，如需转载，请注明页面地址。</p> </div>
</div>
<div class="Prev_Next">
<span>上一篇：<a href="https://www.codeqd.com/post/20250520559.html">如何在 VueUse 中使用 height 相关功能？</a></span> <span>下一篇：<a href="https://www.codeqd.com/post/20250520561.html">VueUse Hotkey，前端交互的魔法密钥</a></span> </div>
</div>
<div class="related main_list">
<div class="title">相关文章</div>
<ul>
<li>
<strong>
<a href="https://www.codeqd.com/post/20260822001.html" title="用Vue3能直接做原生APP吗？踩过坑后我整理了完整方案">用Vue3能直接做原生APP吗？踩过坑后我整理了完整方案</a>
</strong>
<div class="listleft">
<p><a href="https://www.codeqd.com/post/20260822001.html">不能说“直接”——很多新手刚接触时以为Vue3代码复制粘贴就能在手机应用商店上架，其实不对，Vue3的底层还是浏览器渲染...</a></p>
<div class="listtag">
<a href="https://www.codeqd.com/tags/%E5%8E%9F%E7%94%9FAPP/" target="_blank">原生APP</a> </div>
<div class="listinfo">
<span class="time">4小时前</span>
<span class="vew">60阅读</span>
<span class="cat"><a href="https://www.codeqd.com/vue/">#Vue</a></span>
</div>
</div>
<div class="img">
<a href="https://www.codeqd.com/post/20260822001.html"><img src="https://www.codeqd.com/zb_users/theme/yd1125free/include/random/3.jpg" alt="用Vue3能直接做原生APP吗？踩过坑后我整理了完整方案"></a>
</div>
</li>
<li>
<strong>
<a href="https://www.codeqd.com/post/20260822000.html" title="Vue3里的NODE_ENV到底是啥？为啥打包前后会不一样？搞懂能避好多坑">Vue3里的NODE_ENV到底是啥？为啥打包前后会不一样？搞懂能避好多坑</a>
</strong>
<div class="listleft">
<p><a href="https://www.codeqd.com/post/20260822000.html">NODE_ENV是Vue3专属的变量吗？先搞清楚它的真实身份
很多刚接触Vue3的人会误以为NODE_ENV是Vue框...</a></p>
<div class="listtag">
<a href="https://www.codeqd.com/tags/Vue3%20NODE_ENV/" target="_blank">Vue3 NODE_ENV</a><a href="https://www.codeqd.com/tags/%E6%89%93%E5%8C%85%E7%8E%AF%E5%A2%83%E5%B7%AE%E5%BC%82/" target="_blank">打包环境差异</a> </div>
<div class="listinfo">
<span class="time">10小时前</span>
<span class="vew">131阅读</span>
<span class="cat"><a href="https://www.codeqd.com/vue/">#Vue</a></span>
</div>
</div>
<div class="img">
<a href="https://www.codeqd.com/post/20260822000.html"><img src="https://www.codeqd.com/zb_users/theme/yd1125free/include/random/5.jpg" alt="Vue3里的NODE_ENV到底是啥？为啥打包前后会不一样？搞懂能避好多坑"></a>
</div>
</li>
<li>
<strong>
<a href="https://www.codeqd.com/post/20260821999.html" title="Vue3还能用onCreated吗？和setup、onBeforeMount有啥区别？实际开发选哪个好？">Vue3还能用onCreated吗？和setup、onBeforeMount有啥区别？实际开发选哪个好？</a>
</strong>
<div class="listleft">
<p><a href="https://www.codeqd.com/post/20260821999.html">很多刚上手Vue3的开发者，尤其是习惯了Vue2 Options API写法的同学，打开编辑器敲代码时总会有这个疑问：印...</a></p>
<div class="listtag">
<a href="https://www.codeqd.com/tags/Vue3%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90/" target="_blank">Vue3生命周期钩子</a><a href="https://www.codeqd.com/tags/Vue3%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%80%89%E5%9E%8B/" target="_blank">Vue3生命周期选型</a> </div>
<div class="listinfo">
<span class="time">2天前</span>
<span class="vew">254阅读</span>
<span class="cat"><a href="https://www.codeqd.com/vue/">#Vue</a></span>
</div>
</div>
<div class="img">
<a href="https://www.codeqd.com/post/20260821999.html"><img src="https://www.codeqd.com/zb_users/theme/yd1125free/include/random/7.jpg" alt="Vue3还能用onCreated吗？和setup、onBeforeMount有啥区别？实际开发选哪个好？"></a>
</div>
</li>
<li>
<strong>
<a href="https://www.codeqd.com/post/20260821998.html" title="Vue3项目里怎么给OpenLayers6+图层加上流畅的实时交互弹窗？">Vue3项目里怎么给OpenLayers6+图层加上流畅的实时交互弹窗？</a>
</strong>
<div class="listleft">
<p><a href="https://www.codeqd.com/post/20260821998.html">最近接触了好几个做工地人员定位、外卖骑手轨迹可视化的需求，都是用Vue3搭页面，选OpenLayers做地图底的，但一到...</a></p>
<div class="listtag">
<a href="https://www.codeqd.com/tags/Vue3%20OpenLayers6%2B%E5%AE%9E%E6%97%B6%E4%BA%A4%E4%BA%92/" target="_blank">Vue3 OpenLayers6+实时交互</a><a href="https://www.codeqd.com/tags/%E5%9B%BE%E5%B1%82%E5%BC%B9%E7%AA%97/" target="_blank">图层弹窗</a> </div>
<div class="listinfo">
<span class="time">2天前</span>
<span class="vew">390阅读</span>
<span class="cat"><a href="https://www.codeqd.com/vue/">#Vue</a></span>
</div>
</div>
<div class="img">
<a href="https://www.codeqd.com/post/20260821998.html"><img src="https://www.codeqd.com/zb_users/theme/yd1125free/include/random/1.jpg" alt="Vue3项目里怎么给OpenLayers6+图层加上流畅的实时交互弹窗？"></a>
</div>
</li>
<li>
<strong>
<a href="https://www.codeqd.com/post/20260821997.html" title="Vue3都推出Composition API这么久了，还有必要学Options API吗？">Vue3都推出Composition API这么久了，还有必要学Options API吗？</a>
</strong>
<div class="listleft">
<p><a href="https://www.codeqd.com/post/20260821997.html">如果你刚打开Vue3的官方文档，大概率会先看到“优先推荐Composition API”的提示，再加上很多新教程都把重心...</a></p>
<div class="listtag">
<a href="https://www.codeqd.com/tags/Vue3%20Options%20API/" target="_blank">Vue3 Options API</a><a href="https://www.codeqd.com/tags/Vue3%20Composition%20API/" target="_blank">Vue3 Composition API</a> </div>
<div class="listinfo">
<span class="time">2天前</span>
<span class="vew">461阅读</span>
<span class="cat"><a href="https://www.codeqd.com/vue/">#Vue</a></span>
</div>
</div>
<div class="img">
<a href="https://www.codeqd.com/post/20260821997.html"><img src="https://www.codeqd.com/zb_users/theme/yd1125free/include/random/4.jpg" alt="Vue3都推出Composition API这么久了，还有必要学Options API吗？"></a>
</div>
</li>
</ul>
</div> </div>
<!-- main_side -->
<div class="main_side">
<div class="widget widget_user">
<div class="userimg">
<img src="https://www.codeqd.com/zb_users/avatar/0.png" alt="terry"/>
<p><a href="https://www.codeqd.com/author-1.html" target="_blank">terry</a></p>
</div>
<div class="userpost">
<h5>作者文章</h5>
<ul>
<li>
<a href="https://www.codeqd.com/post/20260822001.html" target="_blank">用Vue3能直接做原生APP吗？踩过坑后我整理了完整方案</a>
<span>4小时前</span>
</li>
<li>
<a href="https://www.codeqd.com/post/20260822000.html" target="_blank">Vue3里的NODE_ENV到底是啥？为啥打包前后会不一样？搞懂能避好多坑</a>
<span>10小时前</span>
</li>
<li>
<a href="https://www.codeqd.com/post/20260821999.html" target="_blank">Vue3还能用onCreated吗？和setup、onBeforeMount有啥区别？实际开发选哪个好？</a>
<span>2天前</span>
</li>
<li>
<a href="https://www.codeqd.com/post/20260821998.html" target="_blank">Vue3项目里怎么给OpenLayers6+图层加上流畅的实时交互弹窗？</a>
<span>2天前</span>
</li>
<li>
<a href="https://www.codeqd.com/post/20260821997.html" target="_blank">Vue3都推出Composition API这么久了，还有必要学Options API吗？</a>
<span>2天前</span>
</li>
</ul>
</div>
<div class="umore">
<a href="https://www.codeqd.com/author-1.html" target="_blank" rel="nofollow">浏览更多</a>
</div>
</div>
<div class="widget widget_hot">
<div class="title">热门</div>
<ul>
<li>
<i>1</i>
<a href="https://codeqd.com/post/2023095.html" target="_blank">
<strong>新手必须掌握的 10 个 CSS 技能</strong>
<span>每个人都应该知道的 CSS 技巧，以提高生产力并快速完成项目。
这里我为初学者收集了10个简单且必须知道的秘诀。
重置.css
某些浏览器对每个元素应用不同的样式，因此最好首先休息一下 CSS。
body, div, h1,h2,...</span>
</a>
</li><li>
<i>2</i>
<a href="https://codeqd.com/post/2023094.html" target="_blank">
<strong>css动画无限循环</strong>
<span>要实现CSS动画的无限循环，最重要的是使用animation-iteration-count属性，将其设置为infinite，继续动画就会循环播放。
栗子
CSS动画效果无限循环放大缩小
HTML：
<image class="a...</span>
</a>
</li><li>
<i>3</i>
<a href="https://codeqd.com/post/2023097.html" target="_blank">
<strong>CSS calc() 函数</strong>
<span>calc() 函数允许对值执行基本的数学运算，当需要对长值进行百分比加法或减法时特别有用。
div {
max-width: calc(80% - 100px)
}它的工作原理是这样的：
div {
max-width: calc(...</span>
</a>
</li><li>
<i>4</i>
<a href="https://codeqd.com/post/2023096.html" target="_blank">
<strong>CSS 显示属性 </strong>
<span>对象的显示属性决定了浏览器如何呈现它。
这是一个非常重要的属性，并且可能具有您可以使用的最多值。
这些值包括：
blockinlinenonecontentsflowflow-roottable（以及所有那些table-*）fle...</span>
</a>
</li><li>
<i>5</i>
<a href="https://codeqd.com/post/20231020059.html" target="_blank">
<strong>跳过当前迭代并进入下一次迭代</strong>
<span>一、概述
在C++中，跳过当前迭代并进入下一次迭代可以使用continue语句来实现。当循环遇到continue语句时，将会立即转到下一次循环的开始处，而不执行当前循环中剩余的代码。
通常情况下，continue语句用于在循环中处理特定的情...</span>
</a>
</li><li>
<i>6</i>
<a href="https://codeqd.com/post/20231020060.html" target="_blank">
<strong>C++编程技巧分享</strong>
<span>一、C++中的const
C++中的const限定符可以用于变量、函数参数、函数返回类型等多种情况。使用const限定符可以使代码更加安全、简洁、易于维护。
1、 const变量
const变量在定义后就不能被修改，这使得代码更加安全...</span>
</a>
</li><li>
<i>7</i>
<a href="https://codeqd.com/post/20251021376.html" target="_blank">
<strong>一、搜索引擎官方资源，从规则制定者那学底层逻辑</strong>
<span>想学好SEO但预算有限？不少刚入行或想转行做SEO的朋友，都在找免费又靠谱的学习渠道，毕竟SEO知识更新快，花钱买课怕踩坑，不如先从免费资源入手，把基础打牢、摸清行业逻辑再进阶，今天就拆透几个「免费学SEO不踩雷」的平台，不管你是纯新手、有...</span>
</a>
</li><li>
<i>8</i>
<a href="https://codeqd.com/post/20231020062.html" target="_blank">
<strong>如何为C++函数进行重载</strong>
<span>一、什么是函数的重载
函数的重载是指在同一作用域下，可以定义多个同名函数，但是这些同名函数的参数列表必须不同。参数的不同可以是数量上的不同、类型上的不同、顺序上的不同等，只要这些函数的参数列表不完全一致即可。
二、如何实现函数的重载
1...</span>
</a>
</li><li>
<i>9</i>
<a href="https://codeqd.com/post/20231020061.html" target="_blank">
<strong>高效处理时间的C++实现</strong>
<span>在C++编程中，处理时间是很重要的一环。而对于大规模问题，如数据处理、机器学习、计算机视觉等领域，时间的效率更是至关重要。本文将从多个方面阐述如何在C++编程中高效处理时间。
一、使用STL算法
STL（标准模板库）是C++的一个重要部分...</span>
</a>
</li><li>
<i>10</i>
<a href="https://codeqd.com/post/20231120069.html" target="_blank">
<strong>Vue应用开发笔记：Electron Vue开发的实际应用案例</strong>
<span>今天，我们来介绍下Electron Vue开发的实际应用案例，一起往下学习吧！开头：Electron Vue开发的实际应用案例随着移动互联网的不断普及，桌面应用程序的需求也越来越多。而Electron Vue作为一种基于JavaScript...</span>
</a>
</li> </ul>
</div>
<div class="widget widget_previous">
<div class="title">最新文章</div>
<ul>
<li>
<a href="https://www.codeqd.com/post/20260822001.html" target="_blank" title="用Vue3能直接做原生APP吗？踩过坑后我整理了完整方案">用Vue3能直接做原生APP吗？踩过坑后我整理了完整方案</a>
<span>4小时前</span>
</li> <li>
<a href="https://www.codeqd.com/post/20260822000.html" target="_blank" title="Vue3里的NODE_ENV到底是啥？为啥打包前后会不一样？搞懂能避好多坑">Vue3里的NODE_ENV到底是啥？为啥打包前后会不一样？搞懂能避好多坑</a>
<span>10小时前</span>
</li> <li>
<a href="https://www.codeqd.com/post/20260821999.html" target="_blank" title="Vue3还能用onCreated吗？和setup、onBeforeMount有啥区别？实际开发选哪个好？">Vue3还能用onCreated吗？和setup、onBeforeMount有啥区别？实际开发选哪个好？</a>
<span>2天前</span>
</li> <li>
<a href="https://www.codeqd.com/post/20260821998.html" target="_blank" title="Vue3项目里怎么给OpenLayers6+图层加上流畅的实时交互弹窗？">Vue3项目里怎么给OpenLayers6+图层加上流畅的实时交互弹窗？</a>
<span>2天前</span>
</li> <li>
<a href="https://www.codeqd.com/post/20260821997.html" target="_blank" title="Vue3都推出Composition API这么久了，还有必要学Options API吗？">Vue3都推出Composition API这么久了，还有必要学Options API吗？</a>
<span>2天前</span>
</li> <li>
<a href="https://www.codeqd.com/post/20260821996.html" target="_blank" title="Vue3适合做海贼王主题的趣味网页或小游戏吗？具体怎么做能快速上手又还原出海的热血感？">Vue3适合做海贼王主题的趣味网页或小游戏吗？具体怎么做能快速上手又还原出海的热血感？</a>
<span>3天前</span>
</li> <li>
<a href="https://www.codeqd.com/post/20260821995.html" target="_blank" title="Vue3项目里ESLint报错没完没了？怎么快速配置且不破坏开发节奏？">Vue3项目里ESLint报错没完没了？怎么快速配置且不破坏开发节奏？</a>
<span>3天前</span>
</li> <li>
<a href="https://www.codeqd.com/post/20260821994.html" target="_blank" title="先搞懂，你的Vue3项目真的需要集成在线Office吗？">先搞懂，你的Vue3项目真的需要集成在线Office吗？</a>
<span>3天前</span>
</li> <li>
<a href="https://www.codeqd.com/post/20260821993.html" target="_blank" title="Vue3的onBeforeMount现在还能用吗？它能解决什么实际开发问题？">Vue3的onBeforeMount现在还能用吗？它能解决什么实际开发问题？</a>
<span>4天前</span>
</li> <li>
<a href="https://www.codeqd.com/post/20260821992.html" target="_blank" title="Vue3的onUpdated钩子是干嘛的？怎么用才对？踩坑点有哪些？">Vue3的onUpdated钩子是干嘛的？怎么用才对？踩坑点有哪些？</a>
<span>4天前</span>
</li> </ul>
</div>
<div class="widget widget_tags">
<div class="title">标签列表</div> <ul><li><a target="_blank" href="https://www.codeqd.com/tags/PHP/">PHP</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/PHP%20microtime/">PHP microtime</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/Mysql/">Mysql</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/PHP%20dirname%28%29/">PHP dirname()</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/PHP%20Select/">PHP Select</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/str_replace%E5%87%BD%E6%95%B0/">str_replace函数</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/sscanf%E5%87%BD%E6%95%B0/">sscanf函数</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/PHP%E7%9A%84Explode%E5%87%BD%E6%95%B0/">PHP的Explode函数</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/PHP%20sort/">PHP sort</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/in_array%28%29/">in_array()</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/addAttribute/">addAttribute</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/MD5%E5%80%BC/">MD5值</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/PHP%E5%B7%A5%E7%A8%8B%E5%B8%88/">PHP工程师</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/PHP%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/">PHP正则表达式</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/PHP%20Date%28%29/">PHP Date()</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/">数据库</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/php%E8%BF%9E%E6%8E%A5mysql/">php连接mysql</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/phpmysql/">phpmysql</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/mybatis/">mybatis</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/jsp%E8%BF%9E%E6%8E%A5mysql/">jsp连接mysql</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/navicatmysqllinux/">navicatmysqllinux</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/MySQL%20Workbench/">MySQL Workbench</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/MySQL%E6%95%B0%E6%8D%AE%E5%BA%93/">MySQL数据库</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/mysql%20cte/">mysql cte</a></li><li><a target="_blank" href="https://www.codeqd.com/tags/Linux/">Linux</a></li></ul>
</div>
</div></div> <div class="footer">
<div class="container">Copyright by <a href="/">code前端网</a> All Rights Reserved.<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">粤ICP备12067512号-4</a>
<p style="display:none;"> Powered By <a href="https://www.zblogcn.com/" title="Z-BlogPHP 1.7.5 Build 173540" target="_blank" rel="noopener noreferrer">Z-BlogPHP</a> Theme By <a href="https://www.htmlit.com.cn/" target="_blank">编程老白</a></p></div>
</div><div id="goTop" class="goTop"><i class="fa fa-angle-up"></i></div><script src="https://www.codeqd.com/zb_users/theme/yd1125free/script/common.js?v=1.2.4" type="text/javascript"></script>
<script src="https://www.codeqd.com/zb_users/theme/yd1125free/script/custom.js?v=1.2.4" type="text/javascript"></script>
<script>jQuery(document).ready(function($) {jQuery('.main_left').theiaStickySidebar({ additionalMarginTop: 10,});});</script><script src="https://www.codeqd.com/zb_users/plugin/YtUser/style/js/frontend.js"></script>
<script src="https://www.codeqd.com/zb_users/plugin/FY_Prettify/prettify.js" type="text/javascript"></script>
<script type="text/javascript">var zbPath="https://www.codeqd.com/", codeAll = 0, copyRights = 1, copyTips = "本段代码来自 ", codeText = 0, textHeight = 200, sButton = "0|0|0|0", codeFold = 0; document.writeln(unescape("%3Cscript src=\""+zbPath+"zb_users/plugin/Codemo_vip/js/main.js?v=3.3.0\" type=\"text/javascript\"%3E%3C/script%3E"));</script>
</body>
</html>
<!--37.98 ms , 20 queries , 4869kb memory , 2 errors--> 
code前端网