快速了解JavaScript的文本框操作

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 align="center">类型</th> <th align="center">描述</th> </tr> </thead> <tbody> <tr> <td align="center">text</td> <td align="center">文本输入</td> </tr> <tr> <td align="center">password</td> <td align="center">密码输入</td> </tr> <tr> <td align="center">submit</td> <td align="center">表单数据提交</td> </tr> <tr> <td align="center">button</td> <td align="center">按钮</td> </tr> <tr> <td align="center">radio</td> <td align="center">单选框</td> </tr> <tr> <td align="center">checkbox</td> <td align="center">复选框</td> </tr> <tr> <td align="center">file</td> <td align="center">文件</td> </tr> <tr> <td align="center">hidden</td> <td align="center">隐藏的字段</td> </tr> <tr> <td align="center">image</td> <td align="center">定义图像作为提交按钮</td> </tr> <tr> <td align="center">reset</td> <td 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 align="center">属性</th> <th align="center">类型</th> <th align="center">描述</th> </tr> </thead> <tbody> <tr> <td align="center">autocomplete</td> <td align="center">string</td> <td align="center">字符串on或off，表示<code><input></code>元素的输入内容可以被浏览器自动补全。</td> </tr> <tr> <td align="center">maxLength</td> <td align="center">long</td> <td align="center">指定<code><input></code>元素允许的最多字符数。</td> </tr> <tr> <td align="center">size</td> <td align="center">unsigned long</td> <td align="center">表示<code><input></code>元素的宽度，这个宽度是以字符数来计量的。</td> </tr> <tr> <td align="center">pattern</td> <td align="center">string</td> <td align="center">表示<code><input></code>元素的值应该满足的正则表达式</td> </tr> <tr> <td align="center">placeholder</td> <td align="center">string</td> <td align="center">表示<code><input></code>元素的占位符，作为对元素的提示。</td> </tr> <tr> <td align="center">readOnly</td> <td align="center">boolean</td> <td align="center">表示用户是否可以修改<code><input></code>的值。</td> </tr> <tr> <td align="center">min</td> <td align="center">string</td> <td align="center">表示<code><input></code>元素的最小数值或日期。</td> </tr> <tr> <td align="center">max</td> <td align="center">string</td> <td align="center">表示<code><input></code>元素的最大数值或日期。</td> </tr> <tr> <td align="center">selectionStart</td> <td align="center">unsigned long</td> <td align="center">表示选中文本的起始位置。如果没有选中文本，返回光标在<code><input></code>元素内部的位置。</td> </tr> <tr> <td align="center">selectionEnd</td> <td align="center">unsigned long</td> <td align="center">表示选中文本的结束位置。如果没有选中文本，返回光标在<code><input></code>元素内部的位置。</td> </tr> <tr> <td align="center">selectionDirection</td> <td align="center">string</td> <td 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>注意：不同浏览器处理必填字段的机制不同。Firefox、Chrome、IE 和Opera 会阻止表单提交并在相应字段下面显示有帮助信息的弹框，而Safari 什么也不做，也不会阻止提交表单。</p> <h3>更多输入类型</h3> <p>HTML5 为 <code><input></code> 元素增加了几个新的 <code>type</code> 值。如下所示：</p> <table> <thead> <tr> <th align="center">类型</th> <th align="center">描述</th> </tr> </thead> <tbody> <tr> <td align="center">number</td> <td align="center">数字值的输入</td> </tr> <tr> <td align="center">date</td> <td align="center">日期输入</td> </tr> <tr> <td align="center">color</td> <td align="center">颜色输入</td> </tr> <tr> <td align="center">range</td> <td align="center">一定范围内的值的输入</td> </tr> <tr> <td align="center">month</td> <td align="center">允许用户选择月份和年份</td> </tr> <tr> <td align="center">week</td> <td align="center">允许用户选择周和年份</td> </tr> <tr> <td align="center">time</td> <td align="center">允许用户选择时间（无时区）</td> </tr> <tr> <td align="center">datetime</td> <td align="center">允许用户选择日期和时间（有时区）</td> </tr> <tr> <td align="center">datetime-local</td> <td align="center">允许用户选择日期和时间（无时区）</td> </tr> <tr> <td align="center">email</td> <td align="center">电子邮件地址的输入</td> </tr> <tr> <td align="center">search</td> <td align="center">搜索（表现类似常规文本）</td> </tr> <tr> <td align="center">tel</td> <td align="center">电话号码的输入</td> </tr> <tr> <td align="center">url</td> <td 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>」<br><span class="img-wrap"><img class="lazy" alt="image" title="image" src="http://img.e-com-net.com/image/info9/e03ce80427c7481da6a70ffa5aa3e0d9.jpg" width="0" height="0"></span></p> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1459695400515579904"></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/1882478127658102784.htm" title="c#分页_《Dotnet9》系列-开源C# WPF控件库3《HandyControl》强力推荐" target="_blank">c#分页_《Dotnet9》系列-开源C# WPF控件库3《HandyControl》强力推荐</a> <span class="text-muted">weixin_39654058</span> <a class="tag" taget="_blank" href="/search/c%23%E5%88%86%E9%A1%B5/1.htm">c#分页</a><a class="tag" taget="_blank" href="/search/c%23%E7%BB%99%E6%8C%89%E9%92%AE%E6%B7%BB%E5%8A%A0%E9%93%BE%E6%8E%A5/1.htm">c#给按钮添加链接</a><a class="tag" taget="_blank" href="/search/wpf/1.htm">wpf</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>大家好，我是Dotnet9小编，一个从事dotnet开发8年+的程序员。我最近开始写dotnet分享文章，希望能让更多人看到dotnet的发展，了解更多dotnet技术，帮助dotnet程序员应用dotnet技术更好的运用于工作和学习中去。历经3个白天2个黑夜（至凌晨2点），Dotnet9小编经过反复修改、润色，终于完成此文编写（本文略长，手机党请考虑流量），只能说小编我不容易呀不容易。完成此文编</div> </li> <li><a href="/article/1882452026441396224.htm" title="用Java发送Email就这么简单" target="_blank">用Java发送Email就这么简单</a> <span class="text-muted">五行星辰</span> <a class="tag" taget="_blank" href="/search/%E4%B8%9A%E5%8A%A1%E7%B3%BB%E7%BB%9F%E5%BA%94%E7%94%A8%E6%8A%80%E6%9C%AF/1.htm">业务系统应用技术</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>咱程序员在开发过程中，时常会遇到需要发送邮件的场景，好比通知用户注册成功、提醒密码找回啥的。这时候，Java就派上大用场啦，今儿个咱就唠唠咋用Java发送Email。一、准备工作要实现Java发送邮件，咱得先引入相关的依赖。要是用Maven构建项目，在pom.xml文件里加上这几行代码：javax.mailmail1.4.7javax.activationactivation1.1.1这就好比给你</div> </li> <li><a href="/article/1882405504160952320.htm" title="多级缓存 JVM进程缓存" target="_blank">多级缓存 JVM进程缓存</a> <span class="text-muted">Rverdoser</span> <a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>在Java虚拟机（JVM）中，多级缓存通常指的是JVM内部的多层缓存机制，包括指令缓存、数据缓存等，这些缓存都是为了提高程序运行效率。在Java中，JVM的多级缓存是自动管理的，不需要程序员手动干预。但是，如果你想要监控或调试这些缓存的行为，可以使用一些JVM提供的工具和选项，如JMC（JavaMissionControl）、JVisualVM、JFR（JavaFlightRecorder）等。如</div> </li> <li><a href="/article/1882381932256358400.htm" title="读后感：《The Missing README: A Guide for the New Software Engineer》" target="_blank">读后感：《The Missing README: A Guide for the New Software Engineer》</a> <span class="text-muted">rongqing2019</span> <a class="tag" taget="_blank" href="/search/%E8%AF%BB%E5%90%8E%E6%84%9F/1.htm">读后感</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%B7%A5%E7%A8%8B/1.htm">软件工程</a> <div>最近在读一本书，中文版的书名叫《程序员的README》，我觉得非常有收获，但是觉得标题翻译的不好，原名就见名知意，这本书是在阿里云开发者公众号上看到了一篇读书笔记让我觉得这本书的内容真好（读书笔记｜程序员的README），自己正在实习，这个“README文档”帮助我慢慢解开了一直以来的疑惑，完整的介绍了现代软件工程的细节，边工作边看，具象了许多。先简单介绍一下作者ChrisRiccomini（详细</div> </li> <li><a href="/article/1882377899990904832.htm" title="Java网络编程" target="_blank">Java网络编程</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/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>基本的通信架构1.CS架构（Client客户端/Server服务端）Client客户端：需要程序员开发客户端软件需要用户下载安装客户端软件Server服务端：需要程序员开发服务端程序BS架构（Browser浏览器/Server服务端）。Browser浏览器不需要程序员开发需要用户下载安装浏览器Server服务端需要程序员开发服务端程序网络通信三要素IP地址设备在网络中的地址，是设备在网络中的唯一标</div> </li> <li><a href="/article/1882370033456312320.htm" title="程序员这辈子| 还有5天到2025年，说点掏心窝的话~" target="_blank">程序员这辈子| 还有5天到2025年，说点掏心窝的话~</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%90%8E%E7%AB%AF%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">前端后端程序员</a> <div>1.不要追求完美，专注于成长作为一名程序员，初入职场时总想着把每一行代码都写得完美无缺，生怕出错。其实，真正重要的是不断地学习和成长。不要担心犯错，那是成长的必经之路。每一个Bug都是你前进的一步。#这是一个模拟简单的Bug修复过程的代码defdivide(a,b):try:returna/bexceptZeroDivisionError:print("Error:Divisionbyzerois</div> </li> <li><a href="/article/1882369578558877696.htm" title="cpp智能指针" target="_blank">cpp智能指针</a> <span class="text-muted">xianwu543</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</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/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>普通指针的不足new和new[]的内存需要用delete和deletel]释放。程序员的主观失误，忘了或漏了释放。程序员也不确定何时释放。普通指针的释放类内的指针，在析构函数中释放。C++内置数据类型，如何释放?new出来的类，本身如何释放?C++11新增三个智能指针类型unique_ptrshared_ptrweak_ptr一、智能指针unique_ptrunique_ptr独享它指向的对象，也</div> </li> <li><a href="/article/1882312338976075776.htm" title="程序员转行做什么好：数据分析师、AI大模型工程师、产品经理和云计算工程师？" target="_blank">程序员转行做什么好：数据分析师、AI大模型工程师、产品经理和云计算工程师？</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/%E4%BA%A7%E5%93%81%E7%BB%8F%E7%90%86/1.htm">产品经理</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B%E8%AE%AD%E7%BB%83/1.htm">大模型训练</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">AI大模型</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>程序员转行做什么好先给结论再说理由：数据分析师、AI大模型工程师、产品经理和云计算工程师。这些领域不仅因应了当前技术发展的趋势，也为程序员提供了转型的广阔舞台和职业发展的新机遇。一起来看看吧！数据分析师：数据驱动决策的关键程序员转行时，应考虑当前市场上的热门行业和岗位需求。例如，AI大模型工程师、数据分析师、前端开发工程师、全栈开发工程师等都是当前市场上需求量较大的职位。就拿数据分析师来说，因其在</div> </li> <li><a href="/article/1882260531373469696.htm" title="VBA语言的区块链" target="_blank">VBA语言的区块链</a> <span class="text-muted">轩辕烨瑾</span> <a class="tag" taget="_blank" href="/search/%E5%8C%85%E7%BD%97%E4%B8%87%E8%B1%A1/1.htm">包罗万象</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>用VBA语言探讨区块链技术引言区块链技术自2008年比特币的问世以来，逐渐成为了一个热门的话题。它不仅推动了数字货币的崛起，更在金融、供应链、医疗、游戏等众多领域展示出了巨大的应用潜力。然而，对于很多程序员来说，如何实现和理解区块链的概念和原理仍然是一个挑战。本文将结合VBA（VisualBasicforApplications）语言，深入浅出地探讨区块链的基本概念，工作原理，以及如何利用VBA实</div> </li> <li><a href="/article/1882232414013550592.htm" title="浅谈代码“整洁”VS代码“肮脏”" target="_blank">浅谈代码“整洁”VS代码“肮脏”</a> <span class="text-muted">编程-李老师</span> <a class="tag" taget="_blank" href="/search/%E5%85%B3%E4%BA%8E%E4%BB%A3%E7%A0%81/1.htm">关于代码</a><a class="tag" taget="_blank" href="/search/2019%E5%B9%B49%E6%9C%88/1.htm">2019年9月</a> <div>写出整洁的代码，养成所谓的代码“洁癖”是每个程序员的追求。《cleancode》指出，要想写出好的代码，首先得知道什么是肮脏代码、什么是整洁代码；然后通过大量的刻意练习，才能真正写出整洁的代码。WTF/min是衡量代码质量的唯一标准，UncleBob在书中称糟糕的代码为沼泽（wading），这只突出了我们是糟糕代码的受害者。国内有一个更适合的词汇：屎山，虽然不是很文雅但是更加客观，程序员既是受害者</div> </li> <li><a href="/article/1882232161029910528.htm" title="计算机基础cpu知识,CPU基础知识大全详解" target="_blank">计算机基础cpu知识,CPU基础知识大全详解</a> <span class="text-muted">黎边</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E5%9F%BA%E7%A1%80cpu%E7%9F%A5%E8%AF%86/1.htm">计算机基础cpu知识</a> <div>CPU基础知识大全详解有哪些？CPU在电脑中是最核心关键的硬件之一，相当于人的大脑，决定了电脑运算能力，因此CPU的选择至关重要。下面就让小编带你去看看CPU基础知识大全详解，希望对你有所帮助吧!程序员必须了解的CPU知识-科普篇1导读对于一名程序员来说，无论你使用的是什么语言，代码最终都会交给CPU来执行。所以了解CPU相关的知识一方面属于程序员的内功，另一方面也可以帮助你在日常编写代码时写出更</div> </li> <li><a href="/article/1882223577210613760.htm" title="每个程序员都该学习的5种开发语言" target="_blank">每个程序员都该学习的5种开发语言</a> <span class="text-muted">阿玥的小东东</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/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>我曾在某处读到过（可能在《代码大全》，但我不敢确定），程序员应该每年学习一门新的编程语言。但如果做不到，我建议，你至少学习以下5种开发语言，以便你在职业生涯有很好的表现。每个公司都喜爱精通多种编程语言并且多才多艺的程序员。一个既能很麻利地写脚本，也能编写复杂的Java程序的程序员，确实相当有价值。所以实际上，对于高级开发者来说，学习不止一种编程语言，几乎就是必然的要求。目前而言，面试官越来越看重那</div> </li> <li><a href="/article/1882122029684027392.htm" title="AI 对程序员的冲击剖析" target="_blank">AI 对程序员的冲击剖析</a> <span class="text-muted">程序员WANG</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7/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%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a> <div>摘要随着人工智能（AI）技术的飞速发展，其影响力已逐渐渗透到各个行业，程序员群体也面临着前所未有的冲击。本文深入探讨AI对程序员在编程工作模式、技能需求以及职业发展路径等方面带来的冲击，并分析程序员应对这些冲击的策略与方向，旨在为程序员在AI时代的职业发展提供参考。一、引言AI技术近年来取得了突破性进展，其在自然语言处理、机器学习、深度学习等领域的应用日益广泛。在软件开发领域，AI不再仅仅是辅助工</div> </li> <li><a href="/article/1882049639474065408.htm" title="AI写代码工具：程序员的效率利器与职业发展新机遇" target="_blank">AI写代码工具：程序员的效率利器与职业发展新机遇</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在如今竞争激烈的职业环境中，个人职业发展至关重要。提升工作效率，专注于核心竞争力，已成为每位职场人士，特别是程序员的共同追求。而随着人工智能技术的飞速发展，各种AI写代码工具应运而生，为程序员们提供了前所未有的效率提升和职业发展新机遇。本文将深入探讨AI代码生成工具如何帮助程序员提升效率，掌握新技术，并最终促进职业发展。提升效率，专注核心竞争力程序员的工作常常涉及大量重复性的代码编写，例如前端页面</div> </li> <li><a href="/article/1881991019508068352.htm" title="深入探讨Web应用开发：从前端到后端的全栈实践" target="_blank">深入探讨Web应用开发：从前端到后端的全栈实践</a> <span class="text-muted">禁默</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录引言1.Web应用开发的基本架构2.前端开发技术HTML、CSS和JavaScript前端框架与库响应式设计与移动优先3.后端开发技术Node.js（JavaScript后端）Python（Flask和Django）RubyonRailsJava（SpringBoot）4.数据库选择与管理关系型数据库（SQL）非关系型数据库（NoSQL）5.API设计与开发RESTfulAPIGraphQL6</div> </li> <li><a href="/article/1881949894973911040.htm" title="程序员创业公司的技术栈选择与性能优化" target="_blank">程序员创业公司的技术栈选择与性能优化</a> <span class="text-muted">AI天才研究院</span> <a class="tag" taget="_blank" href="/search/ChatGPT/1.htm">ChatGPT</a><a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E4%BC%81%E4%B8%9A%E7%BA%A7%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">AI大模型企业级应用开发实战</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AEAI%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">大数据AI人工智能</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%8E%82Offer%E6%94%B6%E5%89%B2%E6%9C%BA/1.htm">大厂Offer收割机</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E5%8E%86/1.htm">简历</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E8%AF%BB%E4%B9%A6/1.htm">程序员读书</a><a class="tag" taget="_blank" href="/search/%E7%A1%85%E5%9F%BA%E8%AE%A1%E7%AE%97/1.htm">硅基计算</a><a class="tag" taget="_blank" href="/search/%E7%A2%B3%E5%9F%BA%E8%AE%A1%E7%AE%97/1.htm">碳基计算</a><a class="tag" taget="_blank" href="/search/%E8%AE%A4%E7%9F%A5%E8%AE%A1%E7%AE%97/1.htm">认知计算</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E7%89%A9%E8%AE%A1%E7%AE%97/1.htm">生物计算</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a><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/AIGC/1.htm">AIGC</a><a class="tag" taget="_blank" href="/search/AGI/1.htm">AGI</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a><a class="tag" taget="_blank" href="/search/Agent/1.htm">Agent</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E5%AE%9E%E7%8E%B0%E8%B4%A2%E5%AF%8C%E8%87%AA%E7%94%B1/1.htm">程序员实现财富自由</a> <div>《程序员创业公司的技术栈选择与性能优化》概述本文旨在探讨程序员创业公司在选择技术栈和进行性能优化方面的策略与实践。随着技术的不断进步和市场的快速变化，技术栈的选择和优化成为创业公司成功的关键因素。正确的技术栈选择不仅能够提升系统的性能和可扩展性，还能降低开发成本和维护难度。关键词技术栈选择性能优化创业公司云计算数据库微服务人工智能区块链边缘计算摘要本文首先分析了技术栈选择的重要性以及创业公司在技术</div> </li> <li><a href="/article/1881901271116476416.htm" title="程序员如何优雅的挣零花钱！9 种思路打开你挣钱的世界" target="_blank">程序员如何优雅的挣零花钱！9 种思路打开你挣钱的世界</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E7%94%9F%E6%B4%BB%E5%89%8D%E7%AB%AF%E5%90%8E%E7%AB%AF%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员生活前端后端程序员</a> <div>如何优雅而不失体面！虽然程序员有女朋友的不多（误），但是开销往往都不小。VPS、域名、Mac上那一堆的收费软件、还有Apple每年更新的那些设备，经常都是肾不够用的节奏。幸好作为程序员，我们有更多挣钱的姿势。有同学该嚷了：不就是做私单嘛。对，但是也不太对。做私单的确是一个简单直接方式，但在我看来，私单的投入产出比很差，并不是最优的。但既然提到了，就先说说吧。笔者博客首更地址：https://git</div> </li> <li><a href="/article/1881875627376701440.htm" title="Python框架-Flask" target="_blank">Python框架-Flask</a> <span class="text-muted">flylr^</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/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>1.Flask介绍Flask作为主流的框架之一，是每个程序员必不可少掌握的,使用python语言基于Werkzeug工具箱编写的轻量级Web开发框架；本身相当于一个内核,其他几乎所有的功能都要用到扩展；核心在于Werkzeug(路由模块),Jinja2模板引擎。相比于django，flask比较轻，轻不代表它的功能不够强大，而是它拥有丰富的扩展，依赖于扩展给应用添加功能2.环境搭建1.安装Flas</div> </li> <li><a href="/article/1881801736394436608.htm" title="Python 打包成 EXE 的方法详解" target="_blank">Python 打包成 EXE 的方法详解</a> <span class="text-muted">小黄编程快乐屋</span> <a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>#1024程序员节｜征文#日常开发中，python由于其便捷性成为了很多人的首选语言，但是python的环境配置也是有点麻烦的，那么我们如何让其变得更加友好呢？没错，就是打包成exe可执行文件。一、PyInstaller简介PyInstaller是一个非常流行的Python工具，可以将Python脚本打包为独立的可执行文件。它支持Windows、macOS和Linux系统，特别适合需要跨平台打包的</div> </li> <li><a href="/article/1881791772988862464.htm" title="程序员如何培养技术领导力？" target="_blank">程序员如何培养技术领导力？</a> <span class="text-muted">借雨醉东风</span> <a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86%E5%8F%8A%E9%9D%A2%E8%AF%95%E5%BF%83%E5%BE%97/1.htm">管理及面试心得</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a> <div>关注我，持续分享逻辑思维&管理思维&面试题；可提供大厂面试辅导、及定制化求职/在职/管理/架构辅导；推荐专栏《10天学会使用asp.net编程AI大模型》，目前已完成所有内容。一顿烧烤不到的费用，让人能紧跟时代的浪潮。从普通网站，到公众号、小程序，再到AI大模型网站。干货满满。学成后可接项目赚外快，绝对划算。不仅学会如何编程，还将学会如何将AI技术应用到实际问题中，为您的职业生涯增添一笔宝贵的财富</div> </li> <li><a href="/article/1881706407028387840.htm" title="ChatGPT搜索漏洞：AI代码生成器安全隐患及应对策略" target="_blank">ChatGPT搜索漏洞：AI代码生成器安全隐患及应对策略</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>近年来，随着人工智能技术的飞速发展，各种AI代码生成器层出不穷，为程序员带来了极大的便利。然而，技术进步的同时也伴随着安全风险的提升。最近，OpenAI的ChatGPT搜索工具曝出重大安全漏洞，引发了业界广泛关注。本文将深入探讨该漏洞的细节、影响以及应对措施，并展望未来AI工具安全发展趋势。ChatGPT作为一款强大的AI工具，其搜索功能本意是帮助用户快速获取信息。然而，英国卫报近期报道揭露了Ch</div> </li> <li><a href="/article/1881696557489778688.htm" title="33岁人在重庆，程序员，从国企辞职了" target="_blank">33岁人在重庆，程序员，从国企辞职了</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%90%8E%E7%AB%AF%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">前端后端程序员</a> <div>在我28岁的时候，会为“程序员的35岁”焦虑，那年纪的我真的很害怕未来没了工作该怎么办。当时这焦虑是我内心下一层次的忧虑，它更多来自于平日里的网上冲浪以及和菠萝包的聊天：“咱们未来失业了可怎么办呢？”当时我并不细究焦虑的前前后后，我的第一优先级，还只是“回不回重庆，以及什么时候回重庆”。转眼5年过去，去到深圳两年又已经回到重庆一年半的我，在写公众号、读书、反思解剖自己的过程中，仿佛将这焦虑一点点拆</div> </li> <li><a href="/article/1881691523117019136.htm" title="java面向对象的面试题_java 面向对象 面试题" target="_blank">java面向对象的面试题_java 面向对象 面试题</a> <span class="text-muted">weixin_39743414</span> <a class="tag" taget="_blank" href="/search/java%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E7%9A%84%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">java面向对象的面试题</a> <div>2.java是如何做到跨平台的？源程序(java)--字节码(二进制class)--类装载器(加载)—字节码检验器—解释器(不同版本，跨平台根本原因)---操作系统平台(编译加解释语言)编译：产生一个新文件。解释：没有新文件产生。3.java程序员的执行过程是怎样的？先由程序员书写java源文件，再由javac(编译)命令操作源文件将其编写为class文件，在通过java(运行)命令进入类加载器，</div> </li> <li><a href="/article/1881677011391410176.htm" title="分享C++程序员面试八股文(二)" target="_blank">分享C++程序员面试八股文(二)</a> <span class="text-muted">柏柏柏衬</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>以下是一些C++常见的八股文问题及回答：说一下static关键字的作用全局静态变量：在全局变量前加上static，它将存放在静态存储区，在整个程序运行期间一直存在。未经初始化的全局静态变量会被自动初始化为0，其作用域是从定义之处开始到文件结尾，在声明它的文件之外不可见。局部静态变量：位于局部变量之前的static使其成为局部静态变量，同样存放在静态存储区。未经初始化的局部静态变量也会被自动初始化为</div> </li> <li><a href="/article/1881587440255299584.htm" title="cpp智能指针" target="_blank">cpp智能指针</a> <span class="text-muted">xianwu543</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</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/mysql/1.htm">mysql</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/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>普通指针的不足new和new[]的内存需要用delete和deletel]释放。程序员的主观失误，忘了或漏了释放。程序员也不确定何时释放。普通指针的释放类内的指针，在析构函数中释放。C++内置数据类型，如何释放?new出来的类，本身如何释放?C++11新增三个智能指针类型unique_ptrshared_ptrweak_ptr一、智能指针unique_ptrunique_ptr独享它指向的对象，也</div> </li> <li><a href="/article/1881585550520020992.htm" title="RPA手把手：【Intermediate Python】一、*args 和 **kwargs" target="_blank">RPA手把手：【Intermediate Python】一、*args 和 **kwargs</a> <span class="text-muted">艺赛旗RPA</span> <a class="tag" taget="_blank" href="/search/RPA/1.htm">RPA</a><a class="tag" taget="_blank" href="/search/RPA%E6%95%99%E7%A8%8B/1.htm">RPA教程</a><a class="tag" taget="_blank" href="/search/python%E5%9F%BA%E7%A1%80/1.htm">python基础</a><a class="tag" taget="_blank" href="/search/RPA/1.htm">RPA</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E8%89%BA%E8%B5%9B%E6%97%97/1.htm">艺赛旗</a> <div>艺赛旗RPA10.0全新首发免费下载点击下载www.i-search.com.cn/index.html?from=line1我观察到，大部分新的Python程序员都需要花上大量时间理解清楚*args和**kwargs这两个魔法变量。那么它们到底是什么？首先让我告诉你，其实并不是必须写成args和**kwargs。只有变量前面的星号才是必须的，你也可以写成var和vars，而写成*args和kwa</div> </li> <li><a href="/article/1881558791560949760.htm" title="太假了，这简历一看就是包装的。。" target="_blank">太假了，这简历一看就是包装的。。</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>大家好，我是R哥。最近做Java面试辅导，看了许多小伙伴的简历，有的人的简历一看就知道是包装的，比如这位，他自己都承认了：见过太多这样的同学了，自己瞎折腾，哭笑不得。包装过的简历，作为多年面试官，我一眼就能看出来，相信其他面试官也会有同样的感觉，这也是为什么很多人的简历都是已读不回的状态。下面我简单说说包装的简历的特点。1、技术栈过于庞大有些程序员的简历会列出大量的技术栈和工具，有些人可能觉得罗列</div> </li> <li><a href="/article/1881554404994248704.htm" title="C语言的语法糖" target="_blank">C语言的语法糖</a> <span class="text-muted">AI向前看</span> <a class="tag" taget="_blank" href="/search/%E5%8C%85%E7%BD%97%E4%B8%87%E8%B1%A1/1.htm">包罗万象</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>C语言的语法糖引言在程序开发的过程中，语言的设计和编写风格往往会直接影响开发效率和代码可读性。C语言作为一种广泛应用于系统编程和嵌入式开发的编程语言，其设计虽然追求简洁与高效，但在某些方面同样存在可以提高编程体验的“语法糖”。本文将深入探讨C语言中的语法糖概念及其应用对程序员的帮助。一、什么是语法糖“语法糖”（SyntacticSugar）一词最早由计算机科学家希伯特·马克·古尔德（PeterJ.</div> </li> <li><a href="/article/1881554277957169152.htm" title="Python语言的编程范式" target="_blank">Python语言的编程范式</a> <span class="text-muted">AI向前看</span> <a class="tag" taget="_blank" href="/search/%E5%8C%85%E7%BD%97%E4%B8%87%E8%B1%A1/1.htm">包罗万象</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>Python语言的编程范式Python是一种广泛使用的高级编程语言，它因其简单易读的语法和强大的功能而受到程序员的喜爱。自1991年由荷兰人GuidolvanRossum首次发布以来，Python的发展迅速，其应用范围涵盖了Web开发、数据分析、人工智能、科学计算、自动化等多个领域。本文将深入探讨Python的编程范式，帮助读者更好地理解该语言的特性和优势。1.什么是编程范式编程范式是对程序设计风</div> </li> <li><a href="/article/1881532446709706752.htm" title="软件测试行业的前世今生" target="_blank">软件测试行业的前世今生</a> <span class="text-muted">蚂蚁质量</span> <a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E7%AE%A1%E7%90%86/1.htm">测试管理</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/%E5%8A%9F%E8%83%BD%E6%B5%8B%E8%AF%95/1.htm">功能测试</a> <div>萌芽起步：初期阶段（1945-1960年代）回溯到计算机发展的黎明期，1945年至1960年代，计算机宛如科学与军事领域的“神秘巨兽”。当时的计算机体积庞大，占据着巨大的空间，造价高昂，只有少数科研机构和军事部门有能力使用。以ENIAC为例，它占地170平方米，重达30吨，每秒仅能进行5000次加法运算。软件在这个时期还处于萌芽阶段，开发过程简单而直接。程序员们编写代码时，测试只是顺带的工作，基本</div> </li> <li><a href="/article/18.htm" title="jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque" target="_blank">jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque</a> <span class="text-muted">qiaolevip</span> <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/%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/%E8%B7%A8%E5%9F%9F/1.htm">跨域</a><a class="tag" taget="_blank" href="/search/%E4%BC%97%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">众观千象</a> <div>XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1 </div> </li> <li><a href="/article/145.htm" title="mysql 分区查询优化" target="_blank">mysql 分区查询优化</a> <span class="text-muted">annan211</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%8C%BA/1.htm">分区</a><a class="tag" taget="_blank" href="/search/%E4%BC%98%E5%8C%96/1.htm">优化</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> 分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions</div> </li> <li><a href="/article/272.htm" title="MYSQL存储过程中使用游标" target="_blank">MYSQL存储过程中使用游标</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/Mysql%E5%AD%98%E5%82%A8%E8%BF%87%E7%A8%8B/1.htm">Mysql存储过程</a> <div>DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla</div> </li> <li><a href="/article/399.htm" title="mysql 和 sqlite 区别" target="_blank">mysql 和 sqlite 区别</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a> <div>转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq</div> </li> <li><a href="/article/526.htm" title="pinyin4j使用" target="_blank">pinyin4j使用</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/pinyin4j/1.htm">pinyin4j</a> <div>首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal</div> </li> <li><a href="/article/653.htm" title="微博发送私信" target="_blank">微博发送私信</a> <span class="text-muted">随意而生</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E5%8D%9A/1.htm">微博</a> <div>在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。 </div> </li> <li><a href="/article/780.htm" title="jsp" target="_blank">jsp</a> <span class="text-muted">香水浓</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div>JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后</div> </li> <li><a href="/article/907.htm" title="在 Windows 上安装 SVN Subversion 服务端" target="_blank">在 Windows 上安装 SVN Subversion 服务端</a> <span class="text-muted">AdyZhang</span> <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a> <div>在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使</div> </li> <li><a href="/article/1034.htm" title="android开发中如何使用 alertDialog从listView中删除数据？" target="_blank">android开发中如何使用 alertDialog从listView中删除数据？</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3 </div> </li> <li><a href="/article/1161.htm" title="jdk-6u26-linux-x64.bin 安装" target="_blank">jdk-6u26-linux-x64.bin 安装</a> <span class="text-muted">baalwolf</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs</div> </li> <li><a href="/article/1288.htm" title="MongoDB经典面试题集锦" target="_blank">MongoDB经典面试题集锦</a> <span class="text-muted">BigBird2012</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟</div> </li> <li><a href="/article/1415.htm" title="JavaScript异步编程Promise模式的6个特性" target="_blank">JavaScript异步编程Promise模式的6个特性</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Promise/1.htm">Promise</a> <div>        Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r</div> </li> <li><a href="/article/1542.htm" title="[Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager" target="_blank">[Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should</div> </li> <li><a href="/article/1669.htm" title="【Scala十五】Scala核心九：隐式转换之二" target="_blank">【Scala十五】Scala核心九：隐式转换之二</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) { </div> </li> <li><a href="/article/1796.htm" title="Android JSON数据的解析与封装小Demo" target="_blank">Android JSON数据的解析与封装小Demo</a> <span class="text-muted">ronin47</span> <div>转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor</div> </li> <li><a href="/article/1923.htm" title="[设计]字体创意设计方法谈" target="_blank">[设计]字体创意设计方法谈</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/ui%E8%87%AA%E5%AD%A6/1.htm">ui自学</a><a class="tag" taget="_blank" href="/search/ui%E8%A7%86%E9%A2%91/1.htm">ui视频</a><a class="tag" taget="_blank" href="/search/ui%E6%95%99%E7%A8%8B/1.htm">ui教程</a><a class="tag" taget="_blank" href="/search/ui%E8%B5%84%E6%96%99/1.htm">ui资料</a> <div>  从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔</div> </li> <li><a href="/article/2050.htm" title="单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值" target="_blank">单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a> <div>import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就</div> </li> <li><a href="/article/2177.htm" title="struts2处理一个form多个submit" target="_blank">struts2处理一个form多个submit</a> <span class="text-muted">chiangfai</span> <a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a> <div>web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述："></div> </li> <li><a href="/article/2304.htm" title="shell查找上个月，陷阱及野路子" target="_blank">shell查找上个月，陷阱及野路子</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号</div> </li> <li><a href="/article/2431.htm" title="mysql导出数据中文乱码问题" target="_blank">mysql导出数据中文乱码问题</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E6%96%87%E4%B9%B1%E7%A0%81/1.htm">中文乱码</a><a class="tag" taget="_blank" href="/search/%E5%AF%BC%E6%95%B0%E6%8D%AE/1.htm">导数据</a> <div>解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs</div> </li> <li><a href="/article/2558.htm" title="SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write" target="_blank">SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/smarty/1.htm">smarty</a><a class="tag" taget="_blank" href="/search/sae/1.htm">sae</a> <div>  对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path </div> </li> <li><a href="/article/2685.htm" title="《教父》系列台词" target="_blank">《教父》系列台词</a> <span class="text-muted">dcj3sjt126com</span> <div>Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &</div> </li> <li><a href="/article/2812.htm" title="mongodb安装与使用" target="_blank">mongodb安装与使用</a> <span class="text-muted">dyy_gusi</span> <a class="tag" taget="_blank" href="/search/mongo/1.htm">mongo</a> <div>一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun</div> </li> <li><a href="/article/2939.htm" title="Git排除目录" target="_blank">Git排除目录</a> <span class="text-muted">geeksun</span> <a class="tag" taget="_blank" href="/search/git/1.htm">git</a> <div>在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一</div> </li> <li><a href="/article/3066.htm" title="Ubuntu 创建开机自启动脚本的方法" target="_blank">Ubuntu 创建开机自启动脚本的方法</a> <span class="text-muted">hongtoushizi</span> <a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a> <div>转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755</div> </li> <li><a href="/article/3193.htm" title="第八章 流量复制/AB测试/协程" target="_blank">第八章 流量复制/AB测试/协程</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a><a class="tag" taget="_blank" href="/search/coroutine/1.htm">coroutine</a> <div>流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发</div> </li> <li><a href="/article/3320.htm" title="电商系统商品表设计" target="_blank">电商系统商品表设计</a> <span class="text-muted">lkl</span> <div>DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL</div> </li> <li><a href="/article/3447.htm" title="修改phpMyAdmin导入SQL文件的大小限制" target="_blank">修改phpMyAdmin导入SQL文件的大小限制</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit. </div> </li> <li><a href="/article/3574.htm" title="Tomcat性能调优方案" target="_blank">Tomcat性能调优方案</a> <span class="text-muted">Sobfist</span> <a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a> <div>一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J</div> </li> <li><a href="/article/3701.htm" title="SQLServer学习笔记" target="_blank">SQLServer学习笔记</a> <span class="text-muted">vipbooks</span> <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/xml/1.htm">xml</a> <div>1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一</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>