登录
推荐 文章 Go 技术 课程 下载 专题 AI
首页 >  文章 >  前端

noframes标签作用及使用方法详解

时间:2026-04-30 17:55:42 440浏览 收藏

`` 标签是HTML4时代为不支持框架的古董浏览器(如Netscape 2、IE2)提供的降级方案,但在HTML5中已被彻底移除,现代浏览器仅作兼容性解析、不渲染也不参与可访问性或SEO,实际已成无效摆设;真正需要关注的不是“框架失效”,而是JS加载失败、网络中断、CSS阻塞等当代前端健壮性问题——应转向语义化HTML、服务端渲染、响应式布局、`<iframe>`安全嵌入及渐进增强策略,用真实可用的技术替代早已过时的伪兼容。</iframe>

noframes标签有什么用_HTML框架不支持时的回退策略

</code> 标签在现代开发中已无实际用途——HTML5 完全移除了它,所有主流浏览器虽仍能解析,但不会触发任何特殊行为,也不参与验证或可访问性检查。</p> <h3>为什么 <code><noframes></code> 现在基本等于摆设</h3> <p>该标签设计初衷是给不支持 <code><frameset></code> 的旧浏览器(比如 Netscape 2、IE2)提供降级内容。但自 IE8 以后,框架技术已被弃用,<code><frameset></code> 和 <code><frame></code> 本身在 HTML5 中也被废除。这意味着:<code><noframes></code> 只有在配合 <code><frameset></code> 使用时才可能被渲染,而一旦页面声明为 HTML5(<code><!DOCTYPE html></code>),整个 <code><frameset></code> 结构就非法,浏览器会直接忽略全部框架相关标签,包括 <code><noframes></code>。</p> <ul><li>HTML5 文档中写 <code><noframes></code> 属于无效标记,W3C 验证器会报错</li> <li>即使强行用 HTML4.01 Frameset DTD 声明,现代 Chrome/Firefox/Safari 也仅做兼容性解析,不保证显示逻辑一致</li> <li>辅助技术(如屏幕阅读器)和搜索引擎爬虫早已不依赖此机制做内容 fallback</li> </ul><h3><code><noframes></code> 在 HTML4.01 中的正确写法与常见错误</h3> <p>如果真要回溯兼容老系统(极少数政务/内网遗留系统),必须严格满足三个条件:使用 Frameset DTD、<code><noframes></code> 必须嵌套在 <code><frameset></code> 内、其内容需包裹在 <code><body></code> 中(XHTML 下还要求闭合)。否则浏览器可能跳过渲染或报解析异常。</p> <ul><li>错误写法:<code><noframes>Your browser is too old(缺 包裹)

  • 正确写法:<body><p>Frames not supported.</p></body>
  • 注意:</code> 不能出现在 <code><body></code> 内;放在 <code><html></code> 根下或 <code><head></code> 中均无效</li> </ul><h3>真正该用什么替代 <code><noframes></code></h3> <p>现代等效方案不是“模拟框架 fallback”,而是彻底放弃框架结构,改用语义化布局 + 渐进增强。核心思路是:默认渲染完整页面,再用 JS 拆分逻辑(如单页应用路由),同时确保无 JS 时仍可访问关键内容。</p> <ul><li>用 <code><noscript></code> 替代功能型降级(例如加载失败时提示“请启用 JavaScript”)</li> <li>服务端渲染(SSR)或静态生成(SSG)保证首屏 HTML 含有意义内容,而非空 <code><div id="app"></div></code></li> <li>对需要多区域独立更新的场景,用 <code><iframe></code>(注意 sandbox、srcdoc、referrerpolicy 等安全属性)而非废弃的 <code><frame></code></li> <li>响应式设计 + CSS Grid/Flexbox 实现分区布局,无需依赖框架集的硬分割</li> </ul><p>最常被忽略的一点:很多人以为加了 <code><noframes></code> 就算做了兼容,其实它解决的是“框架不可用”这个已消失的问题;今天真正要防的是“JS 加载失败”“CSS 阻塞”“网络中断”,这些得靠 <code><noscript></code>、preload、critical CSS、service worker 缓存来应对。</p><p>到这里,我们也就讲完了《noframes标签作用及使用方法详解》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于的知识点!</p> </div> <div class="labsList"> </div> </div> <!-- 最新阅读 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">相关阅读</div> <a href="/articlelist.html" class="more">更多&gt;</a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;1年前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="javascript:;" class="aLightGray" title="提升">提升</a> <a href="javascript:;" class="aLightGray" title="箭头函数">箭头函数</a> <a href="javascript:;" class="aLightGray" title="函数表达式">函数表达式</a> <a href="javascript:;" class="aLightGray" title="函数声明">函数声明</a> <a href="javascript:;" class="aLightGray" title="Function构造函数">Function构造函数</a> </div> <div class="tit lineOverflow"><a href="/article/207000.html" title="JavaScript函数定义及示例详解" class="aBlack">JavaScript函数定义及示例详解</a></div> <div class="opt"> <span><i class="view"></i>502</span> <span class="collectBtn user_collection" data-id="207000" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;1个月前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="javascript:;" class="aLightGray" title="智能体">智能体</a> </div> <div class="tit lineOverflow"><a href="/article/621422.html" title="智能体安全引领产业升级——国内AI安全产品市场深度分析" class="aBlack">智能体安全引领产业升级——国内AI安全产品市场深度分析</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="621422" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;4个月前&nbsp;&nbsp;|&nbsp;&nbsp; </div> <div class="tit lineOverflow"><a href="/article/619053.html" title="CSS变量简化按钮悬停效果技巧" class="aBlack">CSS变量简化按钮悬停效果技巧</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="619053" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;4个月前&nbsp;&nbsp;|&nbsp;&nbsp; </div> <div class="tit lineOverflow"><a href="/article/618916.html" title="JavaScript符号类型详解与应用" class="aBlack">JavaScript符号类型详解与应用</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="618916" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;4个月前&nbsp;&nbsp;|&nbsp;&nbsp; </div> <div class="tit lineOverflow"><a href="/article/612539.html" title="HTML剪贴板复制粘贴怎么用" class="aBlack">HTML剪贴板复制粘贴怎么用</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="612539" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div> <!-- 最新阅读 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">最新阅读</div> <a href="/articlelist.html" class="more">更多&gt;</a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;2小时前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="/articletag/240_new_0_1.html" class="aLightGray" title="html">html</a>&nbsp;· <a href="/articletag/5401_new_0_1.html" class="aLightGray" title="前端开发">前端开发</a>&nbsp;· <a href="javascript:;" class="aLightGray" title="Popover API">Popover API</a> <a href="javascript:;" class="aLightGray" title="popover auto">popover auto</a> <a href="javascript:;" class="aLightGray" title="点击外部关闭">点击外部关闭</a> <a href="javascript:;" class="aLightGray" title="Light Dismiss">Light Dismiss</a> </div> <div class="tit lineOverflow"><a href="/article/629676.html" title="Popover API 怎么实现点击外部自动关闭" class="aBlack">Popover API 怎么实现点击外部自动关闭</a></div> <div class="opt"> <span><i class="view"></i>225</span> <span class="collectBtn user_collection" data-id="629676" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;7小时前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="/articletag/243_new_0_1.html" class="aLightGray" title="前端">前端</a>&nbsp;· <a href="/articletag/4729_new_0_1.html" class="aLightGray" title="css">css</a>&nbsp;· <a href="javascript:;" class="aLightGray" title="CSS">CSS</a> <a href="javascript:;" class="aLightGray" title="容器查询">容器查询</a> <a href="javascript:;" class="aLightGray" title="cqi">cqi</a> <a href="javascript:;" class="aLightGray" title="cqb">cqb</a> <a href="javascript:;" class="aLightGray" title="inline-size">inline-size</a> <a href="javascript:;" class="aLightGray" title="block-size">block-size</a> </div> <div class="tit lineOverflow"><a href="/article/629627.html" title="CSS cqi 和 cqb 单位分别跟随哪个容器轴" class="aBlack">CSS cqi 和 cqb 单位分别跟随哪个容器轴</a></div> <div class="opt"> <span><i class="view"></i>470</span> <span class="collectBtn user_collection" data-id="629627" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;10小时前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="/articletag/4729_new_0_1.html" class="aLightGray" title="css">css</a>&nbsp;· <a href="javascript:;" class="aLightGray" title="position-try-fallbacks">position-try-fallbacks</a> <a href="javascript:;" class="aLightGray" title="CSS锚点定位">CSS锚点定位</a> <a href="javascript:;" class="aLightGray" title="浮层回退">浮层回退</a> </div> <div class="tit lineOverflow"><a href="/article/629585.html" title="CSS position-try-fallbacks 怎么自定义浮层回退顺序" class="aBlack">CSS position-try-fallbacks 怎么自定义浮层回退顺序</a></div> <div class="opt"> <span><i class="view"></i>427</span> <span class="collectBtn user_collection" data-id="629585" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;16小时前&nbsp;&nbsp;|&nbsp;&nbsp; </div> <div class="tit lineOverflow"><a href="/article/629534.html" title="CSS :has() 怎么控制选择范围避免匹配成本过高" class="aBlack">CSS :has() 怎么控制选择范围避免匹配成本过高</a></div> <div class="opt"> <span><i class="view"></i>210</span> <span class="collectBtn user_collection" data-id="629534" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;19小时前&nbsp;&nbsp;|&nbsp;&nbsp; </div> <div class="tit lineOverflow"><a href="/article/629497.html" title="Web Locks API 怎么避免多个标签页重复执行任务" class="aBlack">Web Locks API 怎么避免多个标签页重复执行任务</a></div> <div class="opt"> <span><i class="view"></i>348</span> <span class="collectBtn user_collection" data-id="629497" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;21小时前&nbsp;&nbsp;|&nbsp;&nbsp; </div> <div class="tit lineOverflow"><a href="/article/629459.html" title="Fetch 流式上传为什么需要 duplex 选项" class="aBlack">Fetch 流式上传为什么需要 duplex 选项</a></div> <div class="opt"> <span><i class="view"></i>270</span> <span class="collectBtn user_collection" data-id="629459" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;23小时前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="/articletag/243_new_0_1.html" class="aLightGray" title="前端">前端</a>&nbsp;· <a href="/articletag/4701_new_0_1.html" class="aLightGray" title="javascript">javascript</a>&nbsp;· <a href="/articletag/5173_new_0_1.html" class="aLightGray" title="异步编程">异步编程</a>&nbsp;· <a href="javascript:;" class="aLightGray" title="JavaScript">JavaScript</a> <a href="javascript:;" class="aLightGray" title="Promise.all">Promise.all</a> <a href="javascript:;" class="aLightGray" title="Array.fromAsync">Array.fromAsync</a> <a href="javascript:;" class="aLightGray" title="异步可迭代对象">异步可迭代对象</a> <a href="javascript:;" class="aLightGray" title="AsyncIterable">AsyncIterable</a> <a href="javascript:;" class="aLightGray" title="for await of">for await of</a> </div> <div class="tit lineOverflow"><a href="/article/629435.html" title="JavaScript Array.fromAsync 怎么收集异步可迭代对象" class="aBlack">JavaScript Array.fromAsync 怎么收集异步可迭代对象</a></div> <div class="opt"> <span><i class="view"></i>236</span> <span class="collectBtn user_collection" data-id="629435" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;1天前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="/articletag/240_new_0_1.html" class="aLightGray" title="html">html</a>&nbsp;· <a href="/articletag/243_new_0_1.html" class="aLightGray" title="前端">前端</a>&nbsp;· <a href="/articletag/4701_new_0_1.html" class="aLightGray" title="javascript">javascript</a>&nbsp;· <a href="javascript:;" class="aLightGray" title="slot">slot</a> <a href="javascript:;" class="aLightGray" title="Web Components">Web Components</a> <a href="javascript:;" class="aLightGray" title="服务端渲染">服务端渲染</a> <a href="javascript:;" class="aLightGray" title="Declarative Shadow DOM">Declarative Shadow DOM</a> <a href="javascript:;" class="aLightGray" title="shadowrootmode">shadowrootmode</a> <a href="javascript:;" class="aLightGray" title="Shadow Root">Shadow Root</a> </div> <div class="tit lineOverflow"><a href="/article/629406.html" title="Declarative Shadow DOM 怎么服务端输出组件结构" class="aBlack">Declarative Shadow DOM 怎么服务端输出组件结构</a></div> <div class="opt"> <span><i class="view"></i>227</span> <span class="collectBtn user_collection" data-id="629406" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;1天前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="/articletag/243_new_0_1.html" class="aLightGray" title="前端">前端</a>&nbsp;· <a href="/articletag/1267_new_0_1.html" class="aLightGray" title="性能监控">性能监控</a>&nbsp;· <a href="/articletag/4701_new_0_1.html" class="aLightGray" title="javascript">javascript</a>&nbsp;· <a href="javascript:;" class="aLightGray" title="前端性能">前端性能</a> <a href="javascript:;" class="aLightGray" title="PerformanceObserver">PerformanceObserver</a> <a href="javascript:;" class="aLightGray" title="INP">INP</a> <a href="javascript:;" class="aLightGray" title="Long Animation Frames API">Long Animation Frames API</a> <a href="javascript:;" class="aLightGray" title="LoAF">LoAF</a> <a href="javascript:;" class="aLightGray" title="卡顿脚本">卡顿脚本</a> </div> <div class="tit lineOverflow"><a href="/article/629366.html" title="Long Animation Frames API 怎么定位卡顿脚本" class="aBlack">Long Animation Frames API 怎么定位卡顿脚本</a></div> <div class="opt"> <span><i class="view"></i>463</span> <span class="collectBtn user_collection" data-id="629366" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;1天前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="/articletag/240_new_0_1.html" class="aLightGray" title="html">html</a>&nbsp;· <a href="/articletag/4701_new_0_1.html" class="aLightGray" title="javascript">javascript</a>&nbsp;· <a href="/articletag/4729_new_0_1.html" class="aLightGray" title="css">css</a>&nbsp;· <a href="javascript:;" class="aLightGray" title="html">html</a> <a href="javascript:;" class="aLightGray" title="Popover API">Popover API</a> <a href="javascript:;" class="aLightGray" title="popovertarget">popovertarget</a> <a href="javascript:;" class="aLightGray" title="前端弹层">前端弹层</a> </div> <div class="tit lineOverflow"><a href="/article/629328.html" title="HTML Popover API 怎么实现轻量弹层" class="aBlack">HTML Popover API 怎么实现轻量弹层</a></div> <div class="opt"> <span><i class="view"></i>444</span> <span class="collectBtn user_collection" data-id="629328" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;1天前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="/articletag/1017_new_0_1.html" class="aLightGray" title="websocket">websocket</a>&nbsp;· <a href="/articletag/4701_new_0_1.html" class="aLightGray" title="javascript">javascript</a>&nbsp;· <a href="/articletag/5173_new_0_1.html" class="aLightGray" title="异步编程">异步编程</a>&nbsp;· <a href="javascript:;" class="aLightGray" title="JavaScript">JavaScript</a> <a href="javascript:;" class="aLightGray" title="websocket">websocket</a> <a href="javascript:;" class="aLightGray" title="AbortSignal">AbortSignal</a> <a href="javascript:;" class="aLightGray" title="异步迭代器">异步迭代器</a> <a href="javascript:;" class="aLightGray" title="Promise.withResolvers">Promise.withResolvers</a> <a href="javascript:;" class="aLightGray" title="EventTarget">EventTarget</a> </div> <div class="tit lineOverflow"><a href="/article/629293.html" title="JavaScript Promise.withResolvers 适合哪些事件桥接场景" class="aBlack">JavaScript Promise.withResolvers 适合哪些事件桥接场景</a></div> <div class="opt"> <span><i class="view"></i>431</span> <span class="collectBtn user_collection" data-id="629293" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a>&nbsp;· <a href="/articlelist/88_new_0_1.html" class="aLightGray" title="前端">前端</a> &nbsp;&nbsp;|&nbsp;&nbsp;1天前&nbsp;&nbsp;|&nbsp;&nbsp; <a href="/articletag/4701_new_0_1.html" class="aLightGray" title="javascript">javascript</a>&nbsp;· <a href="javascript:;" class="aLightGray" title="JavaScript">JavaScript</a> <a href="javascript:;" class="aLightGray" title="Fetch">Fetch</a> <a href="javascript:;" class="aLightGray" title="AbortController">AbortController</a> <a href="javascript:;" class="aLightGray" title="取消请求">取消请求</a> <a href="javascript:;" class="aLightGray" title="AbortSignal.any">AbortSignal.any</a> <a href="javascript:;" class="aLightGray" title="AbortSignal.timeout">AbortSignal.timeout</a> </div> <div class="tit lineOverflow"><a href="/article/629256.html" title="JavaScript AbortSignal.any 怎么组合多个取消来源" class="aBlack">JavaScript AbortSignal.any 怎么组合多个取消来源</a></div> <div class="opt"> <span><i class="view"></i>174</span> <span class="collectBtn user_collection" data-id="629256" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div> <!-- 课程推荐 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">课程推荐</div> <a href="/courselist.html" class="more">更多&gt;</a> </div> <ul class="classRecomList"> <li> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="img_box"> <img src="/uploads/20221222/52fd0f23a454c71029c2c72d206ed815.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="前端进阶之JavaScript设计模式"> </a> <dl> <dt class="lineOverflow"> 前端进阶之JavaScript设计模式 </dt> <dd class="cont1 lineOverflow">设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。</dd> <dd class="cont2"> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="toStudy">立即学习</a> <span>543次学习</span> </dd> </dl> </li> <li> <a href="/course/2.html" title="GO语言核心编程课程" class="img_box"> <img src="/uploads/20221221/634ad7404159bfefc6a54a564d437b5f.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="GO语言核心编程课程"> </a> <dl> <dt class="lineOverflow"> GO语言核心编程课程 </dt> <dd class="cont1 lineOverflow">本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。</dd> <dd class="cont2"> <a href="/course/2.html" title="GO语言核心编程课程" class="toStudy">立即学习</a> <span>516次学习</span> </dd> </dl> </li> <li> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="img_box"> <img src="/uploads/20240103/bad35fe14edbd214bee16f88343ac57c.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="简单聊聊mysql8与网络通信"> </a> <dl> <dt class="lineOverflow"> 简单聊聊mysql8与网络通信 </dt> <dd class="cont1 lineOverflow">如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让</dd> <dd class="cont2"> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="toStudy">立即学习</a> <span>500次学习</span> </dd> </dl> </li> <li> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="img_box"> <img src="/uploads/20221226/bbe4083bb3cb0dd135fb02c31c3785fb.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="JavaScript正则表达式基础与实战"> </a> <dl> <dt class="lineOverflow"> JavaScript正则表达式基础与实战 </dt> <dd class="cont1 lineOverflow">在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。</dd> <dd class="cont2"> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="toStudy">立即学习</a> <span>487次学习</span> </dd> </dl> </li> <li> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="img_box"> <img src="/uploads/20221223/ac110f88206daeab6c0cf38ebf5fe9ed.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="从零制作响应式网站—Grid布局"> </a> <dl> <dt class="lineOverflow"> 从零制作响应式网站—Grid布局 </dt> <dd class="cont1 lineOverflow">本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。</dd> <dd class="cont2"> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="toStudy">立即学习</a> <span>485次学习</span> </dd> </dl> </li> </ul> </div> </div> <!-- footer --> <div class="footer"> <ul> <li ><a href="/" class="aLightGray"><em class="navIcon navIconHome"></em><span>首页</span></a></li> <li class="curr"><a href="/articlelist.html" class="aLightGray"><em class="navIcon navIconRead"></em><span>阅读</span></a></li> <li ><a href="/courselist.html" class="aLightGray"><em class="navIcon navIconCourse"></em><span>课程</span></a></li> <li ><a href="/ai.html" class="aLightGray"><em class="navIcon navIconAi"></em><span>AI助手</span></a></li> <li ><a href="/user.html" class="aLightGray"><em class="navIcon navIconUser"></em><span>我的</span></a></li> </ul> </div> <script src="/assets/js/frontend/common.js" defer></script> <script src="/assets/js/juejin-theme.js?v=20260613b" defer></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?e34c3e8ab31ba35d7e1c48ea8d77315f"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>