【高级网络程序设计】Week2-3 HTML

一、The Basics

1. HTML&HTML file

HTML Markup language
Hyper Text Markup Language
HTML file Text file with markup tags
.htm/.html extension

Create an html file

Open an editor

Type:

Save it as .html

Open it using a browser

2. HTML tags & HTML elements

HTML tags mark-up HTML elements
HTML elements defined using HTML tags
HTML documents  text files made up of HTML elements
Basic HTML tags Paragraphs

(browsers automatically add an empty line before and after a paragraph)

Headings
Line breaks


(to enter line breaks, not to seperate paragraphs)

Horizontal rule
Comments
HTML document
document's body
the document's area for header/control infomation
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/1773605468367814656.htm" title="数据结构奇妙旅程之深入解析快速排序" target="_blank">数据结构奇妙旅程之深入解析快速排序</a> <span class="text-muted">山间漫步人生路</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/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/1.htm">排序算法</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>快速排序(QuickSort)是一种高效的排序算法,它使用了分治法的策略来将一个数组排序。其基本思想是选择一个基准元素,通过一趟排序将待排序的数据分割成独立的两部分,其中一部分的所有数据都比基准元素小,另一部分的所有数据都比基准元素大,然后再按此方法对这两部分数据分别进行快速排序,整个排序过程可以递归进行,以此达到整个数据变成有序序列。工作原理选择基准:从待排序的序列中选一个元素作为基准(pivo</div> </li> <li><a href="/article/1773579033229983744.htm" title="php 把一个数组分成有n个元素的二维数组的算法" target="_blank">php 把一个数组分成有n个元素的二维数组的算法</a> <span class="text-muted">风清扬-独孤九剑</span> <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>一、第一种解法0){$columns_map[$position]++;//这个地方格外注意,$position与$columns比较$position=($position<$columns-1)?++$position:0;$array_length--;}foreach($columns_mapas$val){$newarray[]=array_splice($array,0,$val);}</div> </li> <li><a href="/article/1773569718641295360.htm" title="uni-app实现 步骤条" target="_blank">uni-app实现 步骤条</a> <span class="text-muted">夏夏的码农</span> <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a> <div>实现如图样式html部分代码如下投资期限与收益0?'active':'default'">募集开始1?'active':'default'">募集结束2?'active':'default'">产品成立3?'active':'default'">产品到期0?'active-step1':'step1'">1?'active-st</div> </li> <li><a href="/article/1773565312734658560.htm" title="【算法分析与设计】去除重复字母" target="_blank">【算法分析与设计】去除重复字母</a> <span class="text-muted">五敷有你</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95%E5%88%86%E6%9E%90%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">算法分析与设计</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</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%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>个人主页:五敷有你系列专栏:算法分析与设计⛺️稳中求进,晒太阳题目给你一个字符串s,请你去除字符串中重复的字母,使得每个字母只出现一次。需保证返回结果的字典序最小(要求不能打乱其他字符的相对位置)。示例示例1:输入:s="bcabc"输出:"abc"示例2:输入:s="cbacdcbc"输出:"acdb"思路贪心+单调栈实现【字符串删除一个字符使其字典序最小的贪心策略】:对于两个长度相同的字符串,</div> </li> <li><a href="/article/1773520125064970240.htm" title="yarn的安装和使用全网最详细教程" target="_blank">yarn的安装和使用全网最详细教程</a> <span class="text-muted">zxj19880502</span> <a class="tag" taget="_blank" href="/search/yarn/1.htm">yarn</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a> <div>一、yarn的简介:Yarn是facebook发布的一款取代npm的包管理工具。二、yarn的特点:速度超快。Yarn缓存了每个下载过的包,所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率,因此安装速度更快。超级安全。在执行代码之前,Yarn会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和明确的安装算法,Yarn能够保证在不同系统上无差异的工作。三、yarn的</div> </li> <li><a href="/article/1773507537405018112.htm" title="图论记录之最短路迪杰斯特拉" target="_blank">图论记录之最短路迪杰斯特拉</a> <span class="text-muted">Just right</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>简述思想这个思想能用一句话来概括,精简到的极致:每次找到一个最短距离的点并更新起点到各个点的最短距离如果要可视化的话,B站搜索Dijksra算法,有视频讲解伪代码写到这里,其实是想整一个动画的,这样效果更好点,但由于种种原因所以就拖一下intdijkstr(){dist[1]=0;其余的点的距离全部初始化为真无穷,不要写成int的最大值迭代n次将不在s中的,且距离最近的点给tsj即先到t,再加上t</div> </li> <li><a href="/article/1773504513622212608.htm" title="大前端-postcss安装使用指南" target="_blank">大前端-postcss安装使用指南</a> <span class="text-muted">黑夜照亮前行的路</span> <a class="tag" taget="_blank" href="/search/postcss/1.htm">postcss</a> <div>PostCSS是一款强大的CSS处理工具,可以用来自动添加浏览器前缀、代码合并、代码压缩等,提升代码的可读性,并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南:一、安装PostCSS在你的项目目录中,通过npm(NodePackageManager)来安装PostCSS。打开命令行窗口,输入以下命令:bash复制代码npminstallpostcss--save-dev这将把</div> </li> <li><a href="/article/1773504261557125120.htm" title="谷歌浏览器驱动Chromedriver(114-120版本)文件以及驱动下载教程" target="_blank">谷歌浏览器驱动Chromedriver(114-120版本)文件以及驱动下载教程</a> <span class="text-muted">pigerr杨</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/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/drivers/1.htm">drivers</a> <div>ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装</div> </li> <li><a href="/article/1773501994674225152.htm" title="虚拟 DOM 的优缺点有哪些" target="_blank">虚拟 DOM 的优缺点有哪些</a> <span class="text-muted">咕噜签名分发</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>虚拟DOM(VirtualDOM)技术作为现代前端开发中的重要组成部分,已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势,同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点,深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异,最小化实际DOM操作,从而减少页面重渲染时的性能消耗。这种优</div> </li> <li><a href="/article/1773500735770656768.htm" title="大创项目推荐 深度学习 opencv python 公式识别(图像识别 机器视觉)" target="_blank">大创项目推荐 深度学习 opencv python 公式识别(图像识别 机器视觉)</a> <span class="text-muted">laafeer</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>文章目录0前言1课题说明2效果展示3具体实现4关键代码实现5算法综合效果6最后0前言优质竞赛项目系列,今天要分享的是基于深度学习的数学公式识别算法实现该项目较为新颖,适合作为竞赛课题方向,学长非常推荐!学长这里给一个题目综合评分(每项满分5分)难度系数:3分工作量:4分创新点:4分更多资料,项目分享:https://gitee.com/dancheng-senior/postgraduate1课题</div> </li> <li><a href="/article/1773495574226599936.htm" title="3、JavaWeb-Ajax/Axios-前端工程化-Element" target="_blank">3、JavaWeb-Ajax/Axios-前端工程化-Element</a> <span class="text-muted">所谓远行Misnearch</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</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%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML,异步的JS和XMLJS网页动作,XML一种标记语言,存储数据,作用:数据交换:通过Ajax给服务器发送请求,并获取服务器响应的数据异步交互:在不重新加载整个页面的情况下,与服务器交换数据并实现更新部分网页的技术,例如:搜索联想、用户名是否可用的校验等等。同步与异步:同步:服务器在处理中客户端要处于等待状态,输入域名</div> </li> <li><a href="/article/1773450885851054080.htm" title="python转码" target="_blank">python转码</a> <span class="text-muted">Desamond</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>转码在许多场景中都有应用,以下是一些常见的场景:网页开发:当用户在网页上输入文本时,可能需要将特殊字符(如空格、引号、特殊符号等)进行转码,以防止这些字符对URL或HTML代码产生干扰。文件名处理:在处理文件名时,可能需要将特殊字符进行转码,以避免文件名被错误地解析或显示。数据传输:在数据传输过程中,为了确保数据的完整性和正确性,可能需要将数据中的特殊字符进行转码。数据存储:在数据库或数据存储中,</div> </li> <li><a href="/article/1773444718840053760.htm" title="排序算法太多?常用排序都在这了,一篇文章总结和实现所有面试会考的排序算法(基于Python实现)" target="_blank">排序算法太多?常用排序都在这了,一篇文章总结和实现所有面试会考的排序算法(基于Python实现)</a> <span class="text-muted">宇宙之一粟</span> <a class="tag" taget="_blank" href="/search/%E4%B8%8D%E5%BD%92%E8%B7%AF%E4%B9%8BPython/1.htm">不归路之Python</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/IT%E9%9D%A2%E8%AF%95%E9%A2%98%E6%94%B6%E9%9B%86%E4%B8%8E%E6%80%BB%E7%BB%93/1.htm">IT面试题收集与总结</a><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/%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%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/1.htm">排序算法</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>文章目录排序算法1.常见的排序算法1.1选择排序1.1.1思想1.1.2实现**1.1.3选择排序分析**1.2冒泡排序**1.2.1思想****1.2.2实现****1.2.3冒泡排序分析**1.3插入排序**1.3.1思想****1.3.2实现****1.3.3插入排序分析**1.4归并排序☆☆★**1.4.1思想****1.4.2实现****1.4.3归并排序分析**1.5快速排序☆★★**</div> </li> <li><a href="/article/1773442578922930176.htm" title="【数据结构】实验一 实现顺序表各种基本运算的算法" target="_blank">【数据结构】实验一 实现顺序表各种基本运算的算法</a> <span class="text-muted">张鱼·小丸子</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E5%AE%9E%E9%AA%8C/1.htm">数据结构实验</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>题目:实现顺序表各种基本运算的算法要求:1、建立一个顺序表,输入n个元素并输出;2、查找线性表中的最大元素并输出;3、在线性表的第i个元素前插入一个正整数x;4、删除线性表中的第j个元素;5、将线性表中的元素按升序排列;6、将线性表中的元素就地逆序(只允许用一个暂存单元);#include#defineSIZE1000usingnamespacestd;typedefstruct{int*a;//</div> </li> <li><a href="/article/1773439683024453632.htm" title="python清华大学出版社答案_Python机器学习及实践" target="_blank">python清华大学出版社答案_Python机器学习及实践</a> <span class="text-muted">weixin_39805119</span> <a class="tag" taget="_blank" href="/search/python%E6%B8%85%E5%8D%8E%E5%A4%A7%E5%AD%A6%E5%87%BA%E7%89%88%E7%A4%BE%E7%AD%94%E6%A1%88/1.htm">python清华大学出版社答案</a> <div>第1章机器学习的基础知识1.1何谓机器学习1.1.1传感器和海量数据1.1.2机器学习的重要性1.1.3机器学习的表现1.1.4机器学习的主要任务1.1.5选择合适的算法1.1.6机器学习程序的步骤1.2综合分类1.3推荐系统和深度学习1.3.1推荐系统1.3.2深度学习1.4何为Python1.4.1使用Python软件的由来1.4.2为什么使用Python1.4.3Python设计定位1.4.</div> </li> <li><a href="/article/1773382031552610304.htm" title="java实体中返回前端的double类型四舍五入(格式化)" target="_blank">java实体中返回前端的double类型四舍五入(格式化)</a> <span class="text-muted">婲落ヽ紅顏誶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>根据业务,需要通过后端给前端返回部分double类型的数值,一般需要保留两位小数,使用jackson转换对象packagecom.ruoyi.common.core.config;importcom.fasterxml.jackson.core.JsonGenerator;importcom.fasterxml.jackson.databind.JsonSerializer;importcom.f</div> </li> <li><a href="/article/1773360885226602496.htm" title="Django forms组件" target="_blank">Django forms组件</a> <span class="text-muted">在飞行-米龙</span> <a class="tag" taget="_blank" href="/search/Django/1.htm">Django</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</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】实现登陆验证功能(1)需求分析登陆验证需要前后端交互,采用form表单提交数据对数据进行校验用户名必须以英文大写字母开头密码必须大于三位数反馈给用户错误的信息除了反馈错误的信息还有保留原始输入内容(2)后端代码使用user_info_dict字典每次刷新存储存储前端发送的信息存储后端进行验证的信息defhome(request):#每次后刷新这个信息字典user_info_dict</div> </li> <li><a href="/article/1773347793847517184.htm" title="UNDERSTANDING HTML WITH LARGE LANGUAGE MODELS" target="_blank">UNDERSTANDING HTML WITH LARGE LANGUAGE MODELS</a> <span class="text-muted">liferecords</span> <a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/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/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a> <div>UNDERSTANDINGHTMLWITHLARGELANGUAGEMODELS相关链接:arXiv关键字:大型语言模型、HTML理解、Web自动化、自然语言处理、机器学习摘要大型语言模型(LLMs)在各种自然语言任务上表现出色。然而,它们在HTML理解方面的能力——即解析网页的原始HTML,对于自动化基于Web的任务、爬取和浏览器辅助检索等应用——尚未被充分探索。我们为HTML理解模型(经过微调</div> </li> <li><a href="/article/1773340995031728128.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/%E9%9D%A2%E8%AF%95/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>回溯算法是一种通过遍历所有可能的候选解来寻找所有解的算法,如果候选解被确认不是一个解(或至少不是最后一个解),回溯算法会通过在上一步进行一些变化来丢弃这个解,即“回溯”并尝试另一个候选解。回溯法通常用递归方法来实现,在解决排列、组合、选择问题时非常有效。回溯算法的核心要点:路径:也就是已经做出的选择。选择列表:也就是你当前可以做的选择。结束条件:也就是到达决策树底层,无法再做出选择的条件。回溯算法</div> </li> <li><a href="/article/1773308900838277120.htm" title="Web前端Html的表单" target="_blank">Web前端Html的表单</a> <span class="text-muted">任家伟</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>表单的关键字:form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读,不可修改,但是可以提交disabled=“disabled”禁用组件不可修改,不能提交type=“password”密码框type=“radio”单</div> </li> <li><a href="/article/1773301347135848448.htm" title="第七章 索引及执行计划,存储引擎" target="_blank">第七章 索引及执行计划,存储引擎</a> <span class="text-muted">执笔为剑</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/MySQL%E8%BF%90%E7%BB%B4%E7%AF%87/1.htm">MySQL运维篇</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>第七章索引及执行计划,存储引擎1,索引及执行计划1,作用:提供类似书目录的作用,目的是优化查询2,所用的种类(根据算法)B树索引Hash索引R树FulltextGIS3,B树基于不同的查找算法分类介绍B-tree:在范围查询方面提供了更好的性能(>showengines;#存储引擎作用在表上,不同的表可能有不同的存储引擎mysql>select@@default_storage_engine;#查</div> </li> <li><a href="/article/1773279695408791552.htm" title="Thinkphp - 详细实现网站系统登录功能,附带 Mysql 数据库设置、Web 前端展示界面、信息校验等(详细代码,即设计过程)" target="_blank">Thinkphp - 详细实现网站系统登录功能,附带 Mysql 数据库设置、Web 前端展示界面、信息校验等(详细代码,即设计过程)</a> <span class="text-muted">王佳斌</span> <a class="tag" taget="_blank" href="/search/%2B/1.htm">+</a><a class="tag" taget="_blank" href="/search/Thinkphp/1.htm">Thinkphp</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>前言登录功能,是我们几乎开发每个系统都必须的模块。登录功能设计思路,主要包括几个方面。用户输入网址展示登录页面用户输入用户名,密码等点击登录进行信息校验校验通过之后,记录用户登录信息,跳转指定页面用户校验失败,提示失败信息页面目录具体功能实现为了快速搭建可用、美观的页面,我们采用一个比较成熟的前端框架Bootstrap。下面我们到Bootstrap的官网Bootsrap官网下载bootstrap。</div> </li> <li><a href="/article/1773255151038038016.htm" title="Java面试题:解释JVM的内存结构,并描述堆、栈、方法区在内存结构中的角色和作用,Java中的多线程是如何实现的,Java垃圾回收机制的基本原理,并讨论常见的垃圾回收算法" target="_blank">Java面试题:解释JVM的内存结构,并描述堆、栈、方法区在内存结构中的角色和作用,Java中的多线程是如何实现的,Java垃圾回收机制的基本原理,并讨论常见的垃圾回收算法</a> <span class="text-muted">杰哥在此</span> <a class="tag" taget="_blank" href="/search/Java%E7%B3%BB%E5%88%97/1.htm">Java系列</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</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/1.htm">面试</a> <div>Java内存模型与多线程的深入探讨在Java的世界里,内存模型和多线程是开发者必须掌握的核心知识点。它们不仅关系到程序的性能和稳定性,还直接影响到系统的可扩展性和可靠性。下面,我将通过三个面试题,带领大家深入理解Java内存模型、多线程以及并发编程的相关原理和实践。面试题一:请解释JVM的内存结构,并描述堆、栈、方法区在内存结构中的角色和作用。关注点:JVM内存结构的基本组成堆、栈、方法区的功能和</div> </li> <li><a href="/article/1773206687465930752.htm" title="优化选址问题 | 基于和声搜索算法求解基站选址问题含Matlab源码" target="_blank">优化选址问题 | 基于和声搜索算法求解基站选址问题含Matlab源码</a> <span class="text-muted">天天酷科研</span> <a class="tag" taget="_blank" href="/search/%E4%BC%98%E5%8C%96%E9%80%89%E5%9D%80%E9%97%AE%E9%A2%98%EF%BC%88LP%EF%BC%89/1.htm">优化选址问题(LP)</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E5%92%8C%E5%A3%B0%E6%90%9C%E7%B4%A2%E7%AE%97%E6%B3%95/1.htm">和声搜索算法</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%AB%99%E9%80%89%E5%9D%80%E9%97%AE%E9%A2%98/1.htm">基站选址问题</a> <div>目录问题代码问题和声搜索算法(HarmonySearch,HS)是一种模拟音乐创作过程中乐师们凭借自己的记忆,通过反复调整各乐器的音调,直至达到最美和声状态为启发,通过反复调整解向量的各分量来寻求全局最优解的智能优化算法。下面是一个基于和声搜索算法求解基站选址问题的Matlab伪代码框架。请注意,这个框架是一个基本的实现,你可能需要根据你的具体问题和约束条件进行调整和优化。代码%和声搜索算法求解基</div> </li> <li><a href="/article/1772795036136701952.htm" title="程序员开发技术整理" target="_blank">程序员开发技术整理</a> <span class="text-muted">laizhixue</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%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>前端技术:vue-前端框架element-前端框架bootstrap-前端框架echarts-图标组件C#后端技术:webservice:soap架构:简单的通信协议,用于服务通信ORM框架:对象关系映射,如EF:对象实体模型,是ado.net中的应用技术soap服务通讯:xml通讯ado.net:OAuth2:登录授权认证:Token认证:JWT:jsonwebtokenJava后端技术:便捷工</div> </li> <li><a href="/article/1772773132000624640.htm" title="【前端学习——js篇】7.函数缓存" target="_blank">【前端学习——js篇】7.函数缓存</a> <span class="text-muted">笔下无竹墨下有鱼</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/1.htm">前端学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>具体见:https://github.com/febobo/web-interview7.函数缓存函数缓存,就是将函数运算过的结果进行缓存本质上就是用空间(缓存存储)换时间(计算过程)常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化:①柯里化柯里化(currying)是一种函数式编程的概念,指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的</div> </li> <li><a href="/article/1772718628706254848.htm" title="【循环神经网络rnn】一篇文章讲透" target="_blank">【循环神经网络rnn】一篇文章讲透</a> <span class="text-muted">CX330的烟花</span> <a class="tag" taget="_blank" href="/search/rnn/1.htm">rnn</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%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/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>目录引言二、RNN的基本原理代码事例三、RNN的优化方法1长短期记忆网络(LSTM)2门控循环单元(GRU)四、更多优化方法1选择合适的RNN结构2使用并行化技术3优化超参数4使用梯度裁剪5使用混合精度训练6利用分布式训练7使用预训练模型五、RNN的应用场景1自然语言处理2语音识别3时间序列预测六、RNN的未来发展七、结论引言众所周知,CNN与循环神经网络(RNN)或生成对抗网络(GAN)等算法结</div> </li> <li><a href="/article/1772709062681624576.htm" title="html版本号 webpack_html-webpack-plugin详解" target="_blank">html版本号 webpack_html-webpack-plugin详解</a> <span class="text-muted">weixin_39994949</span> <a class="tag" taget="_blank" href="/search/html%E7%89%88%E6%9C%AC%E5%8F%B7/1.htm">html版本号</a><a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a> <div>引言最近在react项目中初次用到了html-webapck-plugin插件,用到该插件的两个主要作用:为html文件中引入的外部资源如script、link动态添加每次compile后的hash,防止引用缓存的外部文件问题可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置N个html-webpack-plugin可以生成N个页面入口有了这种插件,那么在项目中遇到类似上面</div> </li> <li><a href="/article/1772700000292241408.htm" title="HTML语言剖析" target="_blank">HTML语言剖析</a> <span class="text-muted">混沌破晓</span> <div>HTML语言剖析Html简介-目录全写:HyperTextMark-upLanguage译名:超文本标识语言简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标签(tag)使文件达到预期的显示效果。由文字(字母,数字、标点符号)及标签组合而成。任何文字编辑器都可以,这里推荐用:Dreamweaver。1.Html特点:►描述性语言,结构语言,用于决定网页内容以什么样的形式显示;►通过标签</div> </li> <li><a href="/article/1772673815097180160.htm" title="Websocket服务监听收发消息" target="_blank">Websocket服务监听收发消息</a> <span class="text-muted">beiback</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8%E9%97%AE%E9%A2%98/1.htm">服务器问题</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>目录1.pom依赖坐标2.项目配置端口和项目包名2.创建处理器3.注册处理器4.前端页面1.pom依赖坐标org.springframework.bootspring-boot-starter-websocket2.项目配置端口和项目包名application.propertiesserver.port=8088//路径规范:为应用的所有servlet提供一个统一的前缀,使URL结构更加清晰和一致</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>