什么是header标签?网页头部怎么写?

header标签用于构建页面可见的语义化头部区域,而head标签是存放不可见元数据的容器;1. header中应包含品牌标识(如带h1的logo)、主导航(nav标签)、搜索框等用户可见内容;2. 为seo优化,需在h1中体现网站名称或关键词、使用语义化导航链接、提升用户体验以降低跳出率;3. 移动端设计应保持简洁,采用汉堡菜单隐藏导航、固定头部、图标化搜索、确保logo可点击返回首页,并注重可访问性与操作便捷性,从而提升整体用户体验和搜索引擎友好度。

什么是header标签?网页头部怎么写?

header

标签在 HTML5 中扮演着一个关键的角色,它是一个语义化的容器,通常用来承载页面或某个独立部分的介绍性内容,比如网站的标志、主标题、导航链接,甚至是一个搜索表单。它并不是指整个 HTML 文档的


部分,而是页面可见内容顶部的一个逻辑区域。至于网页头部怎么写,这实际上是在问如何构建和组织

header

标签内部的内容,使其既符合语义,又能提供良好的用户体验。

构建一个网页头部,也就是使用

header

标签,其实挺有意思的。它不只是把东西堆在一起,更像是在给你的网站一张脸,告诉访客“我是谁,我能带你去哪”。

一个典型的

header

结构,我会这样考虑:

我会先放网站的品牌标识。这通常是一个

标签,里面可能包含网站的名称,或者一个

标签包裹的

@@##@@

(也就是你的Logo),点击后能回到首页。比如:

    @@##@@    

我的精彩世界

这里有个小技巧,如果Logo图片里已经包含了网站名称,那么

标签可以直接包裹

@@##@@

,或者

里面只放一个

隐藏的文本,确保SEO友好性,同时视觉上只显示Logo。这取决于具体设计和语义需求。

接着是导航。这是

header

里非常核心的部分,一般会用

标签包裹

  • 来实现。例如:

    有时候,你可能还会想在头部放一个搜索框。这通常是一个

    
    

    元素,里面包含一个

    
    

    和一个

    
    

    注意这里的

    sr-only

    是一个常见的CSS类,用来把标签在视觉上隐藏,但对屏幕阅读器依然可见,这在可访问性上很重要。

    所以,一个完整的

    header

    结构大概会是这样:

    @@##@@

    我的精彩世界

    当然,这只是一个基础框架。实际项目中,你可能还会加入用户登录/注册链接、多语言切换、购物车图标等等。关键在于保持逻辑清晰,每个元素都放在它语义上最合适的位置。

    header标签和head标签有什么区别

    这个问题啊,初学者经常会混淆,但它们俩完全是两码事。简单来说,

    header

    标签是给“人”看的,而

    head

    标签是给“浏览器和搜索引擎”看的。

    header

    ,就像我们前面说的,它是一个 HTML5 的语义化标签,用于定义文档或一个区段的介绍性内容或导航链接。它属于

    
    

    标签内部的内容,是用户在浏览器中能直接看到的部分。你可以把它想象成一本书的封面或章节的标题页,上面有书名、作者、出版社,甚至目录的一部分。它的作用是让页面的结构更清晰,帮助搜索引擎理解这块区域是页面的头部信息。

    head

    标签,它是整个 HTML 文档的头部元数据容器。它位于

    
    

    标签内部,但却在

    
    

    标签之前。

    head

    里面的内容是不会直接显示在网页上的,它承载的是关于网页的各种“幕后”信息,比如:

    • </pre>
      <div class="contentsignin"></div>
      </div>
      <p>:网页的标题,显示在浏览器标签页上。</p>
      <li>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"></pre>
      <div class="contentsignin"></div>
      </div>
      <p>:字符集、视口设置、描述、关键词等,对SEO和设备适配至关重要。</p>
      <li>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"></pre>
      <div class="contentsignin"></div>
      </div>
      <p>:引入外部CSS文件。</p>
      <li>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"></pre>
      <div class="contentsignin"></div>
      </div>
      <p>:引入JavaScript文件(虽然现在也推荐在 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"></pre>
      <div class="contentsignin"></div>
      </div>
      <p> 底部引入以优化性能)。</p>
      <li>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"></pre>
      <div class="contentsignin"></div>
      </div>
      <p>:内联CSS样式。</p>
      <p>打个比方,如果你的网页是一辆汽车,</p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">header</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 标签就像是汽车的引擎盖、车头灯、车标,是车辆“外观”的一部分,告诉你这是什么牌子,长什么样。而 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">head</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 标签呢,更像是汽车的说明书和配置清单,里面写着这辆车的型号、发动机参数、排放标准、用了什么轮胎等等,这些信息对驾驶员(浏览器)和管理部门(搜索引擎)很重要,但你坐在车里是看不到这些说明书内容的。</p>
      <p>所以,记住它们的根本区别:</p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">header</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 是可见内容的语义区,</p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">head</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 是不可见元数据的容器。理解这一点,对于写出规范且高效的HTML代码至关重要。</p>
      <h3>在网页头部放置哪些内容有助于SEO?</h3>
      <p>谈到SEO,很多人会把注意力放在内容区和 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">head</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 标签里的 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"></pre>
      <div class="contentsignin"></div>
      </div>
      <p> 信息上,但其实 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">header</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 区域的内容组织对SEO同样有着不小的影响,虽然不是直接的排名因素,但它极大地影响了用户体验和爬虫的抓取效率。</p>
      <p>首先,<strong>主标题(</p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"><h1></pre>
      <div class="contentsignin"></div>
      </div>
      <p>)</strong>。这是 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">header</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 标签里最直接的SEO元素。如果你的网站名称或主要关键词能自然地出现在 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"><h1></pre>
      <div class="contentsignin"></div>
      </div>
      <p> 中,那绝对是加分项。搜索引擎会认为 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"><h1></pre>
      <div class="contentsignin"></div>
      </div>
      <p> 里的内容是页面最重要的标题。不过,要避免关键词堆砌。如果你的Logo图片已经包含了品牌名,那么 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"><h1></pre>
      <div class="contentsignin"></div>
      </div>
      <p> 标签可以包裹Logo,或者用CSS隐藏 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"><h1></pre>
      <div class="contentsignin"></div>
      </div>
      <p> 文本但保留其语义,确保屏幕阅读器也能读到。我个人更倾向于在 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"><h1></pre>
      <div class="contentsignin"></div>
      </div>
      <p> 中放网站的品牌名,即使有Logo,因为这能清晰地告诉搜索引擎这个页面是属于哪个网站的。</p>
      <p>接着,<strong>清晰的导航(</p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;"><nav></pre>
      <div class="contentsignin"></div>
      </div>
      <p>)</strong>。这是重中之重。一个结构良好、语义清晰的导航栏,能让搜索引擎爬虫更好地理解你网站的结构和各个页面之间的关系。这意味着:</p>
      <ul>
      <li><strong>使用描述性强的链接文本</strong>:比如“产品与服务”比“这里”要好得多。
      <li><strong>避免使用JavaScript进行导航</strong>:确保主要导航是纯HTML链接,这样爬虫才能顺利抓取。
      <li><strong>链接到重要的页面</strong>:把网站的核心页面放在主导航中,这会传递权重。
      <p>再来,虽然不直接是SEO因素,但<strong>搜索框</strong>的存在也间接有益。一个易于找到和使用的搜索框能提升用户体验。用户能更快找到他们想要的内容,这会降低跳出率,增加页面停留时间,这些都是搜索引擎评估网站质量的信号。</p>
      <p>还有,如果你的网站是多语言的,在 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">header</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 区域放置<strong>语言切换器</strong>(但要配合 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">head</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 里的 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">hreflang</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 标签使用),也能帮助搜索引擎理解你的多语言策略,避免重复内容问题。</p>
      <p>最后,记住一点:所有这些元素都应该服务于用户体验。搜索引擎越来越智能,它们能够识别那些为了SEO而牺牲用户体验的做法。一个对用户友好的 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">header</pre>
      <div class="contentsignin"></div>
      </div>
      <p>,自然也会得到搜索引擎的青睐。</p>
      <h3>移动端网页头部设计有哪些最佳实践?</h3>
      <p>移动优先的设计理念现在是主流,尤其是在头部区域,它直接关系到用户在小屏幕上的第一印象和操作便捷性。移动端的 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">header</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 设计,我觉得有几个点是必须考虑的:</p>
      <p>首先,<strong>简洁至上</strong>。在桌面端,你可能可以放很多东西,但在手机上,屏幕空间非常宝贵。所以,要精简 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">header</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 的内容,只保留最核心的元素:品牌Logo/名称、导航入口和可能的搜索入口。</p>
      <p>接着,<strong>汉堡菜单(Hamburger Menu)</strong>。这几乎成了移动端导航的标配。把复杂的导航菜单收起来,只显示一个三条杠的图标。点击后,菜单从侧边滑出或以全屏覆盖的方式展现。这既节省了空间,又保持了导航的完整性。当然,也要考虑菜单打开后的可读性和操作性。</p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class='brush:html;toolbar:false;'><header>            @@##@@        <button class="hamburger-menu" aria-label="打开导航菜单">        <span>        <span>        <span>    </button>    <nav class="mobile-nav">        <!-- 导航链接 -->    </nav></header></pre>
      <div class="contentsignin"></div>
      </div>
      <p>这里 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">aria-label</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 属性很重要,它提升了可访问性,让屏幕阅读器用户知道这个按钮的作用。</p>
      <p>第三,<strong>Logo和品牌名称的可见性</strong>。即使空间有限,也要确保Logo清晰可见,并能点击回到首页。这是建立品牌认知和提供基本导航的关键。通常,Logo会放在左侧,占据较小的空间。</p>
      <p>第四,<strong>搜索功能的处理</strong>。在移动端,搜索功能通常以一个放大镜图标的形式出现,点击后可以展开搜索框,或者跳转到专门的搜索页面。避免直接在 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">header</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 中显示一个完整的搜索输入框,那会占据太多宝贵的空间。</p>
      <p>第五,<strong>固定头部(Sticky Header)</strong>。很多移动网站会选择让 </p>
      <div class="code" style="position:relative;padding:0px;margin:0px">
      <pre class="brush:php;toolbar:false;">header</pre>
      <div class="contentsignin"></div>
      </div>
      <p> 固定在屏幕顶部,即使用户滚动页面,头部也始终可见。这对于快速访问导航或品牌标识非常有用。但在实现时要注意,不要让固定头部占据过多的屏幕高度,尤其是在小屏幕设备上,否则会遮挡太多内容。</p>
      <p><img alt="什么是header标签?网页头部怎么写?"><img decoding="async" src="images/logo.png" alt="我的网站Logo" style="max-width:90%"><img alt="什么是header标签?网页头部怎么写?"><img decoding="async" src="images/logo.png" alt="我的网站Logo"><img decoding="async" src="images/logo.png" alt="我的网站Logo"></p>
      <p>以上就是什么是header标签?网页头部怎么写?的详细内容,更多请关注创想鸟其它相关文章!</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/1570348.html</span></p></div>                        </div>
      
                              <div class="entry-tag"><a href="https://www.chuangxiangniao.com/p/tag/ai" rel="tag">ai</a><a href="https://www.chuangxiangniao.com/p/tag/css" rel="tag">css</a><a href="https://www.chuangxiangniao.com/p/tag/qubie" rel="tag">区别</a><a href="https://www.chuangxiangniao.com/p/tag/duoyuyanqiehuan" rel="tag">多语言切换</a><a href="https://www.chuangxiangniao.com/p/tag/liulanqi" rel="tag">浏览器</a></div>
                              <div class="entry-action">
                                  <div class="btn-zan" data-id="1570348"><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="1570348"><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="1570348" data-qrcode="https://www.chuangxiangniao.com/p/1570348.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/12/175429116774288-480x300.png" alt="thead、tbody和tfoot标签的区别?表格结构如何划分?" decoding="async" loading="lazy">                <a href="https://www.chuangxiangniao.com/p/1570343.html" title="thead、tbody和tfoot标签的区别?表格结构如何划分?" rel="prev">
                          <span>thead、tbody和tfoot标签的区别?表格结构如何划分?</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年12月22日 12:55:06</span>
                      </div>
                  </div>
                                  <div class="entry-page-next">
                      <img src="https://www.chuangxiangniao.com/wp-content/uploads/2025/12/175429026294240-480x300.jpg" alt="什么是HTML重置按钮?reset按钮还常用吗?" decoding="async" loading="lazy">                <a href="https://www.chuangxiangniao.com/p/1570350.html" title="什么是HTML重置按钮?reset按钮还常用吗?" rel="next">
                          <span>什么是HTML重置按钮?reset按钮还常用吗?</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年12月22日 12:55:11</span>
                      </div>
                  </div>
                  </div>
                                                                      <div class="entry-related-posts">
                                  <h3 class="entry-related-title">相关推荐</h3><ul class="entry-related cols-3 post-loop post-loop-default"><li class="item item2">
              <div class="item-img">
              <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/162203.html" title="电脑视频号怎么关闭评论?评论关闭后如何重新开启?" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176018718410408-480x300.jpg" class="attachment-default size-default wp-post-image" alt="电脑视频号怎么关闭评论?评论关闭后如何重新开启?" decoding="async" fetchpriority="high" />        </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/162203.html" target="_blank" rel="bookmark">
                                       电脑视频号怎么关闭评论?评论关闭后如何重新开启?            </a>
              </h3>
              <div class="item-excerpt">
                  <p>微信视频号已逐渐成为内容创作者不可或缺的传播阵地,而评论区的管理则是维护账号氛围的重要环节。不少用户更倾向于在电脑上进行操作,那么在电脑端如何关闭视频号的评论功能?关闭之后又该如何恢复呢? 一、如何在电脑上关闭视频号评论? 目前,电脑端管理视频号主要依赖于微信官方提供的“视频号助手”网页平台。借助大…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>1</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/162203.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/18507.html" title="mac怎么在日历中订阅日历_mac Calendar订阅教程" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176042538287911-480x300.png" class="attachment-default size-default wp-post-image" alt="mac怎么在日历中订阅日历_mac Calendar订阅教程" 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/18507.html" target="_blank" rel="bookmark">
                                       mac怎么在日历中订阅日历_mac Calendar订阅教程            </a>
              </h3>
              <div class="item-excerpt">
                  <p>可通过“日历”App订阅他人发布的日历,操作包括:使用URL手动订阅、点击邮件或网页链接快速订阅,以及管理已订阅的日历,如修改名称、颜色、提醒和同步频率,支持本地设置调整但无法编辑原始内容。 如果您想要在Mac上查看他人发布的日历,例如节假日日历或团队共享的日程安排,您可以通过“日历”应用进行订阅。…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/18507.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/162129.html" target="_blank" rel="bookmark">
                                       Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势            </a>
              </h3>
              <a class="item-images" href="https://www.chuangxiangniao.com/p/162129.html" title="Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势" target="_blank">
                  <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175049190447644.jpg" alt="Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175049190415896.jpg" alt="Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175049190433058.jpg" alt="Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175049190412986.jpg" alt="Java中JDBC的作用是什么 详解JDBC规范统一数据库操作的优势" decoding="async" loading="lazy">        </a>
              <div class="item-excerpt">
                  <p>jdbc通过提供标准api简化数据库操作。1. 加载数据库驱动,2. 建立数据库连接,3. 执行sql语句,4. 处理结果集。使用preparedstatement可有效防止sql注入攻击,同时对用户输入进行验证、过滤及采用最小权限原则进一步保障安全性。 JDBC(Java Database Con…</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年8月25日</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/162129.html#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span>            </div>
              </div>
          </div>
      </li>
      <li class="item item2 item-no-thumb">
              <div class="item-content">
                      <h3 class="item-title">
                  <a href="https://www.chuangxiangniao.com/p/162127.html" target="_blank" rel="bookmark">
                                       如何解决大型PHP项目数据传输混乱问题,使用Spryker/Transfer构建标准化数据对象            </a>
              </h3>
              <div class="item-excerpt">
                  <p>Composer在线学习地址:学习地址 大型PHP项目的数据传输之痛:混乱与低效 在php的世界里,尤其是在中大型项目中,我们经常需要将数据从一个地方传递到另一个地方:从控制器到服务层,从服务层到仓库层,再从仓库层返回数据。最常见的做法是什么?没错,就是使用关联数组(associative arra…</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>
                                                  <a class="item-meta-li category" href="https://www.chuangxiangniao.com/page" target="_blank">用户投稿</a>
                                  <span class="item-meta-li date">2026年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/162127.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/18504.html" target="_blank" rel="bookmark">
                                       夸克AI怎么进行人力资源管理_夸克AIHR文档处理与分析方法            </a>
              </h3>
              <a class="item-images" href="https://www.chuangxiangniao.com/p/18504.html" title="夸克AI怎么进行人力资源管理_夸克AIHR文档处理与分析方法" target="_blank">
                  <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175713355370118.png" alt="夸克AI怎么进行人力资源管理_夸克AIHR文档处理与分析方法" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175713355328428.png" alt="夸克AI怎么进行人力资源管理_夸克AIHR文档处理与分析方法" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175713355374989.png" alt="夸克AI怎么进行人力资源管理_夸克AIHR文档处理与分析方法" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175713355327682.png" alt="夸克AI怎么进行人力资源管理_夸克AIHR文档处理与分析方法" decoding="async" loading="lazy">        </a>
              <div class="item-excerpt">
                  <p>优化夸克AI在HR中的应用可提升文档处理效率。首先利用AI自动提取简历关键信息,批量导入后系统解析并生成结构化表格,导出至HR系统;其次构建智能分类体系,通过AI聚类功能按标签归档员工文件,提升检索效率;再通过自然语言理解实现合同到期预警与合规审查,自动识别期限并设置提醒;最后开展员工反馈情感分析,…</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年8月25日</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/18504.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/18500.html" title="悟空浏览器官方网页入口 悟空浏览器最新官网主页" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176041500227941-480x300.jpg" class="attachment-default size-default wp-post-image" alt="悟空浏览器官方网页入口 悟空浏览器最新官网主页" 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/18500.html" target="_blank" rel="bookmark">
                                       悟空浏览器官方网页入口 悟空浏览器最新官网主页            </a>
              </h3>
              <div class="item-excerpt">
                  <p>悟空浏览器官方网页入口是https://www.wukong.com,用户可通过该网址访问官网,使用智能搜索、跨设备同步及内容聚合等服务。 悟空浏览器官方网页入口在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来悟空浏览器最新官网主页,感兴趣的网友一起随小编来瞧瞧吧! https://www…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/18500.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/162073.html" title="进程守护(Daemon)与自动重启" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175120566257272-480x300.jpg" class="attachment-default size-default wp-post-image" alt="进程守护(Daemon)与自动重启" 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/162073.html" target="_blank" rel="bookmark">
                                       进程守护(Daemon)与自动重启            </a>
              </h3>
              <div class="item-excerpt">
                  <p>设计健壮的守护进程和实现自动重启机制的方法如下:1. 守护进程设计:使用python和相关库(如psutil和daemon)创建守护进程,监控cpu使用率并记录日志。2. 自动重启机制:使用supervisor配置文件,设置进程自动启动和重启,并记录错误和输出日志。通过资源管理、日志记录、错误处理和…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/162073.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/162049.html" title="苹果发布Safari技术预览版224:优化性能与修复多项问题" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175515436599295-480x300.jpg" class="attachment-default size-default wp-post-image" alt="苹果发布Safari技术预览版224:优化性能与修复多项问题" 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/162049.html" target="_blank" rel="bookmark">
                                       苹果发布Safari技术预览版224:优化性能与修复多项问题            </a>
              </h3>
              <div class="item-excerpt">
                  <p>近日,苹果推出了Safari技术预览版的最新迭代——Safari Technology Preview 224。此次更新重点在于修复已知问题并提升整体性能,涉及多个关键技术模块,如可访问性支持、动画效果、CSS渲染、表单处理、图像显示、文本排版、Web API实现、扩展功能兼容性以及开发者工具Web…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/162049.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/162039.html" target="_blank" rel="bookmark">
                                       Java中jstack的用法 详解线程转储            </a>
              </h3>
              <a class="item-images" href="https://www.chuangxiangniao.com/p/162039.html" title="Java中jstack的用法 详解线程转储" target="_blank">
                  <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175056085056561.gif" alt="Java中jstack的用法 详解线程转储" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175056085024488.jpg" alt="Java中jstack的用法 详解线程转储" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175056085071680.jpg" alt="Java中jstack的用法 详解线程转储" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175056085031744.jpg" alt="Java中jstack的用法 详解线程转储" decoding="async" loading="lazy">        </a>
              <div class="item-excerpt">
                  <p>jstack是用于诊断java应用线程问题的关键工具,它通过生成线程转储帮助分析死锁、cpu占用高及线程等待等问题。1. 使用jps获取java进程pid;2. 执行jstack pid生成线程转储文件;3. 分析转储中的线程状态与堆栈信息,查找死锁或性能瓶颈。线程状态如blocked、waitin…</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年8月25日</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/162039.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/18486.html" title="动态内省Java类中的Jackson @JsonNaming 策略" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176024082454445-480x300.jpg" class="attachment-default size-default wp-post-image" alt="动态内省Java类中的Jackson @JsonNaming 策略" 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/18486.html" target="_blank" rel="bookmark">
                                       动态内省Java类中的Jackson @JsonNaming 策略            </a>
              </h3>
              <div class="item-excerpt">
                  <p>本文探讨了在Java中进行泛型数据反序列化时,如何动态地获取类上通过@JsonNaming注解设置的PropertyNamingStrategy。通过利用Jackson的SerializationConfig、BeanDescription和JacksonAnnotationIntrospector…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/18486.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/162027.html" title="三星启动1nm工艺研发 2029年后量产" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/174424814167752-480x300.jpg" class="attachment-default size-default wp-post-image" alt="三星启动1nm工艺研发 2029年后量产" 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/162027.html" target="_blank" rel="bookmark">
                                       三星启动1nm工艺研发 2029年后量产            </a>
              </h3>
              <div class="item-excerpt">
                  <p>三星抢先布局1nm芯片工艺,力争超越台积电!据报道,三星电子已启动1nm(纳米)晶圆代工工艺研发,目标于2029年后实现量产。此举旨在弥补目前在2nm工艺等方面与台积电的差距,力图实现技术反超。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/162027.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/161983.html" title="如何用免费工具做商务PPT_免费商务PPT制作的实用方法" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176018814244674-480x300.jpg" class="attachment-default size-default wp-post-image" alt="如何用免费工具做商务PPT_免费商务PPT制作的实用方法" 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/161983.html" target="_blank" rel="bookmark">
                                       如何用免费工具做商务PPT_免费商务PPT制作的实用方法            </a>
              </h3>
              <div class="item-excerpt">
                  <p>使用免费工具制作专业商务PPT,首选WPS Office在线版,提供丰富模板并支持云同步;其次利用AiPPT的AI功能,输入主题即可自动生成完整大纲,提升效率;再通过iSlide插件优化设计,实现配色统一、图表智能转换与布局校正;最后可选Canva可画,以拖拽方式快速编辑高颜值幻灯片,支持多尺寸适配…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/161983.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/161962.html" target="_blank" rel="bookmark">
                                       c盘空间满了怎样清理 5个实用清理方法推荐            </a>
              </h3>
              <a class="item-images" href="https://www.chuangxiangniao.com/p/161962.html" title="c盘空间满了怎样清理 5个实用清理方法推荐" target="_blank">
                  <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175643610836635.jpg" alt="c盘空间满了怎样清理 5个实用清理方法推荐" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175643610880473.jpg" alt="c盘空间满了怎样清理 5个实用清理方法推荐" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175643610852628.png" alt="c盘空间满了怎样清理 5个实用清理方法推荐" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175643610882772.png" alt="c盘空间满了怎样清理 5个实用清理方法推荐" decoding="async" loading="lazy">        </a>
              <div class="item-excerpt">
                  <p>c盘作为系统盘,承载着操作系统和众多软件的安装数据,一旦空间不足,不仅会拖慢系统运行速度,还可能导致部分程序无法正常使用。那么,当c盘被占满时该如何清理?本文将提供五种实用方法,助你快速释放c盘空间,提升电脑性能。 一、利用Windows内置磁盘清理功能 Windows系统自带了磁盘清理工具,可以帮…</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年8月25日</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/161962.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/18481.html" title="苹果官方预告M5芯片:新MacBook Pro首发 本周亮相" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176050542934161-480x300.jpg" class="attachment-default size-default wp-post-image" alt="苹果官方预告M5芯片:新MacBook Pro首发 本周亮相" 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/18481.html" target="_blank" rel="bookmark">
                                       苹果官方预告M5芯片:新MacBook Pro首发 本周亮相            </a>
              </h3>
              <div class="item-excerpt">
                  <p>10月15日消息,苹果公司营销主管格雷格・乔斯维亚克(greg joswiak)发布了一则官方预告,透露即将推出重磅新品。 其发布的宣传动画中出现了一个明显的“V”字形图案(对应罗马数字5),同时配文连续使用了五个“M”,几乎直接揭示了新品的关键信息——苹果M5芯片。 据多方爆料,新款MacBook…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/18481.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/161937.html" target="_blank" rel="bookmark">
                                       Java中对象流怎么使用 掌握Java序列化对象的读写方法            </a>
              </h3>
              <a class="item-images" href="https://www.chuangxiangniao.com/p/161937.html" title="Java中对象流怎么使用 掌握Java序列化对象的读写方法" target="_blank">
                  <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175056966833884.jpg" alt="Java中对象流怎么使用 掌握Java序列化对象的读写方法" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175056966870494.jpg" alt="Java中对象流怎么使用 掌握Java序列化对象的读写方法" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175056966981854.jpg" alt="Java中对象流怎么使用 掌握Java序列化对象的读写方法" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175056966959138.jpg" alt="Java中对象流怎么使用 掌握Java序列化对象的读写方法" decoding="async" loading="lazy">        </a>
              <div class="item-excerpt">
                  <p>java对象流用于序列化和反序列化,即将对象转换为字节流以实现存储或传输。1. 要实现序列化,类需实现serializable接口并建议显式声明serialversionuid;2. 使用objectoutputstream将对象写入输出流完成序列化;3. 使用objectinputstream从输…</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年8月25日</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/161937.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/161896.html" title="DeepCoder-14B-Preview— Agentica 联合 Together AI 开源的代码生成模型" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/174425341662841-480x300.jpg" class="attachment-default size-default wp-post-image" alt="DeepCoder-14B-Preview— Agentica 联合 Together AI 开源的代码生成模型" 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/161896.html" target="_blank" rel="bookmark">
                                       DeepCoder-14B-Preview— Agentica 联合 Together AI 开源的代码生成模型            </a>
              </h3>
              <div class="item-excerpt">
                  <p>deepcoder-14b-preview:一款开源的140亿参数代码生成模型 Agentica和Together AI联合发布了DeepCoder-14B-Preview,这是一个基于Deepseek-R1-Distilled-Qwen-14B微调的大型代码生成模型。该模型采用分布式强化学习(RL…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/161896.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/161888.html" target="_blank" rel="bookmark">
                                       Java中Semaphore和Exchanger的应用场景解析            </a>
              </h3>
              <a class="item-images" href="https://www.chuangxiangniao.com/p/161888.html" title="Java中Semaphore和Exchanger的应用场景解析" target="_blank">
                  <img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175057182690981.jpg" alt="Java中Semaphore和Exchanger的应用场景解析" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175057182686245.jpg" alt="Java中Semaphore和Exchanger的应用场景解析" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175057182624858.jpg" alt="Java中Semaphore和Exchanger的应用场景解析" decoding="async" loading="lazy"><img class="item-images-el" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175057182682493.jpg" alt="Java中Semaphore和Exchanger的应用场景解析" decoding="async" loading="lazy">        </a>
              <div class="item-excerpt">
                  <p>semaphore和exchanger在java并发编程中各司其职。1. semaphore用于控制对共享资源的访问数量,适用于资源池限制、有界队列等场景;2. exchanger用于两个线程之间的数据交换,适用于生产者-消费者模型中直接交换数据的场景。semaphore通过acquire()和re…</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年8月25日</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/161888.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/161885.html" title="西瓜视频PC版广告太多怎么屏蔽_西瓜视频PC版减少广告骚扰设置方法" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176018838253115-480x300.jpg" class="attachment-default size-default wp-post-image" alt="西瓜视频PC版广告太多怎么屏蔽_西瓜视频PC版减少广告骚扰设置方法" 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/161885.html" target="_blank" rel="bookmark">
                                       西瓜视频PC版广告太多怎么屏蔽_西瓜视频PC版减少广告骚扰设置方法            </a>
              </h3>
              <div class="item-excerpt">
                  <p>使用官方方法减少广告最安全,登录账号参与活动可获去广体验,完成学生认证享会员折扣,网页端开启弹窗拦截与关闭个性化推荐,避免用第三方插件以防风险。 想在电脑上看西瓜视频少点广告,直接用官方方法最稳妥。第三方工具或破解版风险高,容易中病毒或者被封号,不值得。 使用官方功能减少广告 西瓜视频PC端本身没有…</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年8月25日</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>2</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/161885.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/161875.html" title="中间件(Middleware)在Yii3中的应用" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175120704274322-480x300.jpg" class="attachment-default size-default wp-post-image" alt="中间件(Middleware)在Yii3中的应用" 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/161875.html" target="_blank" rel="bookmark">
                                       中间件(Middleware)在Yii3中的应用            </a>
              </h3>
              <div class="item-excerpt">
                  <p>在yii3中使用中间件是为了增强应用程序的灵活性和可维护性。中间件在请求处理前后执行特定操作,简化代码结构,提升扩展和维护的便捷性。 让我们先来回答一个关键问题:为什么在Yii3中使用中间件(Middleware)? 在Yii3中,中间件的使用主要是为了增强应用程序的灵活性和可维护性。中间件作为请求…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/161875.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/18471.html" title="如何查看一键PHP环境PHPINFO信息_PHPINFO配置查看" target="_blank" rel="bookmark">
                  <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175992024282954-480x300.png" class="attachment-default size-default wp-post-image" alt="如何查看一键PHP环境PHPINFO信息_PHPINFO配置查看" 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/18471.html" target="_blank" rel="bookmark">
                                       如何查看一键PHP环境PHPINFO信息_PHPINFO配置查看            </a>
              </h3>
              <div class="item-excerpt">
                  <p>要查看PHP环境配置需调用phpinfo()函数,首先在网站根目录创建info.php文件并写入代码,保存后通过浏览器访问http://localhost/info.php即可查看版本、扩展、路径等详细信息;主流一键环境如PHPStudy、XAMPP、WAMP、Laragon均提供图形化入口,例如P…</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年8月25日</span>
                  <div class="item-meta-right">
                      <span class="item-meta-li views" title="阅读数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-eye"></use></svg></i>0</span><a class="item-meta-li comments" href="https://www.chuangxiangniao.com/p/18471.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/1570348.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/162205.html" title="如何通过订单编号在抖音上找到店铺?">如何通过订单编号在抖音上找到店铺?</a></li>
                                          <li><a href="https://www.chuangxiangniao.com/p/162203.html" title="电脑视频号怎么关闭评论?评论关闭后如何重新开启?">电脑视频号怎么关闭评论?评论关闭后如何重新开启?</a></li>
                                          <li><a href="https://www.chuangxiangniao.com/p/162202.html" title="东安动力2024年营收同比下降14.55%至46.18亿元,今年计划实现创收52亿元">东安动力2024年营收同比下降14.55%至46.18亿元,今年计划实现创收52亿元</a></li>
                                          <li><a href="https://www.chuangxiangniao.com/p/162182.html" title="红米Note13RPro怎么设置一键锁屏?">红米Note13RPro怎么设置一键锁屏?</a></li>
                                          <li><a href="https://www.chuangxiangniao.com/p/162181.html" title="豆包App视觉推理升级 支持图片思考">豆包App视觉推理升级 支持图片思考</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/162205.html" title="如何通过订单编号在抖音上找到店铺?">
                                          <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175911128397637-480x300.jpg" class="attachment-default size-default wp-post-image" alt="如何通过订单编号在抖音上找到店铺?" decoding="async" loading="lazy" />                                </a>
                                  </div>
                                                      <div class="item-content">
                                  <p class="item-title"><a href="https://www.chuangxiangniao.com/p/162205.html" title="如何通过订单编号在抖音上找到店铺?">如何通过订单编号在抖音上找到店铺?</a></p>
                                  <p class="item-date">2026年8月25日</p>
                              </div>
                          </li>
                                          <li class="item">
                                                          <div class="item-img">
                                      <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/162203.html" title="电脑视频号怎么关闭评论?评论关闭后如何重新开启?">
                                          <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176018718410408-480x300.jpg" class="attachment-default size-default wp-post-image" alt="电脑视频号怎么关闭评论?评论关闭后如何重新开启?" decoding="async" loading="lazy" />                                </a>
                                  </div>
                                                      <div class="item-content">
                                  <p class="item-title"><a href="https://www.chuangxiangniao.com/p/162203.html" title="电脑视频号怎么关闭评论?评论关闭后如何重新开启?">电脑视频号怎么关闭评论?评论关闭后如何重新开启?</a></p>
                                  <p class="item-date">2026年8月25日</p>
                              </div>
                          </li>
                                          <li class="item">
                                                          <div class="item-img">
                                      <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/162202.html" title="东安动力2024年营收同比下降14.55%至46.18亿元,今年计划实现创收52亿元">
                                          <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/174417301860070-480x300.jpg" class="attachment-default size-default wp-post-image" alt="东安动力2024年营收同比下降14.55%至46.18亿元,今年计划实现创收52亿元" decoding="async" loading="lazy" />                                </a>
                                  </div>
                                                      <div class="item-content">
                                  <p class="item-title"><a href="https://www.chuangxiangniao.com/p/162202.html" title="东安动力2024年营收同比下降14.55%至46.18亿元,今年计划实现创收52亿元">东安动力2024年营收同比下降14.55%至46.18亿元,今年计划实现创收52亿元</a></p>
                                  <p class="item-date">2026年8月25日</p>
                              </div>
                          </li>
                                          <li class="item">
                                                          <div class="item-img">
                                      <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/162182.html" title="红米Note13RPro怎么设置一键锁屏?">
                                          <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/171453823416582-480x300.jpg" class="attachment-default size-default wp-post-image" alt="红米Note13RPro怎么设置一键锁屏?" decoding="async" loading="lazy" />                                </a>
                                  </div>
                                                      <div class="item-content">
                                  <p class="item-title"><a href="https://www.chuangxiangniao.com/p/162182.html" title="红米Note13RPro怎么设置一键锁屏?">红米Note13RPro怎么设置一键锁屏?</a></p>
                                  <p class="item-date">2026年8月25日</p>
                              </div>
                          </li>
                                          <li class="item">
                                                          <div class="item-img">
                                      <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/162181.html" title="豆包App视觉推理升级 支持图片思考">
                                          <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175515324666038-480x300.jpg" class="attachment-default size-default wp-post-image" alt="豆包App视觉推理升级 支持图片思考" decoding="async" loading="lazy" />                                </a>
                                  </div>
                                                      <div class="item-content">
                                  <p class="item-title"><a href="https://www.chuangxiangniao.com/p/162181.html" title="豆包App视觉推理升级 支持图片思考">豆包App视觉推理升级 支持图片思考</a></p>
                                  <p class="item-date">2026年8月25日</p>
                              </div>
                          </li>
                                          <li class="item">
                                                          <div class="item-img">
                                      <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/18507.html" title="mac怎么在日历中订阅日历_mac Calendar订阅教程">
                                          <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/176042538287911-480x300.png" class="attachment-default size-default wp-post-image" alt="mac怎么在日历中订阅日历_mac Calendar订阅教程" decoding="async" loading="lazy" />                                </a>
                                  </div>
                                                      <div class="item-content">
                                  <p class="item-title"><a href="https://www.chuangxiangniao.com/p/18507.html" title="mac怎么在日历中订阅日历_mac Calendar订阅教程">mac怎么在日历中订阅日历_mac Calendar订阅教程</a></p>
                                  <p class="item-date">2026年8月25日</p>
                              </div>
                          </li>
                                          <li class="item">
                                                      <div class="item-content item-no-thumb">
                                  <p class="item-title"><a href="https://www.chuangxiangniao.com/p/162173.html" title="mysql中redo log的概念是什么">mysql中redo log的概念是什么</a></p>
                                  <p class="item-date">2026年8月25日</p>
                              </div>
                          </li>
                                          <li class="item">
                                                          <div class="item-img">
                                      <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/162161.html" title="win8笔记本合上盖子不休眠怎么设置 win8笔记本关闭盖子不进入睡眠电源选项设置">
                                          <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175807344223414-480x300.jpg" class="attachment-default size-default wp-post-image" alt="win8笔记本合上盖子不休眠怎么设置 win8笔记本关闭盖子不进入睡眠电源选项设置" decoding="async" loading="lazy" />                                </a>
                                  </div>
                                                      <div class="item-content">
                                  <p class="item-title"><a href="https://www.chuangxiangniao.com/p/162161.html" title="win8笔记本合上盖子不休眠怎么设置 win8笔记本关闭盖子不进入睡眠电源选项设置">win8笔记本合上盖子不休眠怎么设置 win8笔记本关闭盖子不进入睡眠电源选项设置</a></p>
                                  <p class="item-date">2026年8月25日</p>
                              </div>
                          </li>
                                          <li class="item">
                                                          <div class="item-img">
                                      <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/162165.html" title="数据库读写分离(Read/Write Splitting)实现">
                                          <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175120128231954-480x300.jpg" class="attachment-default size-default wp-post-image" alt="数据库读写分离(Read/Write Splitting)实现" decoding="async" loading="lazy" srcset="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175120128231954-480x300.jpg 480w, https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175120128231954.jpg 800w" sizes="auto, (max-width: 480px) 100vw, 480px" />                                </a>
                                  </div>
                                                      <div class="item-content">
                                  <p class="item-title"><a href="https://www.chuangxiangniao.com/p/162165.html" title="数据库读写分离(Read/Write Splitting)实现">数据库读写分离(Read/Write Splitting)实现</a></p>
                                  <p class="item-date">2026年8月25日</p>
                              </div>
                          </li>
                                          <li class="item">
                                                          <div class="item-img">
                                      <a class="item-img-inner" href="https://www.chuangxiangniao.com/p/162155.html" title="电脑提示找不到dll文件怎么办 详细解决方案">
                                          <img width="480" height="300" src="https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175643562471380-480x300.jpg" class="attachment-default size-default wp-post-image" alt="电脑提示找不到dll文件怎么办 详细解决方案" decoding="async" loading="lazy" />                                </a>
                                  </div>
                                                      <div class="item-content">
                                  <p class="item-title"><a href="https://www.chuangxiangniao.com/p/162155.html" title="电脑提示找不到dll文件怎么办 详细解决方案">电脑提示找不到dll文件怎么办 详细解决方案</a></p>
                                  <p class="item-date">2026年8月25日</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": 1570348,
          "terms": [{"id":49069,"tax":"category"},{"id":100,"tax":"post_tag"},{"id":190,"tax":"post_tag"},{"id":121,"tax":"post_tag"},{"id":852,"tax":"post_tag"},{"id":116,"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":"1570348","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":"1570348","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":"9af9928378","postId":"1570348"};
      //# 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":"1570348","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/1570348.html","url":"https://www.chuangxiangniao.com/p/1570348.html","headline":"什么是header标签?网页头部怎么写?","description":"header标签用于构建页面可见的语义化头部区域,而head标签是存放不可见元数据的容器;1. header中应包含品牌标识(如带h1的logo)、主导航(nav标签)、搜索框等用户可见内容;2. 为seo优化,需在h1中体现网站名称或关键词、使用语义化导航链接、提升用户体验以降低跳出率;3. 移动…","datePublished":"2025-12-22T12:55:08+08:00","dateModified":"2025-12-22T12:55:08+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/12/175429056590296.jpg","images/logo.png","images/logo.png"]}</script>
      <script>console.log('命中缓存\n缓存页加载耗时: 0.0032s\n缓存页生成时间: 2026-08-25 13:54:31')</script></body>
      </html><!--cached by imwpcache 2026-08-25 13:54:31-->