| document's title |
</td>
</tr>
</tbody>
</table>
<h2>二、Build a Web Page</h2>
<h3>1. HTML Attributes & HTML Text Formatting</h3>
<table border="1" style="width:500px;">
<tbody>
<tr>
<td colspan="1" rowspan="2" style="width:159px;"><strong>HTML Attributes</strong></td>
<td style="width:340px;">provide<span style="color:#1a439c;"> additional information</span> to an HTML element</td>
</tr>
<tr>
<td style="width:340px;"><span style="color:#1a439c;">case insensitive</span></td>
</tr>
<tr>
<td colspan="1" rowspan="10" style="width:159px;"><strong>HTML Text Formatting</strong></td>
<td style="width:340px;"><strong><b></b> </strong>bold</td>
</tr>
<tr>
<td style="width:340px;"><strong><strong></strong></strong>strong</td>
</tr>
<tr>
<td style="width:340px;"><strong><bid></big></strong>big</td>
</tr>
<tr>
<td style="width:340px;"><strong><em></em></strong>emphasized</td>
</tr>
<tr>
<td style="width:340px;"><strong><i></i></strong>italic</td>
</tr>
<tr>
<td style="width:340px;"><strong><small></small></strong>small</td>
</tr>
<tr>
<td style="width:340px;"><strong><sub></sub></strong>subscripted</td>
</tr>
<tr>
<td style="width:340px;"><strong><sup></sup></strong>superscripted</td>
</tr>
<tr>
<td style="width:340px;"><strong><ins></ins></strong>inserted</td>
</tr>
<tr>
<td style="width:340px;"><strong><del></del></strong>deleted</td>
</tr>
</tbody>
</table>
<h3>2. Character Entities</h3>
<table border="1" style="width:500px;">
<tbody>
<tr>
<td>non-breaking space</td>
<td><strong> </strong></td>
</tr>
<tr>
<td>less than</td>
<td><strong><</strong></td>
</tr>
<tr>
<td>greater than</td>
<td><strong>></strong></td>
</tr>
<tr>
<td>ampersand</td>
<td><strong>&</strong></td>
</tr>
<tr>
<td>quotation mark</td>
<td><strong>"</strong></td>
</tr>
<tr>
<td>pound</td>
<td><strong>£</strong></td>
</tr>
<tr>
<td>yen</td>
<td><strong>¥</strong></td>
</tr>
<tr>
<td>euro</td>
<td><strong>&euro</strong></td>
</tr>
<tr>
<td>section</td>
<td><strong>§</strong></td>
</tr>
<tr>
<td>copyright</td>
<td><strong>©</strong></td>
</tr>
<tr>
<td>registered trademark</td>
<td><strong>®</strong></td>
</tr>
<tr>
<td>multiplication</td>
<td><strong>×</strong></td>
</tr>
<tr>
<td>division</td>
<td><strong>÷</strong></td>
</tr>
</tbody>
</table>
<h3>3. HTML Links</h3>
<table border="1" style="width:650px;">
<tbody>
<tr>
<td><span style="color:#1a439c;"><strong>link to another document</strong> </span>on the Web</td>
<td> <p><a href="linkpage.html">This text</a></p> <p><a href="http://www.qmul.ac.uk/">This text</a></p> </td>
</tr>
<tr>
<td>an<strong> <span style="color:#1a439c;">image</span></strong> as a link</td>
<td> <p><a href="linkpage.html"></p> <p><img border="0" src="image.jpg" width ="65" height="38"></a></p> </td>
</tr>
<tr>
<td><span style="color:#1a439c;"><strong>Target</strong>:</span> where to open the linked document</td>
<td> <p>_blank: open in a new window or tab</p> <p><a href="http://www.qmul.ac.uk/" target="_blank"></a></p> <p>_self: open in the same frame as it was clicked</p> <p>_parent: open in the parent frame</p> <p>_top: open in the full body of the window</p> <p>framename: open in a named frame</p> </td>
</tr>
<tr>
<td><span style="color:#1a439c;"><strong>name and section</strong></span></td>
<td> <p><a name="top">top of the page</a></p> <p><a href="section.html"#top>Jump to the top</a></p> </td>
</tr>
</tbody>
</table>
<h3>4. HTML Tables/Lists/Images & Colors</h3>
<table border="1" style="width:650px;">
<tbody>
<tr>
<td rowspan="9" style="width:88px;"><strong>HTML Tables</strong></td>
<td style="width:169px;"><strong>a table</strong></td>
<td style="width:391px;"><table></td>
</tr>
<tr>
<td style="width:169px;"><strong>a table header</strong></td>
<td style="width:391px;"><th></td>
</tr>
<tr>
<td style="width:169px;"><strong>table row</strong></td>
<td style="width:391px;"><tr></td>
</tr>
<tr>
<td style="width:169px;"><strong>table cell</strong></td>
<td style="width:391px;"><td></td>
</tr>
<tr>
<td style="width:169px;"><strong>table caption</strong></td>
<td style="width:391px;"><caption></td>
</tr>
<tr>
<td style="width:169px;"><strong>table head</strong></td>
<td style="width:391px;"><thead></td>
</tr>
<tr>
<td style="width:169px;"><strong>table body</strong></td>
<td style="width:391px;"><tbody></td>
</tr>
<tr>
<td style="width:169px;"><strong>table footer</strong></td>
<td style="width:391px;"><tfoot></td>
</tr>
<tr>
<td style="width:169px;">其他</td>
<td style="width:391px;"> <p><span style="color:#1a439c;"><strong>Align</strong></span> <span style="color:#1a439c;"><strong>the text:</strong></span> <td align = "left/right/center"></td></p> <p><strong><span style="color:#1a439c;">Background colour:</span></strong> <table border = "1" bgcolor="red"></p> <p><strong><span style="color:#1a439c;">Background image: </span></strong><table border = "1" background = "bg.jpg"></p> </td>
</tr>
<tr>
<td colspan="1" rowspan="3" style="width:88px;"> <p><strong>HTML</strong></p> <p><strong>Lists</strong></p> </td>
<td style="width:169px;"><strong>Unordered list</strong></td>
<td style="width:391px;"> <p><ul> <li></li> </ul></p> </td>
</tr>
<tr>
<td style="width:169px;"><strong>Ordered list</strong></td>
<td style="width:391px;"><ol> <li></li> </ol></td>
</tr>
<tr>
<td style="width:169px;"><strong>Type of ordered list</strong></td>
<td style="width:391px;"><ol type = "A/a/Ⅰ/i"></td>
</tr>
<tr>
<td colspan="1" rowspan="5" style="width:88px;"> <p><strong>HTML</strong></p> <p><strong>Images & Colors</strong></p> <p></p> </td>
<td style="width:169px;"><strong>Insert an image <img></strong></td>
<td style="width:391px;"><img src = "image.gif" width = "144" height = "50"></td>
</tr>
<tr>
<td style="width:169px;"><strong>alt attribute</strong></td>
<td style="width:391px;"> <p>define an<span style="color:#1a439c;"> <strong>"alternate text"</strong> </span>for an image</p> <p><img src = "me.jpg" alt = "This is me"></p> </td>
</tr>
<tr>
<td style="width:169px;"><strong>Background image</strong></td>
<td style="width:391px;"><body <span style="color:#1a439c;">background</span>="background.jpg"></td>
</tr>
<tr>
<td style="width:169px;"><strong>Background color</strong></td>
<td style="width:391px;"><body <span style="color:#1a439c;">bgcolor</span>="#d0d0d0"></td>
</tr>
<tr>
<td style="width:169px;"><strong>Text colour</strong></td>
<td style="width:391px;"><body <span style="color:#1a439c;">bgcolor</span>="#d0d0d0" <span style="color:#1a439c;">text</span>="yellow"></td>
</tr>
</tbody>
</table>
<h2>三、Handling User Input</h2>
<h3>1. HTML Forms and Input</h3>
<table border="1" style="width:500px;">
<tbody>
<tr>
<td colspan="1" rowspan="3"><strong>HTML Forms</strong></td>
<td><span style="color:#1a439c;">select different kinds</span> of user input</td>
</tr>
<tr>
<td>an area that <span style="color:#1a439c;">contain form elements</span> that <span style="color:#1a439c;">allow user to enter information</span></td>
</tr>
<tr>
<td><form> <input></input> </form></td>
</tr>
<tr>
<td><strong>Input</strong></td>
<td>type is specified with <span style="color:#1a439c;">type attribute</span></td>
</tr>
</tbody>
</table>
<h3>2. Text Fields/Password Fields/Radio Buttons/Check Boxes/Simple dropdown box/Fieldset/Textarea/Button</h3>
<table border="1" style="width:650px;">
<tbody>
<tr>
<td colspan="1" rowspan="2" style="width:88px;"><strong>Text Fields</strong></td>
<td style="width:561px;"> <pre><code class="language-html"><form action="">
<input type = "text" name="user">
</form></code></pre> </td>
</tr>
<tr>
<td style="width:561px;"><span style="color:#1a439c;"><strong>name:</strong></span> the identifier that is sent to the server when you submit the form</td>
</tr>
<tr>
<td colspan="1" rowspan="2" style="width:88px;"><strong>Password Fields</strong></td>
<td style="width:561px;"> <pre><code class="language-html"><form action="">
<input type="password" name="password">
</form></code></pre> </td>
</tr>
<tr>
<td style="width:561px;">displays <strong><span style="color:#1a439c;">asterisks or bullet points</span></strong> instead of characters</td>
</tr>
<tr>
<td colspan="1" rowspan="2" style="width:88px;"><strong>Radio Buttons</strong></td>
<td style="width:561px;"> <pre><code class="language-html"><form>
<input type="radio" name="sex" value="male">Male
<input type="radio" name="sex" value="female">Female
</form></code></pre> </td>
</tr>
<tr>
<td style="width:561px;">select<span style="color:#1a439c;"><strong> one</strong></span> of the choices</td>
</tr>
<tr>
<td colspan="1" rowspan="2" style="width:88px;"><strong>Check Boxes</strong></td>
<td style="width:561px;"> <pre><code class="language-html"><form>
<input type = "checkbox" name="vehicle" value="bike">
<input type = "checkbox" name="vehicle" value="car">
</form></code></pre> </td>
</tr>
<tr>
<td style="width:561px;">select <strong>one or more</strong> options</td>
</tr>
<tr>
<td colspan="1" rowspan="2" style="width:88px;"><strong>Defining <label> for button</strong> <p></p> <p></p> </td>
<td style="width:561px;"> <p>Each<strong> <span style="color:#1a439c;">button</span> </strong>should have a<span style="color:#1a439c;"><strong> label</strong></span></p> <p><span style="color:#1a439c;"><strong><label></strong></span>: defines a label for <strong>an <input> element</strong>；</p> <p> allow a user to click on the label as well as the button</p> <p>The <strong>for attribute</strong> of the <label> tag = the i<strong>d attribute</strong> of the related element</p> </td>
</tr>
<tr>
<td style="width:561px;">
<blockquote>
<p><<span style="color:#fe2c24;">form</span> action="demo_form.asp"><br> <<strong><span style="color:#e6b223;">label </span>for =</strong> "<strong>male</strong>">Male</label></p>
<p> <<span style="color:#1c7892;">input type</span> = "radio" name="sex" <strong><span style="color:#e6b223;">id</span> =</strong>"<strong>male</strong>" value="male">Male</p>
<p></p>
<p> <<strong><span style="color:#e6b223;">label</span> for =</strong> "<strong>female</strong>">Female</label></p>
<p> <<span style="color:#1c7892;">input type </span>= "radio" name="sex"<strong> <span style="color:#e6b223;">id</span> =</strong>"<strong>female</strong>" value="female">Female</p>
<p></p>
<p> <<span style="color:#1c7892;">input type </span>= "submit" value="Submit"><br> <<span style="color:#fe2c24;">/form</span>></p>
</blockquote> </td>
</tr>
<tr>
<td colspan="1" style="width:88px;"><strong>Action attribute</strong></td>
<td style="width:561px;"> <p>define <span style="color:#1a439c;"><strong>the name of the file to send the content to</strong></span></p> <p>the file defined in the action usually <u>does something with the received input </u></p> </td>
</tr>
<tr>
<td colspan="1" style="width:88px;"><strong>Submit attribute</strong></td>
<td style="width:561px;"> <p><strong><span style="color:#1a439c;">the content of the form is sent to another file</span></strong></p> <p><a href="http://img.e-com-net.com/image/info8/a7c94cf800c94d5db883468f20a66577.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第1张图片" height="221" src="http://img.e-com-net.com/image/info8/a7c94cf800c94d5db883468f20a66577.jpg" width="650" style="border:1px solid black;"></a></p> <p><a href="http://img.e-com-net.com/image/info8/44910308c0fe43b48e2c385f1a0e1bd4.jpg" target="_blank"><img alt="" height="58" src="http://img.e-com-net.com/image/info8/44910308c0fe43b48e2c385f1a0e1bd4.jpg" width="650"></a></p> <p><a href="http://img.e-com-net.com/image/info8/b4ca363a00ee4eb8a77ce20c7b707922.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第2张图片" height="369" src="http://img.e-com-net.com/image/info8/b4ca363a00ee4eb8a77ce20c7b707922.jpg" width="650" style="border:1px solid black;"></a></p> </td>
</tr>
<tr>
<td colspan="1" style="width:88px;"><strong>Image act as a submit button</strong></td>
<td style="width:561px;">The image type is <span style="color:#1a439c;"><strong>by default a form submitting button</strong></span></td>
</tr>
<tr>
<td colspan="1" rowspan="1" style="width:88px;"><strong>Simple dropdown box</strong></td>
<td style="width:561px;">
<blockquote>
<p><<span style="color:#fe2c24;">form</span> action=""></p>
<p> <<span style="color:#1a439c;"><strong>select</strong></span><span style="color:#1c7892;"> </span>name="cars"><br> <<strong>option value</strong>="volvo">Volvo<<strong>/option</strong>><br> <<strong>option value</strong>="saab">Saab<<strong>/option</strong>><br> <<strong>option value</strong>="audi">Audi<<strong>/option</strong>><br> <<span style="color:#1a439c;"><strong>/select</strong></span>><br> <<span style="color:#fe2c24;">/form</span>></p>
</blockquote> </td>
</tr>
<tr>
<td colspan="1" rowspan="1" style="width:88px;"><strong>Fieldset</strong></td>
<td style="width:561px;">
<blockquote>
<p><span style="color:#fe2c24;"><<strong>fieldset</strong>></span><br> <span style="color:#1a439c;"><<strong>legend</strong>></span><br> Health information:<br> <span style="color:#1a439c;"><<strong>/legend</strong>></span><br> <<span style="color:#1a439c;"><strong>form</strong></span> action=""><br> Height<<strong>input type</strong>="text" size="3"><br> Weight<<strong>input type</strong>="text" size="3"><br> <span style="color:#1a439c;"><<strong>/form</strong>></span><br><span style="color:#fe2c24;"><<strong>/fieldset</strong>></span></p>
</blockquote> </td>
</tr>
<tr>
<td colspan="1" rowspan="1" style="width:88px;"><strong>Textarea</strong></td>
<td style="width:561px;"> <pre><code class="language-html"><textarea rows="10" col="30">
The cat was in the garden
</textarea></code></pre> </td>
</tr>
<tr>
<td style="width:88px;"><strong> Button</strong></td>
<td style="width:561px;"> <pre><code class="language-html"><form action="">
<input type="button" value="Hello world!">
</form></code></pre> </td>
</tr>
<tr>
<td style="width:88px;"><strong>Difference between button and submit</strong></td>
<td style="width:561px;"> <p><strong><input type="button"></strong>: will not submit a form on their own——they don't do anying by default.</p> <p><strong><input type="submit"></strong>: will submit the form they are in when the user clicks on them</p> </td>
</tr>
<tr>
<td style="width:88px;"><strong>Difference between id and name</strong></td>
<td style="width:561px;"> <p><strong>The name attribute</strong>: what is sent when the form is submitted.</p> <p><strong>The id attribute</strong>: uniquely identifies any element on the page.</p> <p>When the form is submitted, <strong>only the selected option</strong> is sent.</p> </td>
</tr>
</tbody>
</table>
<h3></h3>
<h3>3. Form Tags</h3>
<table border="1" style="width:500px;">
<tbody>
<tr>
<td style="text-align:center;"><strong><form></strong></td>
<td>a form for user input</td>
</tr>
<tr>
<td style="text-align:center;"><strong><input></strong></td>
<td>an input field</td>
</tr>
<tr>
<td style="text-align:center;"><strong><textarea></strong></td>
<td>a text-area</td>
</tr>
<tr>
<td style="text-align:center;"><strong><label></strong></td>
<td>a label to a control</td>
</tr>
<tr>
<td style="text-align:center;"><strong><fieldset></strong></td>
<td>a fieldset</td>
</tr>
<tr>
<td style="text-align:center;"><strong><legend></strong></td>
<td>a caption for a fieldset</td>
</tr>
<tr>
<td style="text-align:center;"><strong><select></strong></td>
<td>a selectable list</td>
</tr>
<tr>
<td style="text-align:center;"><strong><optgroup></strong></td>
<td>an option group</td>
</tr>
<tr>
<td style="text-align:center;"><strong><option></strong></td>
<td>an option in the drop-down box</td>
</tr>
<tr>
<td style="text-align:center;"><strong><button></strong></td>
<td>a push button</td>
</tr>
</tbody>
</table>
<h2>思维导图</h2>
<h2></h2>
<h2>Exercise</h2>
<p><a href="http://img.e-com-net.com/image/info8/30b599f91ce04b6280e6162f4ac5350c.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第3张图片" height="277" src="http://img.e-com-net.com/image/info8/30b599f91ce04b6280e6162f4ac5350c.jpg" width="650" style="border:1px solid black;"></a></p>
<p><a href="http://img.e-com-net.com/image/info8/6f0e7655d3ca44d4bd70c99cbca1d3c8.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第4张图片" height="196" src="http://img.e-com-net.com/image/info8/6f0e7655d3ca44d4bd70c99cbca1d3c8.jpg" width="650" style="border:1px solid black;"></a></p>
<blockquote>
<p><strong>1. What is the difference between the three text boxes？</strong></p>
<p>The values of them are different. </p>
<p><strong>2. What happens if you change this tag <body> to <body bgcolor=ccffcc>?</strong></p>
<p><a href="http://img.e-com-net.com/image/info8/fd3c623ac0cc4f0d9586259221d8cb72.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第5张图片" height="243" src="http://img.e-com-net.com/image/info8/fd3c623ac0cc4f0d9586259221d8cb72.jpg" width="650" style="border:1px solid black;"></a></p>
<p><strong>3. What happens if you add this tag after the body tag: <front face=arial>?</strong></p>
<p><a href="http://img.e-com-net.com/image/info8/9d63aa25a6034f95a4184ff6d6a67622.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第6张图片" height="186" src="http://img.e-com-net.com/image/info8/9d63aa25a6034f95a4184ff6d6a67622.jpg" width="633" style="border:1px solid black;"></a></p>
<p><strong>4. What happens if you delete a <br> tag?</strong></p>
<p><a href="http://img.e-com-net.com/image/info8/f76fda6c2e59464fbb38a0eb12157336.jpg" target="_blank"><img alt="" height="84" src="http://img.e-com-net.com/image/info8/f76fda6c2e59464fbb38a0eb12157336.jpg" width="650"></a></p>
<p><strong>5. What happens if you add this before the first text box:<h2>Please add information</h2></strong></p>
<p><a href="http://img.e-com-net.com/image/info8/5eae436654f04837a74df278d9e59c6c.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第7张图片" height="193" src="http://img.e-com-net.com/image/info8/5eae436654f04837a74df278d9e59c6c.jpg" width="650" style="border:1px solid black;"></a></p>
<p><strong>6. What happens if you do NOT include the closing tag i.e. </h2>?</strong></p>
<p><a href="http://img.e-com-net.com/image/info8/2fcb9890ef624b7db5494ab6526a7026.jpg" target="_blank"><img alt="" height="95" src="http://img.e-com-net.com/image/info8/2fcb9890ef624b7db5494ab6526a7026.jpg" width="650"></a></p>
</blockquote>
<p><a href="http://img.e-com-net.com/image/info8/b1e1c40072534de5b6821223c0d249ae.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第8张图片" height="317" src="http://img.e-com-net.com/image/info8/b1e1c40072534de5b6821223c0d249ae.jpg" width="650" style="border:1px solid black;"></a></p>
<p><a href="http://img.e-com-net.com/image/info8/be6312cc5659463180a9eb895aa3d431.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第9张图片" height="253" src="http://img.e-com-net.com/image/info8/be6312cc5659463180a9eb895aa3d431.jpg" width="650" style="border:1px solid black;"></a></p>
<blockquote>
<p><strong>1. Does the page display what is written in the value attribute (e.g. pz) or what is written after the tag (e.g. pizza)?</strong></p>
<p>No.</p>
<p><strong>2. Can a user select more than one food type?</strong></p>
<p>No. Checkbox can.</p>
<p><strong>3. Change the name of the last radio button (i.e. the one for the salad), from name=food to name=morefood. Can the user now select more than one food type (e.g. salad and pasta)?</strong></p>
<p>No.</p>
</blockquote>
<p><a href="http://img.e-com-net.com/image/info8/715dcea171eb4169982778280c445572.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第10张图片" height="325" src="http://img.e-com-net.com/image/info8/715dcea171eb4169982778280c445572.jpg" width="650" style="border:1px solid black;"></a></p>
<p><a href="http://img.e-com-net.com/image/info8/5280d3cdd3aa4d5fafdc11b2aed3d50a.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第11张图片" height="286" src="http://img.e-com-net.com/image/info8/5280d3cdd3aa4d5fafdc11b2aed3d50a.jpg" width="650" style="border:1px solid black;"></a></p>
<blockquote>
<p><strong>1. Does the list show the word bungalow or bung? </strong></p>
<p>bung.</p>
<p><strong>2. In Internet Explorer (IE), add a space followed by the word selected after bungalow. Save the file and refresh the browser. What has changed? </strong></p>
<p><a href="http://img.e-com-net.com/image/info8/ba1efa0cef374af4991cb92a4d3518ba.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第12张图片" height="310" src="http://img.e-com-net.com/image/info8/ba1efa0cef374af4991cb92a4d3518ba.jpg" width="650" style="border:1px solid black;"></a></p>
<p>bung is selected by default.</p>
</blockquote>
<p><a href="http://img.e-com-net.com/image/info8/7fe187f187074fbb9213c2bc119496e5.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第13张图片" height="294" src="http://img.e-com-net.com/image/info8/7fe187f187074fbb9213c2bc119496e5.jpg" width="650" style="border:1px solid black;"></a></p>
<blockquote>
<p><strong>1. Write the difference between the three textAreas? 1) 2) 3)</strong></p>
<p>The name and default content</p>
<p><strong>2. How would you correct the third textArea? </strong></p>
<p><a href="http://img.e-com-net.com/image/info8/0595ec0bfe604b5eb89e2cbb21bd5119.jpg" target="_blank"><img alt="【高级网络程序设计】Week2-3 HTML_第14张图片" height="222" src="http://img.e-com-net.com/image/info8/0595ec0bfe604b5eb89e2cbb21bd5119.jpg" width="650" style="border:1px solid black;"></a></p>
<p><strong>3. There is no value attribute – what is the value of a textArea?</strong></p>
<p>The text content of it.</p>
</blockquote>
<h2>Lab2——html</h2>
<h3>Questions</h3>
<blockquote>
<p><strong>1. What is HTML? How does it relate to HTTP?</strong></p>
<p>· HTML is a mark-up language, which is used to build a web page and handle user input.</p>
<p>· HTTP is the application protocol which is used to request and response on the browser and client. </p>
<p>· HTML build the web page, and HTTP send and receive the web page.</p>
<p></p>
<p><strong>2. In HTML, you can have input of type submit, together with an associated button (like the Submit button in Error! Reference source not found.). What is supposed to happen when you click that button?</strong></p>
<p>Button will not submit a form on their own, they don't do anything by default. However, submit buttons will submit the form they are in when the user clicks on them</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1727792282326872064"></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">你可能感兴趣的:(高级程序设计,html,算法,前端)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1835513803861749760.htm"
title="机器学习与深度学习间关系与区别" target="_blank">机器学习与深度学习间关系与区别</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/%E5%AD%A6%E4%B9%A0/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/python/1.htm">python</a>
<div>一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入</div>
</li>
<li><a href="/article/1835509897106649088.htm"
title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a>
<span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div>
</li>
<li><a href="/article/1835509770287673344.htm"
title="swagger访问路径" target="_blank">swagger访问路径</a>
<span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a>
<div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div>
</li>
<li><a href="/article/1835508130608410624.htm"
title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a>
<span class="text-muted">某公司摸鱼前端</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div>
</li>
<li><a href="/article/1835504470440636416.htm"
title="Goolge earth studio 进阶4——路径修改与平滑" target="_blank">Goolge earth studio 进阶4——路径修改与平滑</a>
<span class="text-muted">陟彼高冈yu</span>
<a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a><a class="tag" taget="_blank" href="/search/earth/1.htm">earth</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a><a class="tag" taget="_blank" href="/search/%E8%BF%9B%E9%98%B6%E6%95%99%E7%A8%8B/1.htm">进阶教程</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a>
<div>如果我们希望在大约中途时获得更多的城市鸟瞰视角。可以将相机拖动到这里并创建一个新的关键帧。camera_target_clip_7EarthStudio会自动平滑我们的路径，所以当我们通过这个关键帧时，不是一个生硬的角度，而是一个平滑的曲线。camera_target_clip_8路径上有贝塞尔控制手柄，允许我们调整路径的形状。右键单击，我们可以选择“平滑路径”，这是默认的自动平滑算法，或者我们可</div>
</li>
<li><a href="/article/1835502451877310464.htm"
title="基于社交网络算法优化的二维最大熵图像分割" target="_blank">基于社交网络算法优化的二维最大熵图像分割</a>
<span class="text-muted">智能算法研学社（Jack旭）</span>
<a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E4%BC%98%E5%8C%96%E7%AE%97%E6%B3%95%E5%BA%94%E7%94%A8/1.htm">智能优化算法应用</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%88%86%E5%89%B2/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/php/1.htm">php</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.前言2.二维最大熵阈值分割原理3.基于社交网络优化的多阈值分割4.算法结果：5.参考文献：6.Matlab代码摘要：本文介绍基于最大熵的图像分割，并且应用社交网络算法进行阈值寻优。1.前言阅读此文章前，请阅读《图像分割：直方图区域划分及信息统计介绍》htt</div>
</li>
<li><a href="/article/1835499615491813376.htm"
title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a>
<span class="text-muted">彩云飘过</span>
<div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div>
</li>
<li><a href="/article/1835498925755297792.htm"
title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
<span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
<div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
</li>
<li><a href="/article/1835497792265613312.htm"
title="【加密社】Solidity 中的事件机制及其应用" target="_blank">【加密社】Solidity 中的事件机制及其应用</a>
<span class="text-muted">加密社</span>
<a class="tag" taget="_blank" href="/search/%E9%97%B2%E4%BE%83/1.htm">闲侃</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/%E6%99%BA%E8%83%BD%E5%90%88%E7%BA%A6/1.htm">智能合约</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a>
<div>加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件</div>
</li>
<li><a href="/article/1835496149843275776.htm"
title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
<div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
</li>
<li><a href="/article/1835496148601761792.htm"
title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
</li>
<li><a href="/article/1835494538001608704.htm"
title="121. 买卖股票的最佳时机" target="_blank">121. 买卖股票的最佳时机</a>
<span class="text-muted">薄荷糖的味道_fb40</span>
<div>给定一个数组，它的第i个元素是一支给定股票第i天的价格。如果你最多只允许完成一笔交易（即买入和卖出一支股票），设计一个算法来计算你所能获取的最大利润。注意你不能在买入股票前卖出股票。示例1:输入:[7,1,5,3,6,4]输出:5解释:在第2天（股票价格=1）的时候买入，在第5天（股票价格=6）的时候卖出，最大利润=6-1=5。注意利润不能是7-1=6,因为卖出价格需要大于买入价格。示例2:输入:</div>
</li>
<li><a href="/article/1835493753557708800.htm"
title="每日算法&面试题，大厂特训二十八天——第二十天（树）" target="_blank">每日算法&面试题，大厂特训二十八天——第二十天（树）</a>
<span class="text-muted">肥学</span>
<a class="tag" taget="_blank" href="/search/%E2%9A%A1%E7%AE%97%E6%B3%95%E9%A2%98%E2%9A%A1%E9%9D%A2%E8%AF%95%E9%A2%98%E6%AF%8F%E6%97%A5%E7%B2%BE%E8%BF%9B/1.htm">⚡算法题⚡面试题每日精进</a><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/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
<div>目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题，最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧！！特别介绍小白练手专栏，适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章</div>
</li>
<li><a href="/article/1835492109709307904.htm"
title="回溯算法-重新安排行程" target="_blank">回溯算法-重新安排行程</a>
<span class="text-muted">chirou_</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%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%9B%BE%E8%AE%BA/1.htm">图论</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E6%90%9C%E7%B4%A2/1.htm">图搜索</a>
<div>leetcode332.重新安排行程这题我还没自己ac过，只能现在凭着刚学完的热乎劲把我对题解的理解记下来。本题我认为对数据结构的考察比较多，用什么数据结构去存数据，去读取数据，都是很重要的。classSolution{private:unordered_map>targets;boolbacktracking(intticketNum,vector&result){//1.确定参数和返回值//2</div>
</li>
<li><a href="/article/1835488702881689600.htm"
title="Faiss：高效相似性搜索与聚类的利器" target="_blank">Faiss：高效相似性搜索与聚类的利器</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/faiss/1.htm">faiss</a>
<div>Faiss是一个针对大规模向量集合的相似性搜索库，由FacebookAIResearch开发。它提供了一系列高效的算法和数据结构，用于加速向量之间的相似性搜索，特别是在大规模数据集上。本文将介绍Faiss的原理、核心功能以及如何在实际项目中使用它。Faiss原理：近似最近邻搜索：Faiss的核心功能之一是近似最近邻搜索，它能够高效地在大规模数据集中找到与给定查询向量最相似的向量。这种搜索是近似的，</div>
</li>
<li><a href="/article/1835477614848995328.htm"
title="insert into select 主键自增_mybatis拦截器实现主键自动生成" target="_blank">insert into select 主键自增_mybatis拦截器实现主键自动生成</a>
<span class="text-muted">weixin_39521651</span>
<a class="tag" taget="_blank" href="/search/insert/1.htm">insert</a><a class="tag" taget="_blank" href="/search/into/1.htm">into</a><a class="tag" taget="_blank" href="/search/select/1.htm">select</a><a class="tag" taget="_blank" href="/search/%E4%B8%BB%E9%94%AE%E8%87%AA%E5%A2%9E/1.htm">主键自增</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/delete%E8%BF%94%E5%9B%9E%E5%80%BC/1.htm">delete返回值</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/insert%E8%BF%94%E5%9B%9E%E4%B8%BB%E9%94%AE/1.htm">insert返回主键</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/insert%E8%BF%94%E5%9B%9E%E5%AF%B9%E8%B1%A1/1.htm">insert返回对象</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/plus/1.htm">plus</a><a class="tag" taget="_blank" href="/search/insert%E8%BF%94%E5%9B%9E%E4%B8%BB%E9%94%AE/1.htm">insert返回主键</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/plus/1.htm">plus</a><a class="tag" taget="_blank" href="/search/%E6%8F%92%E5%85%A5%E7%94%9F%E6%88%90id/1.htm">插入生成id</a>
<div>前言前阵子和朋友聊天，他说他们项目有个需求，要实现主键自动生成，不想每次新增的时候，都手动设置主键。于是我就问他，那你们数据库表设置主键自动递增不就得了。他的回答是他们项目目前的id都是采用雪花算法来生成，因此为了项目稳定性，不会切换id的生成方式。朋友问我有没有什么实现思路，他们公司的orm框架是mybatis，我就建议他说，不然让你老大把mybatis切换成mybatis-plus。mybat</div>
</li>
<li><a href="/article/1835477110530076672.htm"
title="k均值聚类算法考试例题_k均值算法(k均值聚类算法计算题)" target="_blank">k均值聚类算法考试例题_k均值算法(k均值聚类算法计算题)</a>
<span class="text-muted">寻找你83497</span>
<a class="tag" taget="_blank" href="/search/k%E5%9D%87%E5%80%BC%E8%81%9A%E7%B1%BB%E7%AE%97%E6%B3%95%E8%80%83%E8%AF%95%E4%BE%8B%E9%A2%98/1.htm">k均值聚类算法考试例题</a>
<div>?算法：第一步：选K个初始聚类中心，z1(1),z2(1)，…，zK(1)，其中括号内的序号为寻找聚类中心的迭代运算的次序号。聚类中心的向量值可任意设定，例如可选开始的K个.k均值聚类：---------一种硬聚类算法，隶属度只有两个取值0或1，提出的基本根据是“类内误差平方和最小化”准则；模糊的c均值聚类算法：--------一种模糊聚类算法，是.K均值聚类算法是先随机选取K个对象作为初始的聚类</div>
</li>
<li><a href="/article/1835469798838988800.htm"
title="Python实现简单的机器学习算法" target="_blank">Python实现简单的机器学习算法</a>
<span class="text-muted">master_chenchengg</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><a class="tag" taget="_blank" href="/search/%E5%8A%9E%E5%85%AC%E6%95%88%E7%8E%87/1.htm">办公效率</a><a class="tag" taget="_blank" href="/search/python%E5%BC%80%E5%8F%91/1.htm">python开发</a><a class="tag" taget="_blank" href="/search/IT/1.htm">IT</a>
<div>Python实现简单的机器学习算法开篇：初探机器学习的奇妙之旅搭建环境：一切从安装开始必备工具箱第一步：安装Anaconda和JupyterNotebook小贴士：如何配置Python环境变量算法初体验：从零开始的Python机器学习线性回归：让数据说话数据准备：从哪里找数据编码实战：Python实现线性回归模型评估：如何判断模型好坏逻辑回归：从分类开始理论入门：什么是逻辑回归代码实现：使用skl</div>
</li>
<li><a href="/article/1835466269948735488.htm"
title="推荐算法_隐语义-梯度下降" target="_blank">推荐算法_隐语义-梯度下降</a>
<span class="text-muted">_feivirus_</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%92%8C%E6%95%B0%E5%AD%A6/1.htm">机器学习和数学</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E8%8D%90%E7%AE%97%E6%B3%95/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/%E9%9A%90%E8%AF%AD%E4%B9%89/1.htm">隐语义</a>
<div>importnumpyasnp1.模型实现"""inputrate_matrix:M行N列的评分矩阵，值为P*Q.P:初始化用户特征矩阵M*K.Q:初始化物品特征矩阵K*N.latent_feature_cnt:隐特征的向量个数max_iteration:最大迭代次数alpha:步长lamda:正则化系数output分解之后的P和Q"""defLFM_grad_desc(rate_matrix,l</div>
</li>
<li><a href="/article/1835466142441893888.htm"
title="K近邻算法_分类鸢尾花数据集" target="_blank">K近邻算法_分类鸢尾花数据集</a>
<span class="text-muted">_feivirus_</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%92%8C%E6%95%B0%E5%AD%A6/1.htm">机器学习和数学</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%B1%BB/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/K%E8%BF%91%E9%82%BB/1.htm">K近邻</a>
<div>importnumpyasnpimportpandasaspdfromsklearn.datasetsimportload_irisfromsklearn.model_selectionimporttrain_test_splitfromsklearn.metricsimportaccuracy_score1.数据预处理iris=load_iris()df=pd.DataFrame(data=ir</div>
</li>
<li><a href="/article/1835463621124124672.htm"
title="数据结构 | 栈和队列" target="_blank">数据结构 | 栈和队列</a>
<span class="text-muted">TT-Kun</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B8%8E%E7%AE%97%E6%B3%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/%E6%A0%88/1.htm">栈</a><a class="tag" taget="_blank" href="/search/%E9%98%9F%E5%88%97/1.htm">队列</a><a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a>
<div>文章目录栈和队列1.栈：后进先出（LIFO）的数据结构1.1概念与结构1.2栈的实现2.队列：先进先出（FIFO）的数据结构2.1概念与结构2.2队列的实现3.栈和队列算法题3.1有效的括号3.2用队列实现栈3.3用栈实现队列3.4设计循环队列结论栈和队列在计算机科学中，栈和队列是两种基本且重要的数据结构，它们在处理数据存储和访问顺序方面有着独特的规则和应用。本文将详细介绍栈和队列的概念、结构、实</div>
</li>
<li><a href="/article/1835457443690278912.htm"
title="[Python] 数据结构 详解及代码" target="_blank">[Python] 数据结构 详解及代码</a>
<span class="text-muted">AIAdvocate</span>
<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/%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>
<div>今日内容大纲介绍数据结构介绍列表链表1.数据结构和算法简介程序大白话翻译,程序=数据结构+算法数据结构指的是存储,组织数据的方式.算法指的是为了解决实际业务问题而思考思路和方法,就叫:算法.2.算法的5大特性介绍算法具有独立性算法是解决问题的思路和方式,最重要的是思维,而不是语言,其(算法)可以通过多种语言进行演绎.5大特性有输入,需要传入1或者多个参数有输出,需要返回1个或者多个结果有穷性,执行</div>
</li>
<li><a href="/article/1835449249425354752.htm"
title="Python算法L5：贪心算法" target="_blank">Python算法L5：贪心算法</a>
<span class="text-muted">小熊同学哦</span>
<a class="tag" taget="_blank" href="/search/Python%E7%AE%97%E6%B3%95/1.htm">Python算法</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/%E8%B4%AA%E5%BF%83%E7%AE%97%E6%B3%95/1.htm">贪心算法</a>
<div>Python贪心算法简介目录Python贪心算法简介贪心算法的基本步骤贪心算法的适用场景经典贪心算法问题1.**零钱兑换问题**2.**区间调度问题**3.**背包问题**贪心算法的优缺点优点：缺点：结语贪心算法（GreedyAlgorithm）是一种在每一步选择中都采取当前最优或最优解的算法。它的核心思想是，在保证每一步局部最优的情况下，希望通过贪心选择达到全局最优解。虽然贪心算法并不总能得到全</div>
</li>
<li><a href="/article/1835448238103162880.htm"
title="springboot+vue项目实战一-创建SpringBoot简单项目" target="_blank">springboot+vue项目实战一-创建SpringBoot简单项目</a>
<span class="text-muted">苹果酱0567</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/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>这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一</div>
</li>
<li><a href="/article/1835437775344726016.htm"
title="博客网站制作教程" target="_blank">博客网站制作教程</a>
<span class="text-muted">2401_85194651</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java</div>
</li>
<li><a href="/article/1835435506645692416.htm"
title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a>
<span class="text-muted">有一只柴犬</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</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>
<div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div>
</li>
<li><a href="/article/1835435141535723520.htm"
title="详解：如何设计出健壮的秒杀系统？" target="_blank">详解：如何设计出健壮的秒杀系统？</a>
<span class="text-muted">夜空_2cd3</span>
<div>作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*</div>
</li>
<li><a href="/article/1835432106029838336.htm"
title="【RabbitMQ 项目】服务端：数据管理模块之绑定管理" target="_blank">【RabbitMQ 项目】服务端：数据管理模块之绑定管理</a>
<span class="text-muted">月夜星辉雪</span>
<a class="tag" taget="_blank" href="/search/rabbitmq/1.htm">rabbitmq</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a>
<div>文章目录一.编写思路二.代码实践一.编写思路定义绑定信息类交换机名称队列名称绑定关键字：交换机的路由交换算法中会用到没有是否持久化的标志，因为绑定是否持久化取决于交换机和队列是否持久化，只有它们都持久化时绑定才需要持久化。绑定就好像一根绳子，两端连接着交换机和队列，当一方不存在，它就没有存在的必要了定义绑定持久化类构造函数：如果数据库文件不存在则创建，打开数据库，创建binding_table插入</div>
</li>
<li><a href="/article/1835429201952468992.htm"
title="非对称加密算法原理与应用2——RSA私钥加密文件" target="_blank">非对称加密算法原理与应用2——RSA私钥加密文件</a>
<span class="text-muted">私语茶馆</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%91%E9%83%A8%E7%BD%B2%E4%B8%8E%E5%BC%80%E5%8F%91/1.htm">云部署与开发</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E5%8F%8A%E4%BA%A7%E5%93%81%E7%81%B5%E6%84%9F%E8%AE%B0%E5%BD%95/1.htm">架构及产品灵感记录</a><a class="tag" taget="_blank" href="/search/RSA2048/1.htm">RSA2048</a><a class="tag" taget="_blank" href="/search/%E7%A7%81%E9%92%A5%E5%8A%A0%E5%AF%86/1.htm">私钥加密</a>
<div>作者：私语茶馆1.相关章节（1）非对称加密算法原理与应用1——秘钥的生成-CSDN博客第一章节讲述的是创建秘钥对，并将公钥和私钥导出为文件格式存储。本章节继续讲如何利用私钥加密内容，包括从密钥库或文件中读取私钥，并用RSA算法加密文件和String。2.私钥加密的概述本文主要基于第一章节的RSA2048bit的非对称加密算法讲述如何利用私钥加密文件。这种加密后的文件，只能由该私钥对应的公钥来解密。</div>
</li>
<li><a href="/article/1835429075590672384.htm"
title="粒子群优化 (PSO) 在三维正弦波函数中的应用" target="_blank">粒子群优化 (PSO) 在三维正弦波函数中的应用</a>
<span class="text-muted">subject625Ruben</span>
<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/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a>
<div>在这篇博客中，我们将展示如何使用粒子群优化（PSO）算法求解三维正弦波函数，并通过增加正弦波扰动，使优化过程更加复杂和有趣。本文将介绍目标函数的定义、PSO参数设置以及算法执行的详细过程，并展示搜索空间中的动态过程和收敛曲线。1.目标函数定义我们使用的目标函数是一个三维正弦波函数，定义如下：objectiveFunc=@(x)sin(sqrt(x(1).^2+x(2).^2))+0.5*sin(5</div>
</li>
<li><a href="/article/47.htm"
title="jdk tomcat 环境变量配置" target="_blank">jdk tomcat 环境变量配置</a>
<span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a>
<div>Win7 下如何配置java环境变量
1。准备jdk包，win7系统，tomcat安装包（均上网下载即可）
2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。）
3。分别配置高级环境变量。
电脑-->右击属性-->高级环境变量-->环境变量。
分别配置 :
path
&nbs</div>
</li>
<li><a href="/article/174.htm"
title="Spring调SDK包报java.lang.NoSuchFieldError错误" target="_blank">Spring调SDK包报java.lang.NoSuchFieldError错误</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/spring/1.htm">spring</a>
<div> 在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。
org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l</div>
</li>
<li><a href="/article/301.htm"
title="LeetCode[位运算] - #136 数组中的单一数" target="_blank">LeetCode[位运算] - #136 数组中的单一数</a>
<span class="text-muted">Cwind</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/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/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a>
<div>原题链接：#136 Single Number
要求：
给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素
注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间
难度：中等
分析：
题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进</div>
</li>
<li><a href="/article/428.htm"
title="qq登陆界面开发" target="_blank">qq登陆界面开发</a>
<span class="text-muted">15700786134</span>
<a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
<div>今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下：
public class First { public void initul(){ jf=ne</div>
</li>
<li><a href="/article/555.htm"
title="Linux的程序包管理器RPM" target="_blank">Linux的程序包管理器RPM</a>
<span class="text-muted">被触发</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的</div>
</li>
<li><a href="/article/682.htm"
title="socket通信遇到EOFException" target="_blank">socket通信遇到EOFException</a>
<span class="text-muted">肆无忌惮_</span>
<a class="tag" taget="_blank" href="/search/EOFException/1.htm">EOFException</a>
<div>java.io.EOFException
at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281)
at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:</div>
</li>
<li><a href="/article/809.htm"
title="基于spring的web项目定时操作" target="_blank">基于spring的web项目定时操作</a>
<span class="text-muted">知了ing</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div>废话不多说，直接上代码，很简单 配置一下项目启动就行
1，web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="h</div>
</li>
<li><a href="/article/936.htm"
title="树形结构的数据库表Schema设计" target="_blank">树形结构的数据库表Schema设计</a>
<span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/schema/1.htm">schema</a>
<div>原文地址：
http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488
程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，</div>
</li>
<li><a href="/article/1063.htm"
title="maven将jar包和源码一起打包到本地仓库" target="_blank">maven将jar包和源码一起打包到本地仓库</a>
<span class="text-muted">alleni123</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository
<project>
...
<build>
<plugins>
<plugin>
<groupI</div>
</li>
<li><a href="/article/1190.htm"
title="java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！" target="_blank">java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！</a>
<span class="text-muted">百合不是茶</span>
<div>类 File
File是指文件和目录路径名的抽象表示形式。
1，何为文件：
标准文件（txt doc mp3...）
目录文件（文件夹）
虚拟内存文件
2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都</div>
</li>
<li><a href="/article/1317.htm"
title="Spring注入有继承关系的类（2）" target="_blank">Spring注入有继承关系的类（2）</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/spring/1.htm">spring</a>
<div>被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类
package com.bijian.spring.test4;
public class AClass {
private String a;
private String b;
public String getA() {
retu</div>
</li>
<li><a href="/article/1444.htm"
title="30岁转型期你能否成为成功人士" target="_blank">30岁转型期你能否成为成功人士</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E6%88%90%E9%95%BF/1.htm">成长</a><a class="tag" taget="_blank" href="/search/%E5%8A%B1%E5%BF%97/1.htm">励志</a>
<div> 很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人</div>
</li>
<li><a href="/article/1571.htm"
title="【Velocity四】Velocity与Java互操作" target="_blank">【Velocity四】Velocity与Java互操作</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a>
<div>Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，
POJO
package com.tom.servlets;
public</div>
</li>
<li><a href="/article/1698.htm"
title="【Hive十一】Hive数据倾斜优化" target="_blank">【Hive十一】Hive数据倾斜优化</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a>
<div>什么是Hive数据倾斜问题
操作：join,group by,count distinct
现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。
原因：key分布不均匀
倾斜度衡量：平均记录数超过50w且</div>
</li>
<li><a href="/article/1825.htm"
title="在nginx中集成lua脚本：添加自定义Http头，封IP等" target="_blank">在nginx中集成lua脚本：添加自定义Http头，封IP等</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+lua+csrf/1.htm">nginx lua csrf</a>
<div>Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com
Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。
location /{</div>
</li>
<li><a href="/article/1952.htm"
title="java-3.求子数组的最大和" target="_blank">java-3.求子数组的最大和</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>package beautyOfCoding;
public class MaxSubArraySum {
/**
* 3.求子数组的最大和
题目描述：
输入一个整形数组，数组里有正数也有负数。
数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。
求所有子数组的和的最大值。要求时间复杂度为O(n)。
例如输入的数组为1, -2, 3, 10, -4,</div>
</li>
<li><a href="/article/2079.htm"
title="Netty源码学习-FileRegion" target="_blank">Netty源码学习-FileRegion</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/netty/1.htm">netty</a>
<div>今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java
可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder：
//pipeline（没有诸如“FileRegionEncoder”的handler）：
public ChannelPipeline ge</div>
</li>
<li><a href="/article/2206.htm"
title="使用ZeroClipboard解决跨浏览器复制到剪贴板的问题" target="_blank">使用ZeroClipboard解决跨浏览器复制到剪贴板的问题</a>
<span class="text-muted">cngolon</span>
<a class="tag" taget="_blank" href="/search/%E8%B7%A8%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">跨浏览器</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E5%88%B6%E5%88%B0%E7%B2%98%E8%B4%B4%E6%9D%BF/1.htm">复制到粘贴板</a><a class="tag" taget="_blank" href="/search/Zero+Clipboard/1.htm">Zero Clipboard</a>
<div>Zero Clipboard的实现原理
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。
Zero Clipboard的安装方法
首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js </div>
</li>
<li><a href="/article/2333.htm"
title="单例模式" target="_blank">单例模式</a>
<span class="text-muted">cuishikuan</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a>
<div>第一种（懒汉，线程不安全）：
public class Singleton { 2 private static Singleton instance; 3 pri</div>
</li>
<li><a href="/article/2460.htm"
title="spring+websocket的使用" target="_blank">spring+websocket的使用</a>
<span class="text-muted">dalan_123</span>
<div>一、spring配置文件
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.or</div>
</li>
<li><a href="/article/2587.htm"
title="细节问题：ZEROFILL的用法范围。" target="_blank">细节问题：ZEROFILL的用法范围。</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div> 1、zerofill把月份中的一位数字比如1，2，3等加前导0
mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL, -> day</div>
</li>
<li><a href="/article/2714.htm"
title="Android开发10——Activity的跳转与传值" target="_blank">Android开发10——Activity的跳转与传值</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a>
<div>Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。
一、Activity跳转
方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)
方法二Intent intent = new Intent();intent.setCla</div>
</li>
<li><a href="/article/2841.htm"
title="jdbc 得到表结构、主键" target="_blank">jdbc 得到表结构、主键</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/jdbc+%E5%BE%97%E5%88%B0%E8%A1%A8%E7%BB%93%E6%9E%84%E3%80%81%E4%B8%BB%E9%94%AE/1.htm">jdbc 得到表结构、主键</a>
<div>转自博客：http://blog.csdn.net/ocean1010/article/details/7266042
假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt</div>
</li>
<li><a href="/article/2968.htm"
title="Android 应用程序开关GPS" target="_blank">Android 应用程序开关GPS</a>
<span class="text-muted">gqdy365</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>要在应用程序中操作GPS开关需要权限：
<uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" />
但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？
1、方法一：将项目放到Android源码中编译；
2、方法二：网上有人说cl</div>
</li>
<li><a href="/article/3095.htm"
title="Windows上调试MapReduce" target="_blank">Windows上调试MapReduce</a>
<span class="text-muted">zhiquanliu</span>
<a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a>
<div>1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b</div>
</li>
<li><a href="/article/3222.htm"
title="如何看待一些知名博客推广软文的行为？" target="_blank">如何看待一些知名博客推广软文的行为？</a>
<span class="text-muted">justjavac</span>
<a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%AE%A2/1.htm">博客</a>
<div>本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621
互联网上的两种典型心态：
当初求种像条狗，如今撸完嫌人丑
当初搜贴像条犬，如今读完嫌人软
你为啥感觉不舒服呢？
难道非得要作者把自己的劳动成果免费给你用，你才舒服？
就如同 Google 关闭了 Gooled Reader，那是</div>
</li>
<li><a href="/article/3349.htm"
title="sql优化总结" target="_blank">sql优化总结</a>
<span class="text-muted">macroli</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div>为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！
要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。
一、简单的统计语句执行时间
declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id</div>
</li>
<li><a href="/article/3476.htm"
title="Linux Oracle中常遇到的一些问题及命令总结" target="_blank">Linux Oracle中常遇到的一些问题及命令总结</a>
<span class="text-muted">超声波</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>1.linux更改主机名
(1)#hostname oracledb 临时修改主机名
(2) vi /etc/sysconfig/network 修改hostname
(3) vi /etc/hosts 修改IP对应的主机名
2.linux重启oracle实例及监听的各种方法
（注意操作的顺序应该是先监听，后数据库实例）
&nbs</div>
</li>
<li><a href="/article/3603.htm"
title="hive函数大全及使用示例" target="_blank">hive函数大全及使用示例</a>
<span class="text-muted">superlxw1234</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hive%E5%87%BD%E6%95%B0/1.htm">hive函数</a>
<div>
具体说明及示例参 见附件文档。
文档目录：
目录
一、关系运算： 4
1. 等值比较: = 4
2. 不等值比较: <> 4
3. 小于比较: < 4
4. 小于等于比较: <= 4
5. 大于比较: > 5
6. 大于等于比较: >= 5
7. 空值判断: IS NULL 5</div>
</li>
<li><a href="/article/3730.htm"
title="Spring 4.2新特性-使用@Order调整配置类加载顺序" target="_blank">Spring 4.2新特性-使用@Order调整配置类加载顺序</a>
<span class="text-muted">wiselyman</span>
<a class="tag" taget="_blank" href="/search/spring+4/1.htm">spring 4</a>
<div>4.1 @Order
Spring 4.2 利用@Order控制配置类的加载顺序
4.2 演示
两个演示bean
package com.wisely.spring4_2.order;
public class Demo1Service {
}
package com.wisely.spring4_2.order;
public 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> |
