首页 > 文章 > java教程

SeleniumsendKeys输入多行文本技巧

时间：2026-02-05 21:09:24 109浏览收藏

学习知识要善于思考，思考，再思考！今天golang学习网小编就给大家带来《如何在 Selenium 中使用 sendKeys() 向文本框输入多行内容》，以下内容主要包含等知识点，如果你正在学习或准备学习文章，就都不要错过本文啦~让我们一起来看看吧，能帮助到你就更好了！

如何在 Selenium 中使用 sendKeys() 向文本框输入多行内容

本文详解如何在 Selenium WebDriver（Java）中通过 sendKeys() 方法向单行文本框或可编辑区域插入换行内容，核心是组合使用 Keys.SHIFT + Keys.ENTER 实现软换行，适用于需逐行输入 CSV 格式数据等场景。

在 Web 自动化测试中，常需向或支持多行输入的 <input type="text">（如某些富文本编辑器或启用 white-space: pre-wrap 的输入框）批量注入带换行符的数据。但需注意：标准 HTML <input type="text"> 默认<strong>不支持换行</strong>，若目标元素实际为 <textarea> 或具备多行渲染能力的富文本容器（如 contenteditable="true" 元素），则可通过 Keys.SHIFT + Keys.ENTER 模拟“软换行”（即插入 \n 对应的视觉换行，而非表单提交行为）。</p><p>✅ 正确做法（推荐）：</p><pre class="brush:php;toolbar:false">WebElement textbox = driver.findElement(By.id("myTextBox")); textbox.clear(); textbox.sendKeys( "13456,Teena" + Keys.SHIFT + Keys.ENTER + "12378,Tesa" + Keys.SHIFT + Keys.ENTER + "130987,Jhon" );</pre><p>⚠️ 关键说明：</p><ul><li>Keys.ENTER 单独使用会触发表单提交或焦点跳转，<strong>不适用于多行输入</strong>；</li><li>Keys.SHIFT + Keys.ENTER 是多数现代浏览器（Chrome、Edge、Firefox）中公认的“插入换行符”快捷键，等效于手动按 ⇧+↵；</li><li>若目标元素为 <textarea>，也可直接使用 "\n" 字符（更简洁）：<pre class="brush:php;toolbar:false">textbox.sendKeys("13456,Teena\n12378,Tesa\n130987,Jhon");</pre><p>但该方式在部分富文本编辑器中可能被过滤或忽略，因此 Keys.SHIFT + Keys.ENTER 兼容性更广。</p></li></ul><p>? 扩展提示：</p><ul><li>Keys 枚举还支持 TAB、ARROW_DOWN、SPACE、ESCAPE 等常用功能键，可用于模拟复杂用户交互；</li><li>使用前务必确认目标元素已加载、可交互且未被遮挡（建议配合 WebDriverWait 显式等待）；</li><li>若输入后未显示换行，请检查 CSS 属性（如 white-space: nowrap）或 JavaScript 拦截逻辑——此时需结合 executeScript() 注入原生值并触发 input 事件。</li></ul><p>掌握此技巧，即可高效完成批量结构化数据（如 CSV 行、日志片段、配置列表）的自动化录入任务。</p><p>理论要掌握，实操不能落！以上关于《SeleniumsendKeys输入多行文本技巧》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！</p> </div> <div class="labsList"> </div> </div>  <div class="contBoxNor"> <div class="contTit"> <div class="tit">相关阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 2个月前 | </div> <div class="tit lineOverflow"><a href="/article/618227.html" title="矩阵主副对角线快速定位技巧" class="aBlack">矩阵主副对角线快速定位技巧</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="618227" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 3个月前 | <a href="javascript:;" class="aLightGray" title="代码优化">代码优化</a> <a href="javascript:;" class="aLightGray" title="多态">多态</a> </div> <div class="tit lineOverflow"><a href="/article/613055.html" title="Java多态优化流程代码与行为分发改进" class="aBlack">Java多态优化流程代码与行为分发改进</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="613055" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 3个月前 | </div> <div class="tit lineOverflow"><a href="/article/606661.html" title="JVM 类元数据双亲委派链表深度解析" class="aBlack">JVM 类元数据双亲委派链表深度解析</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="606661" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 3个月前 | </div> <div class="tit lineOverflow"><a href="/article/602575.html" title="反射异常处理：InvocationTargetException解析与应用" class="aBlack">反射异常处理：InvocationTargetException解析与应用</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="602575" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 3个月前 | </div> <div class="tit lineOverflow"><a href="/article/587415.html" title="怎么通过 HTML 的 accesskey 属性为网页中的按钮或链接设置键盘快捷键" class="aBlack">怎么通过 HTML 的 accesskey 属性为网页中的按钮或链接设置键盘快捷键</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="587415" 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">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 52分钟前 | <a href="/articletag/729_new_0_1.html" class="aLightGray" title="性能优化">性能优化</a> · <a href="/articletag/1621_new_0_1.html" class="aLightGray" title="集合">集合</a> · <a href="/articletag/2066_new_0_1.html" class="aLightGray" title="Stream">Stream</a> · <a href="/articletag/39716_new_0_1.html" class="aLightGray" title="Java教程">Java教程</a> · <a href="/articletag/39840_new_0_1.html" class="aLightGray" title="Collectors">Collectors</a> · <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="内存">内存</a> <a href="javascript:;" class="aLightGray" title="性能">性能</a> <a href="javascript:;" class="aLightGray" title="Stream">Stream</a> <a href="javascript:;" class="aLightGray" title="Collectors.groupingBy">Collectors.groupingBy</a> <a href="javascript:;" class="aLightGray" title="分组统计">分组统计</a> </div> <div class="tit lineOverflow"><a href="/article/621983.html" title="Java Stream 分组统计如何避免重复遍历：Collectors.groupingBy 的性能与内存取舍" class="aBlack">Java Stream 分组统计如何避免重复遍历：Collectors.groupingBy 的性能与内存取舍</a></div> <div class="opt"> <span><i class="view"></i>260</span> <span class="collectBtn user_collection" data-id="621983" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 2小时前 | <a href="/articletag/419_new_0_1.html" class="aLightGray" title="Java">Java</a> · <a href="/articletag/729_new_0_1.html" class="aLightGray" title="性能优化">性能优化</a> · <a href="/articletag/40952_new_0_1.html" class="aLightGray" title="并发计算">并发计算</a> · <a href="javascript:;" class="aLightGray" title="SIMD">SIMD</a> <a href="javascript:;" class="aLightGray" title="Java 25">Java 25</a> <a href="javascript:;" class="aLightGray" title="Vector API">Vector API</a> <a href="javascript:;" class="aLightGray" title="FloatVector">FloatVector</a> </div> <div class="tit lineOverflow"><a href="/article/621963.html" title="Java 25 Vector API 怎么做批量数值计算：FloatVector、lane 宽度与标量回退" class="aBlack">Java 25 Vector API 怎么做批量数值计算：FloatVector、lane 宽度与标量回退</a></div> <div class="opt"> <span><i class="view"></i>211</span> <span class="collectBtn user_collection" data-id="621963" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 3小时前 | <a href="/articletag/766_new_0_1.html" class="aLightGray" title="正则表达式">正则表达式</a> · <a href="/articletag/39716_new_0_1.html" class="aLightGray" title="Java教程">Java教程</a> · <a href="/articletag/39721_new_0_1.html" class="aLightGray" title="性能排查">性能排查</a> · <a href="/articletag/40944_new_0_1.html" class="aLightGray" title="字符串校验">字符串校验</a> · <a href="javascript:;" class="aLightGray" title="pattern">pattern</a> <a href="javascript:;" class="aLightGray" title="Matcher">Matcher</a> <a href="javascript:;" class="aLightGray" title="接口性能">接口性能</a> <a href="javascript:;" class="aLightGray" title="批量校验">批量校验</a> <a href="javascript:;" class="aLightGray" title="Java正则">Java正则</a> </div> <div class="tit lineOverflow"><a href="/article/621950.html" title="Java 正则批量校验为什么会拖慢接口：Pattern 复用、Matcher 生命周期与基准核对" class="aBlack">Java 正则批量校验为什么会拖慢接口：Pattern 复用、Matcher 生命周期与基准核对</a></div> <div class="opt"> <span><i class="view"></i>102</span> <span class="collectBtn user_collection" data-id="621950" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 4小时前 | <a href="/articletag/18208_new_0_1.html" class="aLightGray" title="locale">locale</a> · <a href="/articletag/19933_new_0_1.html" class="aLightGray" title="国际化">国际化</a> · <a href="/articletag/39716_new_0_1.html" class="aLightGray" title="Java教程">Java教程</a> · <a href="/articletag/40467_new_0_1.html" class="aLightGray" title="输入校验">输入校验</a> · <a href="/articletag/40604_new_0_1.html" class="aLightGray" title="Java 25">Java 25</a> · <a href="javascript:;" class="aLightGray" title="国际化">国际化</a> <a href="javascript:;" class="aLightGray" title="locale">locale</a> <a href="javascript:;" class="aLightGray" title="Java Locale.Builder">Java Locale.Builder</a> <a href="javascript:;" class="aLightGray" title="BCP 47">BCP 47</a> <a href="javascript:;" class="aLightGray" title="语言标签">语言标签</a> </div> <div class="tit lineOverflow"><a href="/article/621940.html" title="Java Locale.Builder 怎么校验用户语言标签：B型格式、回退策略与展示结果" class="aBlack">Java Locale.Builder 怎么校验用户语言标签：B型格式、回退策略与展示结果</a></div> <div class="opt"> <span><i class="view"></i>120</span> <span class="collectBtn user_collection" data-id="621940" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 6小时前 | <a href="/articletag/492_new_0_1.html" class="aLightGray" title="线程池">线程池</a> · <a href="/articletag/1138_new_0_1.html" class="aLightGray" title="并发编程">并发编程</a> · <a href="/articletag/39716_new_0_1.html" class="aLightGray" title="Java教程">Java教程</a> · <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="超时">超时</a> <a href="javascript:;" class="aLightGray" title="并发限流">并发限流</a> <a href="javascript:;" class="aLightGray" title="Semaphore">Semaphore</a> <a href="javascript:;" class="aLightGray" title="公平锁">公平锁</a> </div> <div class="tit lineOverflow"><a href="/article/621911.html" title="Java Semaphore 公平参数怎么选：许可不足、线程饥饿与超时回收" class="aBlack">Java Semaphore 公平参数怎么选：许可不足、线程饥饿与超时回收</a></div> <div class="opt"> <span><i class="view"></i>492</span> <span class="collectBtn user_collection" data-id="621911" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 7小时前 | <a href="/articletag/39716_new_0_1.html" class="aLightGray" title="Java教程">Java教程</a> · <a href="/articletag/40919_new_0_1.html" class="aLightGray" title="桌面界面">桌面界面</a> · <a href="/articletag/40920_new_0_1.html" class="aLightGray" title="表格交互">表格交互</a> · <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="swing">swing</a> <a href="javascript:;" class="aLightGray" title="复选框">复选框</a> <a href="javascript:;" class="aLightGray" title="JTable">JTable</a> <a href="javascript:;" class="aLightGray" title="TableRowSorter">TableRowSorter</a> </div> <div class="tit lineOverflow"><a href="/article/621898.html" title="Java Swing JTable 复选框怎么随排序保持选中：模型索引、视图索引与刷新验收" class="aBlack">Java Swing JTable 复选框怎么随排序保持选中：模型索引、视图索引与刷新验收</a></div> <div class="opt"> <span><i class="view"></i>226</span> <span class="collectBtn user_collection" data-id="621898" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 7小时前 | </div> <div class="tit lineOverflow"><a href="/article/621889.html" title="Java 22 未命名变量与模式怎么落地：忽略值、作用域和编译器验收" class="aBlack">Java 22 未命名变量与模式怎么落地：忽略值、作用域和编译器验收</a></div> <div class="opt"> <span><i class="view"></i>237</span> <span class="collectBtn user_collection" data-id="621889" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 8小时前 | <a href="/articletag/492_new_0_1.html" class="aLightGray" title="线程池">线程池</a> · <a href="/articletag/1138_new_0_1.html" class="aLightGray" title="并发编程">并发编程</a> · <a href="/articletag/6837_new_0_1.html" class="aLightGray" title="故障排查">故障排查</a> · <a href="/articletag/39716_new_0_1.html" class="aLightGray" title="Java教程">Java教程</a> · <a href="/articletag/40408_new_0_1.html" class="aLightGray" title="任务取消">任务取消</a> · <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="线程池关闭">线程池关闭</a> <a href="javascript:;" class="aLightGray" title="shutdownnow">shutdownnow</a> <a href="javascript:;" class="aLightGray" title="线程池执行器">线程池执行器</a> <a href="javascript:;" class="aLightGray" title="Thread.interrupt">Thread.interrupt</a> </div> <div class="tit lineOverflow"><a href="/article/621879.html" title="Java 线程池 shutdownNow 为什么还会有任务继续执行：中断传播与队列清理验收" class="aBlack">Java 线程池 shutdownNow 为什么还会有任务继续执行：中断传播与队列清理验收</a></div> <div class="opt"> <span><i class="view"></i>252</span> <span class="collectBtn user_collection" data-id="621879" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 9小时前 | <a href="/articletag/419_new_0_1.html" class="aLightGray" title="Java">Java</a> · <a href="/articletag/1621_new_0_1.html" class="aLightGray" title="集合">集合</a> · <a href="/articletag/4730_new_0_1.html" class="aLightGray" title="字符串处理">字符串处理</a> · <a href="/articletag/5255_new_0_1.html" class="aLightGray" title="jdk">jdk</a> · <a href="/articletag/40640_new_0_1.html" class="aLightGray" title="代码实践">代码实践</a> · <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="分隔符">分隔符</a> <a href="javascript:;" class="aLightGray" title="字符串拼接">字符串拼接</a> <a href="javascript:;" class="aLightGray" title="StringJoiner">StringJoiner</a> <a href="javascript:;" class="aLightGray" title="Collectors.joining">Collectors.joining</a> </div> <div class="tit lineOverflow"><a href="/article/621869.html" title="Java StringJoiner 怎么拼带前后缀的列表：空集合、嵌套分隔和流式收集" class="aBlack">Java StringJoiner 怎么拼带前后缀的列表：空集合、嵌套分隔和流式收集</a></div> <div class="opt"> <span><i class="view"></i>290</span> <span class="collectBtn user_collection" data-id="621869" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 9小时前 | <a href="/articletag/307_new_0_1.html" class="aLightGray" title="JSON">JSON</a> · <a href="/articletag/419_new_0_1.html" class="aLightGray" title="Java">Java</a> · <a href="/articletag/6837_new_0_1.html" class="aLightGray" title="故障排查">故障排查</a> · <a href="/articletag/39745_new_0_1.html" class="aLightGray" title="后端开发">后端开发</a> · <a href="/articletag/40901_new_0_1.html" class="aLightGray" title="Jackson">Jackson</a> · <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="时区">时区</a> <a href="javascript:;" class="aLightGray" title="jackson">jackson</a> <a href="javascript:;" class="aLightGray" title="ObjectMapper">ObjectMapper</a> <a href="javascript:;" class="aLightGray" title="日期反序列化">日期反序列化</a> </div> <div class="tit lineOverflow"><a href="/article/621856.html" title="Java Jackson 反序列化日期失败怎么定位：时区、格式化器与字段级配置" class="aBlack">Java Jackson 反序列化日期失败怎么定位：时区、格式化器与字段级配置</a></div> <div class="opt"> <span><i class="view"></i>256</span> <span class="collectBtn user_collection" data-id="621856" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 9小时前 | <a href="/articletag/109_new_0_1.html" class="aLightGray" title="依赖管理">依赖管理</a> · <a href="/articletag/419_new_0_1.html" class="aLightGray" title="Java">Java</a> · <a href="/articletag/4776_new_0_1.html" class="aLightGray" title="JVM">JVM</a> · <a href="/articletag/6837_new_0_1.html" class="aLightGray" title="故障排查">故障排查</a> · <a href="/articletag/40900_new_0_1.html" class="aLightGray" title="类加载">类加载</a> · <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="类加载器">类加载器</a> <a href="javascript:;" class="aLightGray" title="ClassNotFoundException">ClassNotFoundException</a> <a href="javascript:;" class="aLightGray" title="NoClassDefFoundError">NoClassDefFoundError</a> <a href="javascript:;" class="aLightGray" title="依赖排查">依赖排查</a> </div> <div class="tit lineOverflow"><a href="/article/621855.html" title="Java 类加载器为什么出现 NoClassDefFoundError：编译期可见与运行期缺包" class="aBlack">Java 类加载器为什么出现 NoClassDefFoundError：编译期可见与运行期缺包</a></div> <div class="opt"> <span><i class="view"></i>269</span> <span class="collectBtn user_collection" data-id="621855" 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> · <a href="/articlelist/85_new_0_1.html" class="aLightGray" title="java教程">java教程</a> | 10小时前 | <a href="/articletag/17_new_0_1.html" class="aLightGray" title="网络编程">网络编程</a> · <a href="/articletag/19_new_0_1.html" class="aLightGray" title="并发">并发</a> · <a href="/articletag/419_new_0_1.html" class="aLightGray" title="Java">Java</a> · <a href="/articletag/28663_new_0_1.html" class="aLightGray" title="httpclient">httpclient</a> · <a href="/articletag/40255_new_0_1.html" class="aLightGray" title="会话管理">会话管理</a> · <a href="javascript:;" class="aLightGray" title="并发请求">并发请求</a> <a href="javascript:;" class="aLightGray" title="HTTPCookie">HTTPCookie</a> <a href="javascript:;" class="aLightGray" title="Java HttpClient">Java HttpClient</a> <a href="javascript:;" class="aLightGray" title="CookieHandler">CookieHandler</a> <a href="javascript:;" class="aLightGray" title="会话隔离">会话隔离</a> </div> <div class="tit lineOverflow"><a href="/article/621846.html" title="Java HttpClient CookieHandler 怎么隔离会话：共享 Cookie、并发请求与清理边界" class="aBlack">Java HttpClient CookieHandler 怎么隔离会话：共享 Cookie、并发请求与清理边界</a></div> <div class="opt"> <span><i class="view"></i>241</span> <span class="collectBtn user_collection" data-id="621846" 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">更多></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>  <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>