在 JavaScript 中从填充数组 </h1> <div class="d-flex justify-content-between"> <div> <span class="date text-grey ml-2"> 2024-05-12 </span> </div> <div> </div> </div> </div> </div> <hr /> <div class="message text-break"> <div> <div> <p>我将如何从文本中填充数组<code><textarea></code> input?</p> <p>我的最终目标是获取名称列表，然后将其插入数组中以执行一些操作。名称将用线分隔，如下所示：</p> <pre><code>bob tim sally </code></pre> <p>然后添加到数组中。老实说，除了添加之外我不知道从哪里开始<code><textarea></code>并创建一个空白数组。我正在阅读其他帖子，但它们是用 jQuery 或其他我还不知道的语言编写的。我的理解是我必须以某种方式分割内容？</p> </div> </div> <br><div> <div> <p>这非常简单：</p> <pre><code>var textarea = document.querySelector('textarea#names'); var textareaValue = textarea.value; // 'bob\ntim\nsally'; var arr = textareValue.split('\n'); </code></pre> <p><span>split() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split</span>获取字符串并将其切成每个给定字符（或字符串）的数组。</p> <p><code>\n</code>是新行字符。</p> <p>编辑：回答下面评论中提出的问题：</p> <pre><code>var names = []; var textarea = document.querySelector('textarea#names'); function saveNames() { names = textarea.value.split('\n'); } textarea.addEventListener('blur', saveNames, false); // or this: // textarea.addEventListener('keyup', saveNames, false); </code></pre> <p>You use <span>events https://developer.mozilla.org/en-US/docs/Web/Events</span>。您可以使用<span>blur https://developer.mozilla.org/en-US/docs/Web/Events/blur</span>事件或什至<span>keyup https://developer.mozilla.org/en-US/docs/Web/Events/keyup</span>事件。基本上，您监听（事件）发生的事情（例如文本区域松散焦点或用户按下键盘按钮），然后执行某些操作（读取文本区域值并将名称保存到数组）。</p> <p>这当然是纯js的，但是如果你想使用jquery，那么你需要去jquery参考看看<span>如何通过 jquery 使用事件 https://api.jquery.com/category/events/</span>.</p> </div> </div> <span style="display:none;" allenmark_388="45123786"></span> </div> <div class="mt-3 text-grey"> 本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@) <span id='ref_question'> </span> </div> <hr> <div class="row"> <div class="col-lg-12 text-muted mt-2"> <i class="icon-tags mr-2"></i> <span class="badge border border-secondary mr-2"> <h2 class="h6 mb-0 small"> <a class="text-secondary" href="/topic/979"> javascript </a> </h2> </span> <span class="badge border border-secondary mr-2"> <h2 class="h6 mb-0 small"> <a class="text-secondary" href="/topic/969"> html </a> </h2> </span> </div> </div> </div> </div> <div class="d-none threadlist"> <input type="checkbox" name="modtid" value="965375" checked /> </div>  </div> <div class="card border-0 shadow-sm mb-3 col-lg-3"> <div class="card-header bg-white"> <h3 class="h6 font-weight-400 my-0"> 在 JavaScript 中从 <textarea> 填充数组的相关文章 </h3> </div> <ul class="list-group list-group-flush"> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1011576" class="d-block text-truncate"> 如何在 Jest 测试中模拟 StatusBarManager.getHeight？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我正在使用 expo 34 并且反应本机用户界面库 https www npmjs com package react native ui lib来自 wix 并且在为我的组件设置笑话测试时遇到问题问题看起来出现在link https g </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1011587" class="d-block text-truncate"> 为什么 JSON.stringify() 接受 Date 对象？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 至少在 Firefox 中您可以对 Date 对象进行字符串化 gt gt gt JSON stringify now new Date now 2012 04 23T18 44 05 600Z 这是有效的因为在 Firefox 中 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1011670" class="d-block text-truncate"> jQuery UI 对话框使用 setTimeout 自动关闭 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我试图让对话框在打开后三秒自动关闭我尝试过以下方法 setTimeout mydialog dialog close 3000 这是在上下文中 acknowledged dialog dialog height 140 modal tru </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1011686" class="d-block text-truncate"> Javascript 根据字段值任意排序数组 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 所以我有一个对象数组如下所示 var myArray priority low priority critical priority high 我需要以这种方式排序 1 关键 2 高和3 低如何才能做到这一点我建议使用一个对象来存储排 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1011771" class="d-block text-truncate"> Angular UI.Bootstrap 单选按钮在 ng-repeat 中表现得很奇怪[重复] </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 这个问题在这里已经有答案了我在 Angular 的 ui bootstrap 中动态生成无线电模型的选项时遇到问题我想我可以简单地对数组进行 ng repeat 使用 btn radio 属性的内容如下所示 in the contro </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1011788" class="d-block text-truncate"> 表单提交不起作用 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我有一张桌子可以打印出所有可用的相机它使用表单来更改这些设置问题在于该表单仅更新条目中的最后一个摄像机换句话说如果我更改表单并为列表中的最后一个摄像机点击应用它将起作用如果我更改此列表中任何其他摄像机的表单它会将其更改为与 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1011847" class="d-block text-truncate"> Django 模板变量从 {% for %} 循环到 Javascript </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 这是一个迭代记录的 Django 模板每条记录都包含一个由 JS 函数填充的 div 为了让 JS 知道要做什么它需要从每次 for 循环迭代中获取一个变量并使用它我不知道具体如何实现这一目标或是否可能我不知道也许记录在单独的 J </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1011994" class="d-block text-truncate"> html输入数字，min + step，使step忽略min？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 是否有可能使step忽略min属性 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012052" class="d-block text-truncate"> 如何在 Astro 中的组件之间共享状态？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我相信我在代码中采用了错误的方法如何在按钮单击中设置客户端首选项该按钮单击用作全局 astro 组件中的道具或者我应该怎么做我知道这是可能的因为 astro js 本身在他们的文档网站中这样做了下面是我的尝试的解释我目前正在开 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012062" class="d-block text-truncate"> Javascript/DOM：如何删除 DOM 对象的所有事件侦听器？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 只是问题有没有办法完全删除对象的所有事件例如一个div 编辑我添加每div addEventListener click eventReturner false 一个事件 function eventReturner return f </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012075" class="d-block text-truncate"> router.navigate 使用查询参数 Angular 5 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我在使用查询参数路由到路由时遇到问题我有一个像这样的函数 goToLink link this router navigate link split 0 queryParams this sortParams link 和这个功能 sort </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012135" class="d-block text-truncate"> jVectorMap - 向下钻取地图 - 自定义背景 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我正在使用 jVectorMap 中的向下钻取地图并且尝试将自定义背景颜色设置为地图的第二层为了自定义主级别我使用 main 参数但我不知道如何将其扩展到地图的较低级别提前致谢马切伊 None </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012199" class="d-block text-truncate"> Firestore != 查询错误：“”!=”类型的参数无法分配给“WhereFilterOp”类型的参数。ts(2345) </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我的打字稿编译器有问题此查询出现错误 const xxx admin firestore collection xxx where end timestampDate where end lt timestampDate get 错误类 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012205" class="d-block text-truncate"> 使用重复模式捕获正则表达式 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我试图捕获字符串的所有部分但我似乎无法正确处理该字符串具有以下结构 1 22 33 中间有运算符的数字可以有任意数量的术语我想要的是 1 22 33 1 22 33 但我得到 1 22 33 22 33 我尝试过各种正则表达式这是 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012220" class="d-block text-truncate"> 更改 CSS 样式表的选择器属性 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 以下是我们传统上如何更改重复元素的样式将样式应用到每个元素 function changeStyle selector prop val var elems document querySelectorAll selector Array </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012235" class="d-block text-truncate"> ☺ 不在移动版本中呈现 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我如何获得特殊角色笑脸在移动浏览器中正确呈现 li a href http goo gl GjxlI title target blank span style font size 20px span a li 它在大多数浏览器上显示为 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012269" class="d-block text-truncate"> 为什么对于整数键，“Map”操作比 JavaScript (v8) 中的“Object”慢得多？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我很高兴使用Map对于在我的 JavaScript 代码库中随处访问的索引但我刚刚偶然发现了这个基准 https stackoverflow com a 54385459 365104 https stackoverflow com a </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012279" class="d-block text-truncate"> 谷歌地图绘制两点之间的路线 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我编写了这段无辜的 JavaScript 代码它允许用户创建两个标记并绘制它们之间的路线它不起作用相反它给出了一个奇怪的错误 Uncaught TypeError Cannot read property ya of undefin </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012305" class="d-block text-truncate"> 如何制作饼图聚合数据源？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> Using 适用于 ASP NET MVC 的 Kendo UI 完整版 http www kendoui com 版本 2013 3 1119 2013年11月20日如果我有这段代码 status chart kendoChart da </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/1012327" class="d-block text-truncate"> 通过jquery ajax()和serialize()提交html表单 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我想通过 jquery ajax 提交此表单这是我所做的但它不起作用即表单正在提交并刷新页面但我没有看到响应即在同一页面上打印数组 HTML </div> </li> </ul> </div> <div class="col-lg-12"> <div class="card-header bg-white"> <h3 class="h6 font-weight-bold my-0"> 随机推荐 </h3> </div> <ul class="list-group list-group-flush"> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965356" class="d-block text-truncate" title='关于文件 file = new File(路径)' aria-label='关于文件 file = new File(路径)'> 关于文件 file = new File(路径) </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> The Java iO 文件 http docs oracle com javase 6 docs api java io File html File 28java lang String 29文档说了以下关于其构造函数的内容该构造函数 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965357" class="d-block text-truncate" title='xml 拉解析器资产 xml' aria-label='xml 拉解析器资产 xml'> xml 拉解析器资产 xml </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 如何使用拉解析器解析资产文件夹中的本地 XML 文件我无法让拉解析器工作它总是抛出 io 异常我想我无法获取文件的路径或连接到该文件 mixm 我正在尝试各种方法来从资产和资源加载本地文件但要按要求回答您的问题因为其他人似 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965358" class="d-block text-truncate" title='在 java 8 中找不到 AnnotationProcessorFactory 类' aria-label='在 java 8 中找不到 AnnotationProcessorFactory 类'> 在 java 8 中找不到 AnnotationProcessorFactory 类 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我有一个项目是建立在java 1 6 and 现在我将java版本升级到1 8 and构建项目这里我使用 gradle 来构建项目这是等级代码 task wsgen dependsOn compileJava doLast ant ta </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965359" class="d-block text-truncate" title='asp.net core 1 appsettings.product.json 不更新连接字符串' aria-label='asp.net core 1 appsettings.product.json 不更新连接字符串'> asp.net core 1 appsettings.product.json 不更新连接字符串 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我在生产环境中有一个应用程序使用在 IIS 上运行的 net core RC1 我重新编写了该应用程序因为该公司希望将其放在 net core1 上因为那是正式版本在我的 net core RC1 应用程序中我有 config j </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965360" class="d-block text-truncate" title='Nodejs：在哪里或如何编写复杂的业务逻辑？' aria-label='Nodejs：在哪里或如何编写复杂的业务逻辑？'> Nodejs：在哪里或如何编写复杂的业务逻辑？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 最近我接触到了node js 和一些很酷的包比如express 和jade 我一直有几个问题不断地敲我的门如果我选择 Node js 来构建我的下一个网站我将使用 JavaScript 来编写服务器端复杂的逻辑但我不认为你可以将 J </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965361" class="d-block text-truncate" title='具有灵活数组成员的结构的大小' aria-label='具有灵活数组成员的结构的大小'> 具有灵活数组成员的结构的大小 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> Given struct Foo uint32 t a uint32 t b What is sizeof Foo 它是实现定义的行为还是未定义的行为 C 和 C 的答案是否不同编译器将忽略灵活数组成员因为它不存在 C11 6 7 2 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965362" class="d-block text-truncate" title='找不到模块“@angular/platform-browser/animations”' aria-label='找不到模块“@angular/platform-browser/animations”'> 找不到模块“@angular/platform-browser/animations” </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我收到错误 ts 找不到模块 angular platform b rowser animations 我已经安装了以下内容 npm install save Angular Material Angular cdk npm install </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965363" class="d-block text-truncate" title='从 Java 运行 MATLAB 函数' aria-label='从 Java 运行 MATLAB 函数'> 从 Java 运行 MATLAB 函数 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我在 MATLAB 中有一个 m 文件我想从 Java 调用该文件并以字符串或 Java 中的任何形式获取解决方案这听起来很简单但由于某种原因我无法让它发挥作用我试过这个 matlab nosplash wait nodeskto </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965364" class="d-block text-truncate" title='java设置图像的分辨率和打印尺寸' aria-label='java设置图像的分辨率和打印尺寸'> java设置图像的分辨率和打印尺寸 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我编写了一个程序生成一个 BufferedImage 以显示在屏幕上然后打印图像的一部分包括 1 像素宽的网格线即一行为1个像素行与行之间大约有10个像素由于屏幕分辨率的原因图像显示得比这大得多每行有几个像素我想将其绘制 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965365" class="d-block text-truncate" title='检索除指定一列之外的所有 DataFrame [重复]' aria-label='检索除指定一列之外的所有 DataFrame [重复]'> 检索除指定一列之外的所有 DataFrame [重复] </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 这个问题在这里已经有答案了有没有办法选择 pandas DataFrame 对象中除一列之外的所有列我已经看到了删除列的方法但我不想这样做 use drop method df drop column name axis 1 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965366" class="d-block text-truncate" title='同一页面中多个表单上的 Google 隐形 ReCaptcha - PHP' aria-label='同一页面中多个表单上的 Google 隐形 ReCaptcha - PHP'> 同一页面中多个表单上的 Google 隐形 ReCaptcha - PHP </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我正在我的 php 网站上关注这个 Invisible ReCaptcha 文档 http www pinnacleinternet com installing invisible recaptcha http www pinnaclei </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965367" class="d-block text-truncate" title='如何等待 WebSocket 就绪状态更改' aria-label='如何等待 WebSocket 就绪状态更改'> 如何等待 WebSocket 就绪状态更改 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我正在尝试实现一个可以回退到轮询的 WebSocket 如果WebSocket连接成功 readyState变为1 但如果失败 readyState是 3 我应该开始轮询我尝试过这样的事情 var socket new WebSocket </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965368" class="d-block text-truncate" title='如何从 VS2013 为基于 ADO.Net 的存储库编写单元测试代码' aria-label='如何从 VS2013 为基于 ADO.Net 的存储库编写单元测试代码'> 如何从 VS2013 为基于 ADO.Net 的存储库编写单元测试代码 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我在单元测试领域很新那么请指导我如何在控制器内为基于 ADO Net 的存储库和操作方法编写单元测试我将使用 VS 自己的单元测试框架所以请看代码并告诉我哪些类和函数需要经过单元测试如果有人告诉我哪些区域需要单元测试以及哪些区域不需 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965369" class="d-block text-truncate" title='作为服务主体运行 azure 逻辑应用/连接器' aria-label='作为服务主体运行 azure 逻辑应用/连接器'> 作为服务主体运行 azure 逻辑应用/连接器 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 是否可以将逻辑应用或连接器作为服务主体运行特别是在消费计划下我猜想强制应用程序在通过 powershell 的非消费计划 https github com logicappsio ConsumptionToAppServicePlan可 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965370" class="d-block text-truncate" title='检查多个变量java中的替换空值' aria-label='检查多个变量java中的替换空值'> 检查多个变量java中的替换空值 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我试图找到一种简单的方法来在 Java 中的多个变量中执行多个 null 检查替换我有一个包含大约 20 个字符串变量的对象在构造函数中我想检查是否有任何变量值为空如果它们为空我想用空字符串替换它们我可以执行一系列 if 语句 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965371" class="d-block text-truncate" title='如何在 Visual Studio Code 中编译和运行 Java 代码' aria-label='如何在 Visual Studio Code 中编译和运行 Java 代码'> 如何在 Visual Studio Code 中编译和运行 Java 代码 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我下载了 Visual Studio Code 并安装了 Java扩展包 https marketplace visualstudio com items itemName vscjava vscode java pack 由微软之后我下 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965372" class="d-block text-truncate" title='如何在 C# WinRT/winmd 中调整图像大小？' aria-label='如何在 C# WinRT/winmd 中调整图像大小？'> 如何在 C# WinRT/winmd 中调整图像大小？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我有一个简单的问题但到目前为止我还没有找到答案如何在 C WinRT WinMD 项目中调整 jpeg 图像的大小并将其另存为新的 jpeg 我正在开发 Windows 8 Metro 应用程序用于从某些网站下载每日图像并将其显示在动 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965373" class="d-block text-truncate" title='对象什么时候有资格进行垃圾收集？' aria-label='对象什么时候有资格进行垃圾收集？'> 对象什么时候有资格进行垃圾收集？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 在下面的代码中考虑到amethod已被调用最初引用的对象在什么点线上myObject 有资格进行垃圾收集吗 class Test private Object classObject public void amethod Objec </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965374" class="d-block text-truncate" title='如何在 Swift 中证明 String 类型的“写时复制”' aria-label='如何在 Swift 中证明 String 类型的“写时复制”'> 如何在 Swift 中证明 String 类型的“写时复制” </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 正如标题所说我试图证明自己 Swift 中的 String 支持 COW copy on write 但我找不到证据在尝试以下代码后我在数组和字典上证明了 COW func address of object UnsafeRawPoi </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/965375" class="d-block text-truncate" title='在 JavaScript 中从 <textarea> 填充数组' aria-label='在 JavaScript 中从 <textarea> 填充数组'> 在 JavaScript 中从 <textarea> 填充数组 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我将如何从文本中填充数组 </div> </li> </ul> </div> <div class="card border-0 rounded shadow-sm mb-3"> <div class="card-header border-0 rounded-top bg-white"> <h3 class="h6 font-weight-400 my-0"> 热门标签 </h3> </div> <ul class="list-unstyled right-font d-flex flex-wrap bg-white px-3 py-2 m-0"> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34021" class="d-block text-truncate right-font"> Snapdragon </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34020" class="d-block text-truncate right-font"> Distill </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34019" class="d-block text-truncate right-font"> Mosaicking </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34018" class="d-block text-truncate right-font"> gather </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34017" class="d-block text-truncate right-font"> GANs </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34016" class="d-block text-truncate right-font"> Improved </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34015" class="d-block text-truncate right-font"> iDLG </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34014" class="d-block text-truncate right-font"> CBAM </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34013" class="d-block text-truncate right-font"> 代码解析 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34012" class="d-block text-truncate right-font"> deepsort </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34011" class="d-block text-truncate right-font"> DARTS </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34010" class="d-block text-truncate right-font"> ENAS </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34008" class="d-block text-truncate right-font"> 使用动量 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34007" class="d-block text-truncate right-font"> Nesterov </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34006" class="d-block text-truncate right-font"> 详细安装与配置过程 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34005" class="d-block text-truncate right-font"> 数据备份与恢复工具 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34004" class="d-block text-truncate right-font"> Forest </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34002" class="d-block text-truncate right-font"> solver </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34001" class="d-block text-truncate right-font"> 调参经验总结 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/34000" class="d-block text-truncate right-font"> 栏内乱码的解决方案 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/33998" class="d-block text-truncate right-font"> 设计模式学习笔记 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/33997" class="d-block text-truncate right-font"> HeadFirest </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/33995" class="d-block text-truncate right-font"> 捷联惯导系统学习 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/33994" class="d-block text-truncate right-font"> 获取激光雷达数据 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/33993" class="d-block text-truncate right-font"> 旋转图像 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/33992" class="d-block text-truncate right-font"> UMat </a> </h4> </li> </ul> </div> </div> </div> </div> <footer class="text-muted small bg-dark py-4 mt-3" id="footer"> <div class="container"> <div class="row"> <div class="col"> Powered by Hwhale  </div> </div> </div> </footer>  <script src="/lang/zh-cn/lang.js?13"></script> <script src="/view/js/jquery.min.js?13"></script> <script src="/view/js/popper.min.js?13"></script> <script src="/view/js/bootstrap.min.js?13"></script> <script src="/view/js/copyxn.js?13"></script> <script src="/view/js/bootstrap-plugin.js?13"></script> <script src="/view/js/async.min.js?13"></script> <script src="/view/js/form.js?13"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?346221f3ab3bcc7f46ef28d352ee78b9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> var host = window.location.host; if (host =="www.hwhale.com"){ (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> <script> var debug = DEBUG = 0; var url_rewrite_on = 3; var url_path = '/'; var fid = 7; var uid = 0; var gid = 0; xn.options.water_image_url = '/view/img/water-small.png'; /水印图片 / watermark image/ </script> <script src="/view/js/hwhale.js?13"></script>   <a class="scroll-to-top rounded" href="javascript:void(0);"> <i class="icon-angle-up"></i> </a>  <a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"> <i class="icon-angle-down"></i> </a> </body> </html> <link href="/view/css/vs2015.css" rel="stylesheet"> <script src="/view/js/highlight.pack.js"></script> <script src="/view/js/highlightjs-badge.min.js"></script> <script> // $("code").wrapInner(document.createElement("pre")); if( $("[allenmark_388]").attr('allenmark_388')>0){ $("#ref_question").html(' 网友还发现一个类似的问题请参阅：https://stackoverflow.com/questions/'+$("[allenmark_388]").attr('allenmark_388')+'/'); } var originalElements = document.querySelectorAll('span[fhref]'); originalElements.forEach(function(originalElement) { var originalInnerText = originalElement.innerText; var originalHref = originalElement.getAttribute('fhref'); var newElement = document.createElement('span'); var newText = document.createTextNode(originalInnerText + ' ' + originalHref); newElement.appendChild(newText); originalElement.parentNode.replaceChild(newElement, originalElement); }); setTimeout(function () { var pres = document.querySelectorAll("pre>code"); for (var i = 0; i < pres.length; i++) { hljs.highlightBlock(pres[i]); } var options = { contentSelector: ".message", // Delay in ms used for `setTimeout` before badging is applied // Use if you need to time highlighting and badge application // since the badges need to be applied afterwards. // 0 - direct execution (ie. you handle timing loadDelay:0, // CSS class(es) used to render the copy icon. copyIconClass: "icon-copy", // CSS class(es) used to render the done icon. checkIconClass: "icon-heart", // hook to allow modifying the text before it's pasted onBeforeTextCopied: function(text, codeElement) { return text; // you can fix up the text here } }; window.highlightJsBadge(options); },10); </script> <style> p pre{ display: inline!important; } li pre{ display: inline!important; } "@media print { .code-badge { display: none; } } .code-badge-pre { position: relative; } .code-badge { display: flex; flex-direction: row; white-space: normal; background: transparent; background: #333; color: white; font-size: 0.8em; opacity: 0.5; border-radius: 0 0 0 7px; padding: 5px 8px 5px 8px; position: absolute; right: 0; top: 0; } .code-badge.active { opacity: 0.8; } .code-badge:hover { opacity: .95; } .code-badge a, .code-badge a:hover { text-decoration: none; } .code-badge-language { margin-right: 10px; font-weight: 600; color: goldenrod; display: none; } .code-badge-copy-icon { font-size: 1.2em; cursor: pointer; padding: 0 7px; margin-top:2; } .fa.text-success:{ color: limegreen !important} </style> <script> var forum_url = '/list/7'; var safe_token = 'P7LaKQgeRJWXaZ4iU_2FLBsVho4N3tkyEDF1geVlnGWYjToX30wzHUQVhO6rVgANz3zMwY2z_2FmbxvySR9l2bUSPw_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); /缩放图片，适应屏幕大小/ function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); /* 815 : 746; 734 746/ jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } /var percent = xn.min(100, xn.ceil((img_width / jmessage_width) * 100));/ if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { /window.open(jimg.attr('src'));/ }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) jimg.width(); jimg.height(height); } } }); }); } /对于超宽的表格，加上响应式/ function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); /输入框自动伸缩/ var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-7"]').addClass('active'); </script>