JavaScript文本框.png HTML 中使用 元素表示单行输入框和 </code> 元素表示多行文本框。</p> <p>HTML中使用的 <code><input></code> 元素在 JavaScript 中对应的是 <code>HTMLInputElement</code> 类型。<code>HTMLInputElement</code> 继承自 <code>HTMLElement</code> 接口：</p> <pre><code class="javascript">interface HTMLInputElement extends HTMLElement { ... } </code></pre> <p><code>HTMLInputElement</code> 类型有一些独有的属性和方法：</p> <ul> <li> <code>name</code>：表示 <code><input></code> 元素的名称。</li> <li> <code>disabled</code>：表示 <code><input></code> 元素是否禁止使用。在表单提交时不会包含被禁止的 <code><input></code> 元素。</li> <li> <code>autofocus</code>：表示页面加载时，该元素是否会自动获得焦点。</li> <li> <code>required</code>：表示表单提交时，该 <code><input></code>元素是否为必填。</li> <li> <code>value</code>：表示该 <code><input></code> 元素的值。</li> <li> <code>validity</code>：返回一个 <code>ValidityState</code> 对象，表示 <code><input></code> 元素的校验状态。是只读属性。</li> <li> <code>validationMessage</code>：表示 <code><input></code> 元素校验失败时，用户看到的报错信息。如果该元素不需要校验，或者通过校验，该属性为空字符串。是只读属性。</li> <li> <code>willValidate</code>：表示表单提交时，<code><input></code> 元素是否会被校验。是只读属性。</li> <li> <code>select()</code>：选中 <code><input></code> 元素内部的所有文本。</li> <li> <code>click()</code>：模拟鼠标点击当前的 <code><input></code> 元素。</li> </ul> <p>而在上述介绍 <code>HTMLInputElement</code> 类型中的属性时，<code>type</code> 属性要特别关注一下，因为根据 <code>type</code> 属性的改变，可以改变<code><input></code>的属性。</p> <table> <thead> <tr> <th style="text-align:center">类型</th> <th style="text-align:center">描述</th> </tr> </thead> <tbody> <tr> <td style="text-align:center">text</td> <td style="text-align:center">文本输入</td> </tr> <tr> <td style="text-align:center">password</td> <td style="text-align:center">密码输入</td> </tr> <tr> <td style="text-align:center">submit</td> <td style="text-align:center">表单数据提交</td> </tr> <tr> <td style="text-align:center">button</td> <td style="text-align:center">按钮</td> </tr> <tr> <td style="text-align:center">radio</td> <td style="text-align:center">单选框</td> </tr> <tr> <td style="text-align:center">checkbox</td> <td style="text-align:center">复选框</td> </tr> <tr> <td style="text-align:center">file</td> <td style="text-align:center">文件</td> </tr> <tr> <td style="text-align:center">hidden</td> <td style="text-align:center">隐藏的字段</td> </tr> <tr> <td style="text-align:center">image</td> <td style="text-align:center">定义图像作为提交按钮</td> </tr> <tr> <td style="text-align:center">reset</td> <td style="text-align:center">重置按钮</td> </tr> </tbody> </table> <p>省略 <code>type</code> 属性与 <code>type="text"</code>效果一样， <code><input></code> 元素显示为文本框。</p> <p>当 <code>type</code> 的值为<code>text/password/number/</code>时，会有以下属性对 <code><input></code> 元素有效。</p> <table> <thead> <tr> <th style="text-align:center">属性</th> <th style="text-align:center">类型</th> <th style="text-align:center">描述</th> </tr> </thead> <tbody> <tr> <td style="text-align:center">autocomplete</td> <td style="text-align:center">string</td> <td style="text-align:center">字符串on或off，表示<code><input></code>元素的输入内容可以被浏览器自动补全。</td> </tr> <tr> <td style="text-align:center">maxLength</td> <td style="text-align:center">long</td> <td style="text-align:center">指定<code><input></code>元素允许的最多字符数。</td> </tr> <tr> <td style="text-align:center">size</td> <td style="text-align:center">unsigned long</td> <td style="text-align:center">表示<code><input></code>元素的宽度，这个宽度是以字符数来计量的。</td> </tr> <tr> <td style="text-align:center">pattern</td> <td style="text-align:center">string</td> <td style="text-align:center">表示<code><input></code>元素的值应该满足的正则表达式</td> </tr> <tr> <td style="text-align:center">placeholder</td> <td style="text-align:center">string</td> <td style="text-align:center">表示<code><input></code>元素的占位符，作为对元素的提示。</td> </tr> <tr> <td style="text-align:center">readOnly</td> <td style="text-align:center">boolean</td> <td style="text-align:center">表示用户是否可以修改<code><input></code>的值。</td> </tr> <tr> <td style="text-align:center">min</td> <td style="text-align:center">string</td> <td style="text-align:center">表示<code><input></code>元素的最小数值或日期。</td> </tr> <tr> <td style="text-align:center">max</td> <td style="text-align:center">string</td> <td style="text-align:center">表示<code><input></code>元素的最大数值或日期。</td> </tr> <tr> <td style="text-align:center">selectionStart</td> <td style="text-align:center">unsigned long</td> <td style="text-align:center">表示选中文本的起始位置。如果没有选中文本，返回光标在<code><input></code>元素内部的位置。</td> </tr> <tr> <td style="text-align:center">selectionEnd</td> <td style="text-align:center">unsigned long</td> <td style="text-align:center">表示选中文本的结束位置。如果没有选中文本，返回光标在<code><input></code>元素内部的位置。</td> </tr> <tr> <td style="text-align:center">selectionDirection</td> <td style="text-align:center">string</td> <td style="text-align:center">表示选中文本的方向。可能的值包括<code>forward</code>、<code>backward</code>、<code>none</code>。</td> </tr> </tbody> </table> <p>下面创建一个 <code>type="text"</code> ，一次显示 25 个字符，但最多允许显示 50 个字符的文本框：</p> <pre><code class="html"><input type="text" size="25" maxlength="50" value="initial value"> </code></pre> <p>HTML 使用的 <code><textarea></code> 元素在 JavaScript 中对应的是 <code>HTMLTextAreaElement</code> 类型。<code>HTMLTextAreaElement</code>类型继承自 <code>HTMLElement</code> 接口：</p> <pre><code class="javascript">interface HTMLTextAreaElement extends HTMLElement { ... } </code></pre> <p><code>HTMLTextAreaElement</code> 类型有一些独有的属性和方法：</p> <ul> <li> <code>form</code>：只读属性，返回对父表单元素的引用。如果此元素未包含在表单元素中，则它可以是同一文档中 <code>id</code> 属性同 <code>form</code> 值的 <code><form></code> 元素，如果没有，该值为 <code>null</code>。</li> <li> <code>type</code>：只读属性，返回字符串<code>textarea</code>。</li> <li> <code>value</code>：<code>string</code>类型，返回/设置控件中包含的原始值。</li> <li> <code>textLength</code>：只读属性，<code>long</code>类型，返回<code><textarea></code>元素的<code>value</code>值的长度。与 <code>value.length</code> 相同。</li> <li> <code>defaultValue</code>：<code>string</code>类型，返回/设置<code>textarea</code>元素的默认值。</li> <li> <code>placeholder</code>：<code>string</code>类型，返回/设置 <code>textarea</code> 元素的占位符，作为对输入内容的提示。</li> <li> <code>rows</code>：<code>unsigned long</code>类型，返回/设置<code>textarea</code>元素的可见文本行数。</li> <li> <code>cols</code>：<code>unsigned long</code>类型，返回/设置 <code>textarea</code> 元素的可见宽度。</li> <li> <code>autofocus</code>：<code>boolean</code>类型，返回/设置<code>textarea</code>元素在页面加载时自动获取焦点。</li> <li> <code>name</code>：返回/设置 <code>textarea</code> 元素的名称。</li> <li> <code>disabled</code>：<code>boolean</code>类型，返回/设置 <code>textarea</code> 元素是否应当被禁用。</li> <li> <code>HTMLTextAreaElement.labels</code>：<code>NodeList</code>类型，返回与此<code>select</code>元素关联的标签元素列表。</li> <li> <code>maxLength</code>：<code>long</code>类型，返回/设置元素可以输入的最大字符数。仅在值更改时才评估此约束。</li> <li> <code>minLength</code>：<code>long</code>类型，返回/设置元素可以输入的最小字符数。仅在值更改时才评估此约束。</li> <li> <code>accessKey</code>：<code>boolean</code>类型，返回/设置访问 <code>textarea</code> 的键盘快捷键。</li> <li> <code>readOnly</code>：<code>boolean</code>类型，返回/设置 <code>textarea</code> 元素是否为只读。</li> <li> <code>required</code>：<code>boolean</code> 类型，返回/设置 <code>textarea</code> 元素是否为必填项。</li> <li> <code>tabIndex</code>：<code>long</code>类型，返回/设置 <code>textarea</code> 元素的 <code>tab</code> 键导航顺序中元素的位置。</li> </ul> <p>下面创建一个高度为 25，宽度为 5 的 <code><textarea></code> 多行文本框。它与 <code><input></code> 不同的是，初始值显示在 <code><textarea>... 之间： initial value 注意：处理文本框值的时候最好不要使用 DOM 方法，而应该使用 value 属性。 选择文本 与 </code> 都支持 <code>select()</code> 方法，该方法用于选中文本框中的所有内容。该方法的语法为：</p> <pre><code class="javascript">select(): void </code></pre> <p>下面看一个示例：</p> <pre><code class="javascript">let textbox = document.forms[0].elements["input-box"]; textbox.select(); </code></pre> <p>也可以在文本框获得焦点时，选中文本框的内容：</p> <pre><code class="javascript">textbox.addEventListener("focus", (event) => { event.target.select(); }); </code></pre> <h3>select 事件</h3> <p>当选中文本框中的文本或使用 <code>select()</code> 方法时，会触发 <code>select</code> 事件。</p> <pre><code class="javascript">let textbox = document.forms[0].elements["textbox1"]; textbox.addEventListener("select", (event) => { console.log(`Text selected: ${textbox.value}`); }); </code></pre> <h3>取得选中的文本</h3> <p>HTML5 对 <code>select</code> 事件进行了扩展，通过 <code>selectionStart</code> 和 <code>selectionEnd</code> 属性获取文本选区的起点偏移量和终点偏移量。如下所示：</p> <pre><code class="javascript">function getSelectedText(textbox){ return textbox.value.substring(textbox.selectionStart, textbox.selectionEnd); } </code></pre> <p>注意：在 IE8 及更早版本不支持这两个属性。</p> <h3>选中部分文本</h3> <p>HTML5 提供了 <code>setSelectionRange()</code> 方法用于选中部分文本：</p> <pre><code class="javascript">setSelectionRange(start, end, direction): void; </code></pre> <ul> <li> <code>start</code>：被选中的第一个字符的位置索引，从 0 开始。如果这个值比元素的 <code>value</code> 长度还大，则会被看做 <code>value</code> 最后一个位置的索引。</li> <li> <code>end</code>：被选中的最后一个字符的下一个位置索引。如果这个值比元素的 <code>value</code> 长度还大，则会被看做 <code>value</code> 最后一个位置的索引。</li> <li> <code>direction</code>：该参数是可选的字符串类型，表示选择方向，可以传入 <code>“forward”/“backward”/“none”</code> 三个值。</li> </ul> <p>下面看一个例子：</p> <pre><code class="html"><input type="text" id="text-sample" size="20" value="Hello World!"> <button onclick="selectText()">选中部分文本</button> <script> function selectText() { let input = document.getElementById("text-sample"); input.focus(); input.setSelectionRange(4, 8); // o Wo } </script> </code></pre> <p>如果想要看到选中效果，必须让文本框获得焦点。</p> <h1>输入过滤</h1> <p>不同文本框经常需要保证输入特定类型或格式的数据，或许数据需要包含特定字符或必须匹配某个特定模式。而文本框并未提供验证功能，因此要配合 JavaScript 脚本实现输入过滤功能。</p> <h3>屏蔽字符</h3> <p>有些输入框需要出现或不出现特定字符。如果想要将输入框变成只读的，只需要使用 <code>preventDefault()</code>方法将按键都屏蔽：</p> <pre><code class="javascript">input.addEventListener("keypress", (event) => { event.preventDefault(); }); </code></pre> <p>而要屏蔽特定字符，就需要检查事件的 <code>charCode</code> 属性。如下所示，使用正则表达式实现只允许输入数字的输入框：</p> <pre><code class="javascript">input.addEventListener("keypress", (event) => { if (!/\d/.test(event.key)) { event.preventDefault(); } }); </code></pre> <p>还有一个问题需要处理：复制、粘贴及涉及Ctrl 键的其他功能。在除IE 外的所有浏览器中，前面代码会屏蔽快捷键Ctrl+C、Ctrl+V 及其他使用Ctrl 的组合键。因此，最后一项检测是确保没有按下Ctrl键，如下面的例子所示：</p> <pre><code class="javascript">textbox.addEventListener("keypress", (event) => { if (!/\d/.test(String.fromCharCode(event.charCode)) && event.charCode > 9 && !event.ctrlKey){ event.preventDefault(); } }); </code></pre> <p>最后这个改动可以确保所有默认的文本框行为不受影响。这个技术可以用来自定义是否允许在文本框中输入某些字符。</p> <h3>处理剪贴板</h3> <p>IE 是第一个实现了剪切板相关的事件以及通过JavaScript访问剪切板数据的浏览器，其它浏览器在后来也都支持了相同的事件和剪切板的访问，后来 HTML5 将其纳入了规范。以下是与剪切板相关的 6 个事件：</p> <ul> <li> <code>beforecopy</code>：发生复制操作前触发。</li> <li> <code>copy</code>：发生复制操作时触发。</li> <li> <code>beforecut</code>：发生剪切操作前触发。</li> <li> <code>cut</code>：发生剪切操作时触发。</li> <li> <code>beforepaste</code>：发生粘贴操作前触发。</li> <li> <code>paste</code>：发生粘贴操作时触发。</li> </ul> <p>剪切板事件的行为及相关对象会因浏览器而异。在 Safari、Chrome 和 Firefox 中，<code>beforecopy</code>、<code>beforecut</code> 和 <code>beforepaste</code> 事件只会在显示文本框的上下文菜单时触发，但 IE 不仅在这种情况下触发，也会在 <code>copy</code>、<code>cut</code> 和 <code>paste</code> 事件在所有浏览器中都会按预期触发。</p> <p>在实际的事件发生之前，通过<code>beforecopy</code>、<code>beforecut</code> 和 <code>beforepaste</code> 事件可以在向剪贴板发送或从中检索数据前修改数据。不过，取消这些事件并不会取消剪贴板操作。要阻止实际的剪贴板操作，必须取消 <code>copy</code>、<code>cut</code>和 <code>paste</code> 事件。</p> <p>剪贴板的数据通过 <code>clipboardData</code> 对象来获取，且<code>clipboardData</code> 对象提供 3 个操作数据的方法：</p> <ul> <li> <code>getData(format)</code>：从剪贴板获取指定格式的数据，接收的参数为指定获取的数据格式，如果没有指定数据格式或指定数据格式不存在，则此方法返回一个空字符串。</li> <li> <code>setData(format, data)</code>：给剪贴板赋予指定格式的数据，第一个参数指定数据格式，第二个参数为第一个参数赋予数据。如果指定数据格式不存在，则将其添加到数据存储的末尾；如果指定数据格式存在，则将数据替换在指定数据格式的位置。</li> <li> <code>clearData(format)</code>：删除指定格式的数据，接收的参数为指定要删除的数据格式，如果指定格式不存在，则此方法不执行任何操作；如果此参数为空字符串或未提供，则将删除所有格式的数据。</li> </ul> <p>而 <code>clipboardData</code> 对象在 IE 中使用 <code>window</code> 获取，在 Firefox、Safari 和 Chrome 中使用 <code>event</code> 获取。为防止未经授权访问剪贴板，只能在剪贴板事件期间访问 <code>clipboardData</code> 对象；IE 会在任何时候都暴露 <code>clipboardData</code> 对象。因此，要兼容两者，最好在剪贴板事件期间使用该对象。</p> <pre><code class="javascript">function getClipboardText(event){ var clipboardData = (event.clipboardData || window.clipboardData); return clipboardData.getData("text"); } function setClipboardText (event, value){ if (event.clipboardData){ return event.clipboardData.setData("text/plain", value); } else if (window.clipboardData){ return window.clipboardData.setData("text", value); } } </code></pre> <p>如果文本框只有数字，那剪贴时，就需要使用<code>paste</code>事件检查剪贴板上的文本是否无效。如果无效，可以取消默认行为：</p> <pre><code class="javascript">input.addEventListener("paste", (event) => { let text = getClipboardText(event); if (!/^\d*$/.test(text)){ event.preventDefault(); } }); </code></pre> <p>注意：Firefox、Safari和Chrome只允许在<code>onpaste</code>事件中访问<code>getData()</code>方法。</p> <h1>自动切换</h1> <p>在 JavaScript 中，可以用在当前字段完成时自动切换到下一个字段的方式来增强表单字段的易用性。比如，常用手机号分为国家好加手机号。因此，我们设置 2 个文本框：</p> <pre><code class="html"><form> <input type="text" name="phone1" id="phone-id-1" maxlength="4"> <input type="text" name="phone2" id="phone-id-2" maxlength="11"> </form> </code></pre> <p>当文本框输入到最大允许字符数后，就把焦点移到下一个文本框，这样可以增加表单的易用性并加速数据输入。如下所示：</p> <pre><code class="html"><script> function tabForward(event){ let target = event.target; if (target.value.length == target.maxLength){ let form = target.form; for (let i = 0, len = form.elements.length; i < len; i++) { if (form.elements[i] == target) { if (form.elements[i+1]) { form.elements[i+1].focus(); } return; } } } } let inputIds = ["phone-id-1", "phone-id-2"]; for (let id of inputIds) { let textbox = document.getElementById(id); textbox.addEventListener("keyup", tabForward); } </script> </code></pre> <p>这里，<code>tabForward()</code> 函数通过比较用户输入文本的长度与 <code>maxLength</code> 属性的值来检测输入是否达到了最大长度。如果两者相等，就通过循环表中的元素集合找到当前文本框，并把焦点设置到下一个元素。</p> <p>注意：上面的代码只适用于之前既定的标记，没有考虑可能存在的隐藏字段。</p> <h1>HTML5</h1> <p>HTML5 新增了一些表单提交前，浏览器会基于指定的规则进行验证，并在出错时显示适当的错误信息。而验证会基于某些条件应用到表单字段中。</p> <h3>必填字段</h3> <p>表单字段中添加 <code>required</code> 属性，用于标注该字段是必填项，不填则无法提交。该属性适用于<code><input></code>、<code><textarea></code>和<code><select></code>。如下所示：</p> <pre><code class="html"><input type="text" name="account" required> </code></pre> <p>也可以通过 JavaScript 检测对应元素的 <code>required</code> 属性来判断表单字段是否为必填项：</p> <pre><code class="javascript">let isRequired = document.forms[0].elements["account"].required; </code></pre> <p>也可以检测浏览器是否支持 <code>required</code> 属性：</p> <pre><code class="javascript">let isRequiredSupported = "required" in document.createElement("input"); </code></pre> <p><small>注意：不同浏览器处理必填字段的机制不同。Firefox、Chrome、IE 和Opera 会阻止表单提交并在相应字段下面显示有帮助信息的弹框，而Safari 什么也不做，也不会阻止提交表单。</small></p> <h3>更多输入类型</h3> <p>HTML5 为 <code><input></code> 元素增加了几个新的 <code>type</code> 值。如下所示：</p> <table> <thead> <tr> <th style="text-align:center">类型</th> <th style="text-align:center">描述</th> </tr> </thead> <tbody> <tr> <td style="text-align:center">number</td> <td style="text-align:center">数字值的输入</td> </tr> <tr> <td style="text-align:center">date</td> <td style="text-align:center">日期输入</td> </tr> <tr> <td style="text-align:center">color</td> <td style="text-align:center">颜色输入</td> </tr> <tr> <td style="text-align:center">range</td> <td style="text-align:center">一定范围内的值的输入</td> </tr> <tr> <td style="text-align:center">month</td> <td style="text-align:center">允许用户选择月份和年份</td> </tr> <tr> <td style="text-align:center">week</td> <td style="text-align:center">允许用户选择周和年份</td> </tr> <tr> <td style="text-align:center">time</td> <td style="text-align:center">允许用户选择时间（无时区）</td> </tr> <tr> <td style="text-align:center">datetime</td> <td style="text-align:center">允许用户选择日期和时间（有时区）</td> </tr> <tr> <td style="text-align:center">datetime-local</td> <td style="text-align:center">允许用户选择日期和时间（无时区）</td> </tr> <tr> <td style="text-align:center">email</td> <td style="text-align:center">电子邮件地址的输入</td> </tr> <tr> <td style="text-align:center">search</td> <td style="text-align:center">搜索（表现类似常规文本）</td> </tr> <tr> <td style="text-align:center">tel</td> <td style="text-align:center">电话号码的输入</td> </tr> <tr> <td style="text-align:center">url</td> <td style="text-align:center">URL地址的输入</td> </tr> </tbody> </table> <p>这些输入表名字段应该输入的数据类型，并且提供了默认验证。如下所示：</p> <pre><code class="html"><input type="email" name="email"> <input type="url" name="homepage"> </code></pre> <p>要检测浏览器是否支持新类型，可以在 JavaScript 中创建 <code><input></code> 并设置 <code>type</code> 属性，之后读取它即可。老版本中会将我只类型设置为 <code>text</code>，而支持的会返回正确的值。如下所示：</p> <pre><code class="javascript">let input = document.createElement("input"); input.type = "email"; let isEmailSupported = (input.type == "email"); </code></pre> <h3>数值范围</h3> <p>而上面介绍的几个如 <code>number/range/datetime/datetime-local/date/month/week/time</code> 几个填写数字的类型，都可以指定 <code>min/max/step</code> 等几个与数值有关的属性。<code>step</code> 属性用于规定合法数字间隔，如 <code>step="2"</code>，则合法数字应该为 0、2、4、6，依次类推。如下所示：</p> <pre><code class="html"><input type="number" min="0" max="100" step="5" name="count"> </code></pre> <p>上面的例子是<code><input></code>中只能输入从 0 到 100 中 5 的倍数。</p> <p>也可以使用 <code>stepUp()</code> 和 <code>stepDown()</code> 方法对 <code><input></code> 元素中的值进行加减，它俩会接收一个可选参数，用于表示加减的数值。如下所示：</p> <pre><code class="javascript">input.stepUp(); // 加1 input.stepUp(5); // 加5 input.stepDown(); // 减1 input.stepDown(10); // 减10 </code></pre> <h3>输入模式</h3> <p>HTML5 还为文本添加了 <code>pattern</code> 属性，用于指定一个正则表达式。这样就可以自己设置 <code><input></code> 元素的输入模式了。如下所示：</p> <pre><code class="html"><input type="text" pattern="\d+" name="count"> </code></pre> <p>注意模式的开头和末尾分别假设有<code>^</code>和<code>$</code>。这意味着输入内容必须从头到尾都严格与模式匹配。</p> <p>与新增的输入类型一样，指定 <code>pattern</code> 属性也不会阻止用户输入无效内容。模式会应用到值，然后浏览器会知道值是否有效。通过访问 <code>pattern</code> 属性可以读取模式：</p> <pre><code class="javascript">let pattern = document.forms[0].elements["count"].pattern; </code></pre> <p>使用如下代码可以检测浏览器是否支持pattern 属性：</p> <pre><code class="javascript">let isPatternSupported = "pattern" in document.createElement("input"); </code></pre> <h3>检测有效性</h3> <p>HTML5 新增了 <code>checkValidity()</code> 方法，用来检测表单中任意给定字段是否有效。而判断的条件是约束条件，因此必填字段如果没有值会被视为无效，字段值不匹配 <code>pattern</code> 属性也会被视为无效。如下所示：</p> <pre><code class="javascript">if (document.forms[0].elements[0].checkValidity()){ // 字段有效，继续 } else { // 字段无效 } </code></pre> <p>要检查整个表单是否有效，可以直接在表单上调用<code>checkValidity()</code>方法。这个方法会在所有字段都有效时返回<code>true</code>，有一个字段无效就会返回<code>false</code>：</p> <pre><code class="javascript">if(document.forms[0].checkValidity()){ // 表单有效，继续 } else { // 表单无效 } </code></pre> <p><code>validity</code> 属性会返回一个<code>ValidityState</code> 对象，表示 <code><input></code> 元素的校验状态。返回的对象包含一些列的布尔值的属性：</p> <ul> <li> <code>customError</code>：如果设置了 <code>setCustomValidity()</code> 就返回 true，否则返回false。</li> <li> <code>patternMismatch</code>：如果字段值不匹配指定的 <code>pattern</code> 属性则返回true。</li> <li> <code>rangeOverflow</code>：如果字段值大于 <code>max</code> 的值则返回true。</li> <li> <code>rangeUnderflow</code>：如果字段值小于 <code>min</code> 的值则返回true。</li> <li> <code>stepMisMatch</code>：如果字段值与 <code>min</code>、<code>max</code> 和 <code>step</code> 的值不相符则返回true。</li> <li> <code>tooLong</code>：如果字段值的长度超过了 <code>maxlength</code> 属性指定的值则返回true。</li> <li> <code>typeMismatch</code>：如果字段值不是 <code>"email"</code> 或<code>"url"</code> 要求的格式则返回true。</li> <li> <code>valid</code>：如果其他所有属性的值都为false 则返回true。与<code>checkValidity()</code>的条件一致。</li> <li> <code>valueMissing</code>：如果字段是必填的但没有值则返回true。</li> </ul> <p>因此，通过 <code>validity</code> 属性可以检查表单字段的有效性，从而获取更具体的信息，如下所示：</p> <pre><code class="javascript">if (input.validity && !input.validity.valid){ if (input.validity.valueMissing){ console.log("请指定值.") } else if (input.validity.typeMismatch){ console.log("请指定电子邮件地址."); } else { console.log("值无效."); } } </code></pre> <h3>禁用验证</h3> <p>通过指定 <code>novalidate</code> 属性可以禁止对表单进行任何验证：</p> <pre><code class="html"><form method="post" action="/signup" novalidate> <!-- 表单元素 --> </form> </code></pre> <p>也可以在 JavaScript 通过 <code>noValidate</code> 属性设置，为 <code>true</code> 表示属性存在，为 <code>false</code> 表示属性不存在：</p> <pre><code class="javascript">document.forms[0].noValidate = true; // 关闭验证 </code></pre> <p>如果一个表单中有多个提交按钮，那么可以给特定的提交按钮添加<code>formnovalidate</code> 属性，指定通过该按钮无需验证即可提交表单：</p> <pre><code class="html"><form method="post" action="/foo"> <!-- 表单元素 --> <input type="submit" value="注册提交"> <input type="submit" formnovalidate name="btnNoValidate" value="没有验证的提交按钮"> </form> </code></pre> <p>也可以使用 JavaScript 设置 <code>formNoValidate</code> 属性：</p> <pre><code class="javascript">// 关闭验证 document.forms[0].elements["btnNoValidate"].formNoValidate = true; </code></pre> <h1>总结</h1> <p>以上总结了 <code><input></code> 和 <code><textarea></code> 两个元素的一些功能，主要是 <code><input></code> 元素可以通过设置 <code>type</code> 属性获取不同类型的输入框，可以通过监听键盘事件并检测要插入的字符来控制文本框的内容。</p> <p>还有一些与剪贴板相关的事件，并对剪贴的内容进行检测。还介绍了一些 HTML5 新增的属性和方法和新增的更多的 <code><input></code> 元素的类型，和一些与验证相关的属性和方法。</p> <p>更多内容请关注公众号「<strong>海人为记</strong>」</p> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1745456849630543872"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(快速了解JavaScript文本框操作)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1833623536267259904.htm" title="杨幂：凭什么要让别人了解你的辛苦" target="_blank">杨幂：凭什么要让别人了解你的辛苦</a> <span class="text-muted">十柒0602</span> <div>你真的觉得别人会关心你吗？“你明明工作很辛苦，可能有的时候有些不舒服——你知道我在说什么”，张大大说道。“大半夜去医院啊？哦，没事”，杨幂轻描淡写地说。......“那我问一个问题‘你真的觉得别人会关心你吗’”，杨幂继续说：“你觉得有多少人能感同身受呢？”看到这句话的时候，我认真地问了问自己：“你真的觉得别人会关心你吗，你觉得有多少人能感同身受呢？”回答是“没有”。工作中被领导误会，然后一个人跑去</div> </li> <li><a href="/article/1833622630444396544.htm" title="android之ActivityThread" target="_blank">android之ActivityThread</a> <span class="text-muted">追梦的鱼儿</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/ActivityThread/1.htm">ActivityThread</a> <div>目录主要职责关键组件工作流程ActivityThread是Android框架中的一个核心类，负责管理应用程序的主线程（UI线程）以及应用程序的生命周期事件。了解它的工作原理对于理解Android应用程序的运行机制是非常有帮助的。主要职责管理主线程：ActivityThread是应用程序的主线程，负责处理所有的UI操作。生命周期管理：处理Activity、Service、BroadcastRecei</div> </li> <li><a href="/article/1833620361833443328.htm" title="C语言动态顺序表实现通讯录" target="_blank">C语言动态顺序表实现通讯录</a> <span class="text-muted">ghx_code repository</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80%E5%9F%BA%E7%A1%80/1.htm">C语言基础</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>基于动态顺序表实现通讯录C语言基础要求：结构体，动态内存管理，顺序表，文件操作1.功能要求1）至少能够存储100个人的通讯信息2）能够保存用户信息：名字，性别，年龄，电话，地址等3）增加联系人信息4）删除指定联系人5）查找指定联系人6）修改指定联系人7）显示联系人信息2.实现思路首先，我们的通讯录是基于顺序表做出的美化和延申，既然如此，我们是不是应该先实现顺序表的增删改查，才能够进一步实现通讯录及</div> </li> <li><a href="/article/1833619606170857472.htm" title="Python魔法之旅-魔法方法(01)" target="_blank">Python魔法之旅-魔法方法(01)</a> <span class="text-muted">神奇夜光杯</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E9%AD%94%E6%B3%95%E6%96%B9%E6%B3%95/1.htm">魔法方法</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E5%92%8C%E6%88%90%E9%95%BF/1.htm">学习和成长</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/1.htm">基础知识</a> <div>目录一、概述1、定义2、作用二、主要应用场景1、构造和析构2、操作符重载3、字符串和表示4、容器管理5、可调用对象6、上下文管理7、属性访问和描述符8、迭代器和生成器9、数值类型10、复制和序列化11、自定义元类行为12、自定义类行为13、类型检查和转换14、自定义异常三、学习方法1、理解基础2、查阅文档3、编写示例4、实践应用5、阅读他人代码6、参加社区讨论7、持续学习8、练习与总结9、注意兼容</div> </li> <li><a href="/article/1833618314610438144.htm" title="爱到极致是放手" target="_blank">爱到极致是放手</a> <span class="text-muted">Annie刘</span> <div>今天晚上老梁读书会第二十九期分享如约而至。是由牛老师为我们带来《舍得让你爱的人受苦》。老梁读书会已经行走到了29期，不得不说岁月过的如此之快。《舍得让你爱的人受苦》是由张德芬老师所著，张老师是华语世界深具影响力身心灵作家，这本书的初衷是从关系中找到自己。初看书名，我并不懂，什么是“舍得让你爱的人受苦？”是让他学会吃苦才会成长吗？梁老师为我们进行了解答：舍得让你爱的人受苦，说明在日常不舍得让爱的人受</div> </li> <li><a href="/article/1833618220649639936.htm" title="Python中的绝对路径与相对路径详解" target="_blank">Python中的绝对路径与相对路径详解</a> <span class="text-muted">小桥流水---人工智能</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/Python%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/1.htm">Python程序代码</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E7%AE%97%E6%B3%95/1.htm">机器学习算法</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>对路径与相对路径Python中的绝对路径与相对路径详解什么是路径？绝对路径优点：缺点：示例：相对路径优点：缺点：示例：Python中如何使用**重点内容**：**在Python中，建议使用`os.path.join`来构建路径，这样可以确保代码在不同操作系统上的兼容性。同时，理解并正确使用绝对路径和相对路径，对于开发可移植和可维护的应用程序至关重要。**结论Python中的绝对路径与相对路径详解在</div> </li> <li><a href="/article/1833617842130481152.htm" title="Android之性能优化" target="_blank">Android之性能优化</a> <span class="text-muted">追梦的鱼儿</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a> <div>目录1.内存优化1.1避免内存泄漏1.2使用合适的数据结构2.布局优化2.1减少布局层级2.2避免过度绘制3.网络优化3.1使用缓存3.2压缩数据4.I/O操作优化4.1异步处理4.2使用高效的I/OAPI5.动画优化5.1使用硬件加速5.2避免频繁的属性更新6.数据库优化6.1使用索引6.2批量操作7.启动时间优化7.1延迟初始化7.2使用SplashScreen8.代码优化8.1避免不必要的对</div> </li> <li><a href="/article/1833616709018284032.htm" title="vue源码分析-挂载流程和模板编译" target="_blank">vue源码分析-挂载流程和模板编译</a> <span class="text-muted">yyzzabc123</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>前面几节我们从newVue创建实例开始，介绍了创建实例时执行初始化流程中的重要两步，配置选项的资源合并,以及响应式系统的核心思想，数据代理。在合并章节，我们对Vue丰富的选项合并策略有了基本的认知，在数据代理章节我们又对代理拦截的意义和使用场景有了深入的认识。按照Vue源码的设计思路，初始化过程还会进行很多操作，例如组件之间创建关联，初始化事件中心，初始化数据并建立响应式系统等，并最终将模板和数据</div> </li> <li><a href="/article/1833616330796920832.htm" title="3. 部署Fabric2.2 集群（使用官方Demo）" target="_blank">3. 部署Fabric2.2 集群（使用官方Demo）</a> <span class="text-muted">明神特烦恼</span> <a class="tag" taget="_blank" href="/search/Fabric2.2/1.htm">Fabric2.2</a><a class="tag" taget="_blank" href="/search/%E5%85%A8%E9%9D%A2%E5%AD%A6%E4%B9%A0/1.htm">全面学习</a><a class="tag" taget="_blank" href="/search/fabric/1.htm">fabric</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a><a class="tag" taget="_blank" href="/search/%E9%83%A8%E7%BD%B2/1.htm">部署</a> <div>我们将一步一步搭建Fabric2.2版本的区块链网络，从0开始搭建服务器环境、到运行官方Demo集群、创建通道、安装合约，以及从零完成基于区块链的农产品溯源项目开发。适用于无区块链开发经验的朋友们，已经有经验的请绕行。上节作者新购买云服务器，并且安装docker以及docker-compose，接下来作者与大家一起操作，不遗漏每个操作步骤（之前有一些同学操作结果出现错误，大多数是步骤有遗漏），保证</div> </li> <li><a href="/article/1833614121518592000.htm" title="盘点下高仿手表在哪买才靠谱，带你深入的了解下" target="_blank">盘点下高仿手表在哪买才靠谱，带你深入的了解下</a> <span class="text-muted">恋奢腕表</span> <div>随着时尚和品味的不断发展，越来越多的人开始追求高端手表的时尚魅力。然而，正版手表价格昂贵，让很多人望而却步。在这种情况下，高仿手表成为了许多人的选择。▼更多详情请添加微信号进行咨询▼55833829高仿手表在哪买才靠谱？市场上有太多的高仿手表供应商，如何找到一个可以信赖的卖家呢？接下来，我们就来盘点下高仿手表在哪买才靠谱。1.选择知名电商平台购买要想购买靠谱的高仿手表，选择知名电商平台无疑是一个明</div> </li> <li><a href="/article/1833610570008457216.htm" title="极简生活抄书第101天：断舍“离”的能力" target="_blank">极简生活抄书第101天：断舍“离”的能力</a> <span class="text-muted">兮若耶</span> <div>极简生活抄书第101天：断舍“离”的能力断舍离从知识理论到实践，经过了不少的纠结与坚定，从刚开始的盲从，认为扔就完事了，到后来需要对物品进行分类和校对作用，最后把可以用但不用的物品做了舍弃，这中间经历的时间就不短。断舍离，从字面上来理解就是要从已经拥有的物品中，把没用的破烂收拾出来，将它们送到更加有用的地方，于此同时了解自己的喜好范围，确定哪些是自己需要的，哪些合适自己的，和哪些物品相处起来舒服的</div> </li> <li><a href="/article/1833609898324226048.htm" title="高频面试题：ReactNative前端面试频率较高的面试题和答案（十六）" target="_blank">高频面试题：ReactNative前端面试频率较高的面试题和答案（十六）</a> <span class="text-muted">夲奋亻Jay</span> <a class="tag" taget="_blank" href="/search/%E9%AB%98%E9%A2%91%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">高频面试题</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E7%AB%AF/1.htm">跨端</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>ReactNative是一个由Facebook开发的框架，它允许使用React来开发原生移动应用。以下是一些在前端面试中可能会问到的关于ReactNative的高频面试题及答案：ReactNative是什么？答案：ReactNative是一个基于React构建的框架，允许使用JavaScript和React的编程方式来开发原生移动应用。ReactNative与React有什么不同？答案：React</div> </li> <li><a href="/article/1833609519985422336.htm" title="python中列表的常见操作" target="_blank">python中列表的常见操作</a> <span class="text-muted">945048125</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>列表的相关操作列表中存放的数据是可以进行修改的，比如"增"、"删"、"改""添加元素("增"append,extend,insert)1.append:在列表的末尾进行添加>>>a=[123,345]>>>a.append(678)>>>a[123,345,678]2.extend可以将另一个集合中的元素逐一添加到列表中a=['a','b','c']b=['d','e','f']>>>a.exte</div> </li> <li><a href="/article/1833608134778777600.htm" title="D咖智能咖啡机：营业利器，品质与效率的完美结合" target="_blank">D咖智能咖啡机：营业利器，品质与效率的完美结合</a> <span class="text-muted">lily363926046a</span> <a class="tag" taget="_blank" href="/search/%E5%92%96%E5%95%A1%E6%9C%BA%E6%8B%9B%E5%95%86/1.htm">咖啡机招商</a><a class="tag" taget="_blank" href="/search/%E5%92%96%E5%95%A1%E6%9C%BA%E5%8A%A0%E7%9B%9F/1.htm">咖啡机加盟</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E4%BA%BA%E5%94%AE%E8%B4%A7%E6%9C%BA/1.htm">无人售货机</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E4%BA%BA/1.htm">机器人</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a> <div>D咖作为中国知名国产商用全自动咖啡机品牌，持续引领商用全自动智能咖啡机赛道技术、产品、创新的行业新标准，目前为全国几十个地区提供全场景自助咖啡机解决方案，并获得了广泛的认可和口碑。一、便捷操作：一键即可享受美味咖啡在快节奏的现代商业环境中，咖啡机作为重要的饮品供应设备，其品质与效率直接影响着顾客的消费体验和企业运营的顺畅度，D咖自助咖啡机采用先进的咖啡冲泡技术，确保每一杯咖啡都能达到高品质的标准。</div> </li> <li><a href="/article/1833607630485024768.htm" title="动画框架：Animation" target="_blank">动画框架：Animation</a> <span class="text-muted">lengbingteng</span> <a class="tag" taget="_blank" href="/search/OGRE_API/1.htm">OGRE_API</a> <div>在说API之前先了解一下动画的原理：以一个人行走为例，要想使人能够行走，必须在这个人模型上设置一些特真点，然后让这些点在每一帧按照一定的规则进行动，从而改变整个模型的状态。在ogre里面，Keyframe类描述的是一个特征点（一个结点、一根骨头、一个顶点）的某一个关键帧的状态（位置、缩放、朝向等）和对应的时间点。一个可驱动点的所有keyframe组合成一个track，每个可驱动点都有一个他的tra</div> </li> <li><a href="/article/1833607502676193280.htm" title="使用TensorRT对YOLOv8模型进行加速推理" target="_blank">使用TensorRT对YOLOv8模型进行加速推理</a> <span class="text-muted">fengbingchun</span> <a class="tag" taget="_blank" href="/search/Deep/1.htm">Deep</a><a class="tag" taget="_blank" href="/search/Learning/1.htm">Learning</a><a class="tag" taget="_blank" href="/search/CUDA%2FTensorRT/1.htm">CUDA/TensorRT</a><a class="tag" taget="_blank" href="/search/YOLOv8/1.htm">YOLOv8</a><a class="tag" taget="_blank" href="/search/TensorRT/1.htm">TensorRT</a> <div>这里使用GitHub上shouxieai的infer框架对YOLOv8模型进行加速推理，操作过程如下所示：1.配置环境，依赖项，包括：(1).CUDA:11.8(2).cuDNN:8.7.0(3).TensorRT:8.5.3.1(4).ONNX:1.16.0(5).OpenCV:4.10.02.cloneinfer代码：https://github.com/shouxieai/infer3.使用</div> </li> <li><a href="/article/1833607135745896448.htm" title="如何在京东购物中获得高额返利？尝试高省APP创始邀请码" target="_blank">如何在京东购物中获得高额返利？尝试高省APP创始邀请码</a> <span class="text-muted">高省_飞智666600</span> <div>如果你经常在京东购物，你可能会想知道如何拿到返利。另外，京东返利APP的众多选择中，哪一个的佣金最高呢？今天我们来为大家介绍一款非常有潜力的返利神器——高省APP，并提供创始邀请码000018。在开始之前，我们先来了解一下京东返利的工作原理。京东返利是指在购买京东商品时，通过专门的返利平台获取一定比例的返利。这种返利是由返利平台和京东之间的合作来实现的，平台会从自己获得的后台佣金中返还给用户一部分</div> </li> <li><a href="/article/1833606243286085632.htm" title="Python的字符串操作" target="_blank">Python的字符串操作</a> <span class="text-muted">心繁</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1、获取元素1.1索引索引是最简单的获取元素的方式。根据元素在字符串的下标位置直接输出想要获取的一个元素。例：print（str[1])str="Imissyousomuch,let'smeet."print(str[2])#输出结果为：“m”1.2切片切片可以根据元素的下标位置获取想要的多个元素。例:print(str[2:10:1]),即：print(字符串名称[起始元素下标：结束元素下标+1</div> </li> <li><a href="/article/1833604099334041600.htm" title="EasyPOI入门" target="_blank">EasyPOI入门</a> <span class="text-muted">傲雪凌霜，松柏长青</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>EasyPOI入门前言EasyPOI是一个基于ApachePOI的Java库，用于简化Excel文档的导入和导出操作。EasyPOI通过注解的方式，极大地减少了代码量和复杂度，使得Excel操作变得更加简单直观。本篇博客将介绍如何使用EasyPOI进行Excel文件的导入和导出操作。一、引入EasyPOI依赖首先，在你的项目中引入EasyPOI的依赖。这里以Maven项目为例，添加以下依赖到pom</div> </li> <li><a href="/article/1833602838320738304.htm" title="算法-二分搜索(长期更新)" target="_blank">算法-二分搜索(长期更新)</a> <span class="text-muted">浅念同学</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>文章目录情景一:二分查找情景二:找出一个>=num的最左侧的位置情景三:找出一个>1);if(nums[mid]>key){right=mid-1;}elseif(nums[mid]=num的最左侧的位置这个其实也是二分的逻辑,我们定义一个标记物ans初始化置为-1,当我们的mid满足条件的时候,我们就将我们的ans置为mid,然后继续二分,当不满足条件的时候,我们就不进行操作,继续二分,然后最后</div> </li> <li><a href="/article/1833602711271075840.htm" title="前端基础面试题·第三篇——JavaScript（其四）" target="_blank">前端基础面试题·第三篇——JavaScript（其四）</a> <span class="text-muted">DT——</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/1.htm">前端面试</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>highlight:atom-one-dark1.JSON.stringifyJSON.stringify()方法将一个JavaScript值（对象或者数组）转换为一个JSON字符串，如果指定了一个replacer函数，则可以替换值。语法：JSON.stringify(value,replacer,space)参数value：要转换的值。replacer：替换值，可以是一个函数或者数组。（这个参数</div> </li> <li><a href="/article/1833601071956717568.htm" title="谈一谈MVCC" target="_blank">谈一谈MVCC</a> <span class="text-muted">神州永泰</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>一MVCC的定义MVCC（Multi-VersionConcurrencyControl，多版本并发控制）是一种用于数据库管理系统（DBMS）中的并发控制方法，它允许数据库读写操作不加锁地并发执行，从而提高了数据库系统的并发性能。MVCC主要是通过维护数据的多个版本来实现这一点的，每个事务在执行时都会基于数据的某个版本进行操作，这样即使多个事务同时操作同一数据，也不会相互干扰。二MVCC的主要特点</div> </li> <li><a href="/article/1833600653679751168.htm" title="南唐后主李煜，一首《虞美人》背后的故事，唱尽无数的恩怨情仇" target="_blank">南唐后主李煜，一首《虞美人》背后的故事，唱尽无数的恩怨情仇</a> <span class="text-muted">孤篇</span> <div>李煜画像文丨孤篇君图|网络（侵权必删）阅读用时2分钟南唐李后主“李煜”，的一首《虞美人》让我们了解了这位“亡国之君”的无奈，和很多亡国之主相似的是，李煜在接手南唐的时候这个国家就已经岌岌可危，基本上处于一种能活一天是一天的局面，南唐在当时来说是一个小国家，整个朝代仅仅只有三位皇帝，李煜的父亲李璟跟后周的战争中基本上是“赔了夫人又折兵”了，连自己的国号都没了，割地称臣。李煜剧照国家是如何衰败让李煜走</div> </li> <li><a href="/article/1833598302101270528.htm" title="【Python/Java/C++三种语言】20天拿下华为OD笔试之【位运算】2023B-出错的或电路【欧弟算法】全网注释最详细分类最全的华为OD真题" target="_blank">【Python/Java/C++三种语言】20天拿下华为OD笔试之【位运算】2023B-出错的或电路【欧弟算法】全网注释最详细分类最全的华为OD真题</a> <span class="text-muted">闭着眼睛学算法</span> <a class="tag" taget="_blank" href="/search/%E6%9C%80%E6%96%B0%E5%8D%8E%E4%B8%BAOD%E7%9C%9F%E9%A2%98/1.htm">最新华为OD真题</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E5%AD%A6/1.htm">数学</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>文章目录题目描述与示例题目描述输入描述输出描述示例一输入输出说明示例二输入输出说明解题思路代码PythonJavaC++时空复杂度华为OD算法/大厂面试高频题算法练习冲刺训练题目描述与示例题目描述某生产门电路的厂商发现某一批次的或门电路不稳定，具体现象为计算两个二进制数的或操作时，第一个二进制数中某两个比特位会出现交换，交换的比特位置是随机的，但只交换这两个位，其他位不变。很明显，这个交换可能会影</div> </li> <li><a href="/article/1833597166787063808.htm" title="java list<map> 去重_Java lambda list，map，转换，过滤，去重操作" target="_blank">java list<map> 去重_Java lambda list，map，转换，过滤，去重操作</a> <span class="text-muted">莲池书院</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/list%26lt%3Bmap%26gt%3B/1.htm">list<map></a><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E9%87%8D/1.htm">去重</a> <div>1、实体类packagecom.lzk.test01.entity;publicclassPerson{privateLongid;privateStringcode;publicLonggetId(){returnid;}publicvoidsetId(Longid){this.id=id;}publicStringgetCode(){returncode;}publicvoidsetCode(</div> </li> <li><a href="/article/1833596914633895936.htm" title="AJAX实时表单验证系统" target="_blank">AJAX实时表单验证系统</a> <span class="text-muted">三年九班蓝同学</span> <div>本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重</div> </li> <li><a href="/article/1833596283756048384.htm" title="「 网络安全常用术语解读 」同源策略SOP详解：没有SOP就没有隐私" target="_blank">「 网络安全常用术语解读 」同源策略SOP详解：没有SOP就没有隐私</a> <span class="text-muted">全栈安全</span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%9C%AF%E8%AF%AD/1.htm">安全术语</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%9C%AF%E8%AF%AD/1.htm">安全术语</a> <div>同源策略可保护用户的隐私和数据安全，防止恶意网站通过跨域请求（例如，通过JavaScript）访问或修改其他网站的数据。1.同源策略产生背景当浏览器从一个域发送一个HTTP请求到另一个域时，与另一个域相关的任何cookies，包括身份验证会话cookie，也会作为请求的一部分发送。如果没有同源策略，如果你访问一个恶意网站，该网站将能够读取你的电子邮件、私人消息等。2.同源策略定义同源策略（Same</div> </li> <li><a href="/article/1833596155070607360.htm" title="顺序表(SequenceList)数据结构的基本操作实现详解" target="_blank">顺序表(SequenceList)数据结构的基本操作实现详解</a> <span class="text-muted">SuchABigBug</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E9%93%BE%E8%A1%A8/1.htm">链表</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a> <div>目录一、前言二、整体设计框架三、函数实现1.SeqListInit2.SeqListDestory3.SeqListCheckCapacity4.SeqListPushBack(尾插)5.SeqListPopBack(尾删)6.SeqListPushFront(头插)7.SeqListPopFront(头删)8.SeqlistFind9.SeqListInsert(任意位置插入)9.SeqList</div> </li> <li><a href="/article/1833595273587290112.htm" title="【附源码】基于flask框架基于物联网技术的水质实时监测系统设计与实现 后台(python+mysql+论文)" target="_blank">【附源码】基于flask框架基于物联网技术的水质实时监测系统设计与实现 后台(python+mysql+论文)</a> <span class="text-muted">node-php毕设程序源码</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>本系统（程序+源码）带文档lw万字以上文末可获取本课题的源码和程序系统程序文件列表系统的选题背景和意义选题背景：随着物联网技术的迅猛发展，其在环境监测方面的应用日益广泛，特别是水质监测这一重要领域。传统的水质监测方法通常需要人工采集样本后送至实验室分析，这种方法不仅耗时耗力，而且实时性差，难以满足快速响应和预警的需求。因此，基于物联网技术的水质实时监测系统应运而生，通过传感器网络实时收集水质数据，</div> </li> <li><a href="/article/1833593775755194368.htm" title="Tableau Prep 2018.3.1 用 PDF 连接器准备数据！" target="_blank">Tableau Prep 2018.3.1 用 PDF 连接器准备数据！</a> <span class="text-muted">阿达_优阅达</span> <div>数据准备的过程可能会很复杂，所以，TableauPrep应运而生！通过为你提供简化流程的工具，使数据准备更加简单便捷！近日，在TableauPrep2018.3.1推出了新功能：从现在开始，你可以对Flow中的任何步骤应用任何操作，并跟踪路径中的更改。此外，还支持用于数据库连接的通配符联合选项和用于PDF文件的全新连接器，为你提供更大的灵活性。『更改默认存储库位置』默认情况下，在安装Tableau</div> </li> <li><a href="/article/57.htm" title="多线程编程之join()方法" target="_blank">多线程编程之join()方法</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/JOIN/1.htm">JOIN</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a> <div>现实生活中，有些工作是需要团队中成员依次完成的，这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人，如何保证T2在T1执行完后执行，T3在T2执行完后执行？问题分析：首先问题中有三个实体，T1、T2、T3， 因为是多线程编程，所以都要设计成线程类。关键是怎么保证线程能依次执行完呢？ Java实现过程如下： public class T1 implements Runnabl</div> </li> <li><a href="/article/184.htm" title="java中switch的使用" target="_blank">java中switch的使用</a> <span class="text-muted">bingyingao</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/break/1.htm">break</a><a class="tag" taget="_blank" href="/search/continue/1.htm">continue</a> <div>java中的switch仅支持case条件仅支持int、enum两种类型。 用enum的时候，不能直接写下列形式。 switch (timeType) { case ProdtransTimeTypeEnum.DAILY: break; default: br</div> </li> <li><a href="/article/311.htm" title="hive having count 不能去重" target="_blank">hive having count 不能去重</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E9%87%8D/1.htm">去重</a><a class="tag" taget="_blank" href="/search/having+count/1.htm">having count</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E6%95%B0/1.htm">计数</a> <div>hive在使用having count()是，不支持去重计数 hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10; FAILED: SemanticExcep</div> </li> <li><a href="/article/438.htm" title="WebSphere对JSP的缓存" target="_blank">WebSphere对JSP的缓存</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/WAS+JSP+%E7%BC%93%E5%AD%98/1.htm">WAS JSP 缓存</a> <div> 对于线网上的工程，更新JSP到WebSphere后，有时会出现修改的jsp没有起作用，特别是改变了某jsp的样式后，在页面中没看到效果，这主要就是由于websphere中缓存的缘故，这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存，就要找到WAS安装后的根目录。 现服务</div> </li> <li><a href="/article/565.htm" title="设计模式总结" target="_blank">设计模式总结</a> <span class="text-muted">朱辉辉33</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>1.工厂模式 1.1 工厂方法模式 (由一个工厂类管理构造方法) 1.1.1普通工厂模式(一个工厂类中只有一个方法) 1.1.2多工厂模式(一个工厂类中有多个方法) 1.1.3静态工厂模式(将工厂类中的方法变成静态方法) &n</div> </li> <li><a href="/article/692.htm" title="实例：供应商管理报表需求调研报告" target="_blank">实例：供应商管理报表需求调研报告</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E7%B3%BB%E7%BB%9F/1.htm">报表系统</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E8%BD%AF%E4%BB%B6/1.htm">报表软件</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8C%96%E9%80%89%E5%9E%8B/1.htm">信息化选型</a> <div>引言 随着企业集团的生产规模扩张，为支撑全球供应链管理，对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理，目前采购及供应商管理各个环节的操作分别在不同的系统下进行，而各个数据源都独立存在，无法提供统一的数据支持；因此，为了实现对于数据分析以提供采购决策，建立报表体系成为必须。 业务目标 1、通过报表为采购决策提供数据分析与支撑 2、对供应商进行综合评估以及管理，合理管理和</div> </li> <li><a href="/article/819.htm" title="mysql" target="_blank">mysql</a> <span class="text-muted">林鹤霄</span> <div>转载源：http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html mysql -uroot -p ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES) [root@centos var]# service mysql</div> </li> <li><a href="/article/946.htm" title="Linux下多线程堆栈查看工具(pstree、ps、pstack)" target="_blank">Linux下多线程堆栈查看工具(pstree、ps、pstack)</a> <span class="text-muted">aigo</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>原文：http://blog.csdn.net/yfkiss/article/details/6729364 1. pstree pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552) &n</div> </li> <li><a href="/article/1073.htm" title="html input与textarea 值改变事件" target="_blank">html input与textarea 值改变事件</a> <span class="text-muted">alxw4616</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>// 文本输入框(input) 文本域(textarea)值改变事件 // onpropertychange(IE) oninput(w3c) $('input,textarea').on('propertychange input', function(event) { console.log($(this).val()) }); </div> </li> <li><a href="/article/1200.htm" title="String类的基本用法" target="_blank">String类的基本用法</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/String/1.htm">String</a> <div> 字符串的用法; // 根据字节数组创建字符串 byte[] by = { 'a', 'b', 'c', 'd' }; String newByteString = new String(by); 1,length() 获取字符串的长度 &nbs</div> </li> <li><a href="/article/1327.htm" title="JDK1.5 Semaphore实例" target="_blank">JDK1.5 Semaphore实例</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/Semaphore/1.htm">Semaphore</a> <div>Semaphore类 一个计数信号量。从概念上讲，信号量维护了一个许可集合。如有必要，在许可可用前会阻塞每一个 acquire()，然后再获取该许可。每个 release() 添加一个许可，从而可能释放一个正在阻塞的获取者。但是，不使用实际的许可对象，Semaphore 只对可用许可的号码进行计数，并采取相应的行动。 S</div> </li> <li><a href="/article/1454.htm" title="使用GZip来压缩传输量" target="_blank">使用GZip来压缩传输量</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/GZip/1.htm">GZip</a> <div> 启动GZip压缩要用到一个开源的Filter：PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0，因此在JDK1.4环境下只能使用1.4.6。 PJL Compressi</div> </li> <li><a href="/article/1581.htm" title="【Java范型三】Java范型详解之范型类型通配符" target="_blank">【Java范型三】Java范型详解之范型类型通配符</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> 定义如下一个简单的范型类， package com.tom.lang.generics; public class Generics<T> { private T value; public Generics(T value) { this.value = value; } } </div> </li> <li><a href="/article/1708.htm" title="【Hadoop十二】HDFS常用命令" target="_blank">【Hadoop十二】HDFS常用命令</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>1. 修改日志文件查看器 hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml cat edits.xml 修改日志文件转储为xml格式的edits.xml文件，其中每条RECORD就是一个操作事务日志 2. fsimage查看HDFS中的块信息等 &nb</div> </li> <li><a href="/article/1835.htm" title="怎样区别nginx中rewrite时break和last" target="_blank">怎样区别nginx中rewrite时break和last</a> <span class="text-muted">ronin47</span> <div>在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作，换成break就可以，其中的原理是对于根目录的理解有所区别，按我的测试结果大致是这样的。 location / { proxy_pass http://test; </div> </li> <li><a href="/article/1962.htm" title="java-21.中兴面试题 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m" target="_blank">java-21.中兴面试题 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.ArrayList; import java.util.List; import java.util.Stack; public class CombinationToSum { /* 第21 题 2010 年中兴面试题 编程求解： 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等</div> </li> <li><a href="/article/2089.htm" title="eclipse svn 帐号密码修改问题" target="_blank">eclipse svn 帐号密码修改问题</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a><a class="tag" taget="_blank" href="/search/svn%E5%B8%90%E5%8F%B7%E5%AF%86%E7%A0%81%E4%BF%AE%E6%94%B9/1.htm">svn帐号密码修改</a> <div>问题描述： Eclipse的SVN插件Subclipse做得很好，在svn操作方面提供了很强大丰富的功能。但到目前为止，该插件对svn用户的概念极为淡薄，不但不能方便地切换用户，而且一旦用户的帐号、密码保存之后，就无法再变更了。 解决思路： 删除subclipse记录的帐号、密码信息，重新输入</div> </li> <li><a href="/article/2216.htm" title="[电子商务]传统商务活动与互联网的结合" target="_blank">[电子商务]传统商务活动与互联网的结合</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%AD%90%E5%95%86%E5%8A%A1/1.htm">电子商务</a> <div> 某一个传统名牌产品，过去销售的地点就在某些特定的地区和阶层，现在进入互联网之后，用户的数量群突然扩大了无数倍，但是，这种产品潜在的劣势也被放大了无数倍，这种销售利润与经营风险同步放大的效应，在最近几年将会频繁出现。。。。 如何避免销售量和利润率增加的</div> </li> <li><a href="/article/2343.htm" title="java 解析 properties-使用 Properties-可以指定配置文件路径" target="_blank">java 解析 properties-使用 Properties-可以指定配置文件路径</a> <span class="text-muted">cuityang</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/properties/1.htm">properties</a> <div>#mq xdr.mq.url=tcp://192.168.100.15:61618; import java.io.IOException; import java.util.Properties; public class Test { String conf = "log4j.properties"; private static final</div> </li> <li><a href="/article/2470.htm" title="Java核心问题集锦" target="_blank">Java核心问题集锦</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80/1.htm">基础</a><a class="tag" taget="_blank" href="/search/%E6%A0%B8%E5%BF%83/1.htm">核心</a><a class="tag" taget="_blank" href="/search/%E9%9A%BE%E7%82%B9/1.htm">难点</a> <div>注意，这里的参考文章基本来自Effective Java和jdk源码 1)ConcurrentModificationException 当你用for each遍历一个list时，如果你在循环主体代码中修改list中的元素，将会得到这个Exception，解决的办法是： 1)用listIterator, 它支持在遍历的过程中修改元素， 2)不用listIterator, new一个</div> </li> <li><a href="/article/2724.htm" title="1分钟学会Markdown语法" target="_blank">1分钟学会Markdown语法</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/markdown/1.htm">markdown</a> <div>markdown 简明语法 基本符号 *,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码，tab是用来标记 代码段，分别对应html的code，pre标签 换行 单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号，然后是空行</div> </li> <li><a href="/article/2851.htm" title="Gson使用二（GsonBuilder）" target="_blank">Gson使用二（GsonBuilder）</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/gson/1.htm">gson</a><a class="tag" taget="_blank" href="/search/GsonBuilder/1.htm">GsonBuilder</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2175473 一.概述 GsonBuilder用来定制java跟json之间的转换格式 二.基本使用 实体测试类： 温馨提示：默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField</div> </li> <li><a href="/article/2978.htm" title="报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList" target="_blank">报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>有一个工程，本来运行是正常的，我想把它移植到另一台PC上，结果报： java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f</div> </li> <li><a href="/article/3105.htm" title="JavaWeb之JSP指令" target="_blank">JavaWeb之JSP指令</a> <span class="text-muted">ihuning</span> <a class="tag" taget="_blank" href="/search/javaweb/1.htm">javaweb</a> <div> 要点 JSP指令简介 page指令 include指令 JSP指令简介 JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出，而只是告诉引擎如何处理JSP页面中的其余部分。 JSP指令的基本语法格式： <%@ 指令 属性名="</div> </li> <li><a href="/article/3232.htm" title="mac上编译FFmpeg跑ios" target="_blank">mac上编译FFmpeg跑ios</a> <span class="text-muted">啸笑天</span> <a class="tag" taget="_blank" href="/search/ffmpeg/1.htm">ffmpeg</a> <div>1、下载文件：https://github.com/libav/gas-preprocessor， 复制gas-preprocessor.pl到/usr/local/bin/下， 修改文件权限：chmod 777 /usr/local/bin/gas-preprocessor.pl 2、安装yasm-1.2.0 curl http://www.tortall.net/projects/yasm</div> </li> <li><a href="/article/3359.htm" title="sql mysql oracle中字符串连接" target="_blank">sql mysql oracle中字符串连接</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a> <div>有的时候，我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的： MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + CONCAT() 的语法如下： Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3，等字串连在一起。 请注意，Oracle的CON</div> </li> <li><a href="/article/3486.htm" title="Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate" target="_blank">Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a> <div>// 报错如下： $ git pull origin master fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce rtificate // 原因： 由于git最新版默认使用ssl安全验证，但是我们是使用的git未设</div> </li> <li><a href="/article/3613.htm" title="windows命令行设置wifi" target="_blank">windows命令行设置wifi</a> <span class="text-muted">surfingll</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/wifi/1.htm">wifi</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0%E6%9C%ACwifi/1.htm">笔记本wifi</a> <div>还没有讨厌无线wifi的无尽广告么，还在耐心等待它慢慢启动么 教你命令行设置 笔记本电脑wifi： 1、开启wifi命令 netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456 netsh wlan start hostednetwork pause 其中pause是等待输入，可以去掉 2、</div> </li> <li><a href="/article/3740.htm" title="Linux（Ubuntu）下安装sysv-rc-conf" target="_blank">Linux（Ubuntu）下安装sysv-rc-conf</a> <span class="text-muted">wmlJava</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/sysv-rc-conf/1.htm">sysv-rc-conf</a> <div>安装：sudo apt-get install sysv-rc-conf 使用：sudo sysv-rc-conf 操作界面十分简洁，你可以用鼠标点击，也可以用键盘方向键定位，用空格键选择，用Ctrl+N翻下一页，用Ctrl+P翻上一页，用Q退出。 背景知识 sysv-rc-conf是一个强大的服务管理程序，群众的意见是sysv-rc-conf比chkconf</div> </li> <li><a href="/article/3867.htm" title="svn切换环境，重发布应用多了javaee标签前缀" target="_blank">svn切换环境，重发布应用多了javaee标签前缀</a> <span class="text-muted">zengshaotao</span> <a class="tag" taget="_blank" href="/search/javaee/1.htm">javaee</a> <div>更换了开发环境，从杭州，改变到了上海。svn的地址肯定要切换的，切换之前需要将原svn自带的.svn文件信息删除，可手动删除，也可通过废弃原来的svn位置提示删除.svn时删除。 然后就是按照最新的svn地址和规范建立相关的目录信息，再将原来的纯代码信息上传到新的环境。然后再重新检出，这样每次修改后就可以看到哪些文件被修改过，这对于增量发布的规范特别有用。 检出</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>
