Little-3L

前端学习笔记--html5基础篇

学习链接：点我

一、简介

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML5 建立的一些规则：
- 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
- 减少对外部插件的需求（比如 Flash）
- 更优秀的错误处理
- 更多取代脚本的标记
- HTML5 应该独立于设备
- 开发进程应对公众透明

HTML5 中的一些有趣的新特性：
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素，比如 article、footer、header、nav、section
- 新的表单控件，比如 calendar、date、time、email、url、search

浏览器支持：
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

二、html基础

html文档类型
声明帮助浏览器正确地显示网页
元素
定义整个 HTML 文档：

<html>

<body>
<p>This is my first paragraph.p>
body>

html>

元素
元素是所有头部元素的容器
以下标签都可以添加到 head 部分：、<base>、<link>、<meta>、<script> 以及 <style>。</code></p></li> <li><p><code><title></code>元素 <br> 定义文档的标题：</p></li> </ul> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">head</span>></span> <span class="hljs-tag"><<span class="hljs-title">title</span>></span>Title of the document<span class="hljs-tag"></<span class="hljs-title">title</span>></span> <span class="hljs-tag"></<span class="hljs-title">head</span>></span></code></pre> <ul> <li><code><body></code> 元素 <br> 定义 HTML 文档的主体：</li> </ul> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">body</span>></span> <span class="hljs-tag"><<span class="hljs-title">p</span>></span>This is my first paragraph.<span class="hljs-tag"></<span class="hljs-title">p</span>></span> <span class="hljs-tag"></<span class="hljs-title">body</span>></span></code></pre> <ul> <li><p>块元素 <br> 块级元素在浏览器显示时，通常会以新行来开始（和结束）。 <br> 例子：<code><h1>, <p>, <div>，<span>，<ul>, <table></code></p></li> <li><p>内联元素 <br> 内联元素在显示时通常不会以新行开始。 <br> 例子：<code><b>, <td>, <a>, <img></code></p></li> <li><p>标题：</p></li> </ul> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">h1</span>></span>This is a heading<span class="hljs-tag"></<span class="hljs-title">h1</span>></span> <span class="hljs-tag"><<span class="hljs-title">hr</span> /></span> <span class="hljs-tag"><<span class="hljs-title">h2</span>></span>This is a heading<span class="hljs-tag"></<span class="hljs-title">h2</span>></span> <span class="hljs-tag"><<span class="hljs-title">hr</span> /></span> <span class="hljs-tag"><<span class="hljs-title">h3</span>></span>This is a heading<span class="hljs-tag"></<span class="hljs-title">h3</span>></span></code></pre> <p>使用水平线 (<code><hr></code> 标签) 来分隔文章中的小节</p> <ul> <li>段落：</li> </ul> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">p</span>></span>This is a paragraph.<span class="hljs-tag"></<span class="hljs-title">p</span>></span> <span class="hljs-tag"><<span class="hljs-title">br</span>/></span> <span class="hljs-tag"><<span class="hljs-title">p</span>></span>This is another paragraph.<span class="hljs-tag"></<span class="hljs-title">p</span>></span></code></pre> <p><code><p></code> 元素定义；<code><br/></code> 是没有关闭标签的空元素，定义换行。</p> <ul> <li>表格：</li> </ul> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">table</span> <span class="hljs-attribute">border</span>=<span class="hljs-value">"1"</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">th</span>></span>Heading<span class="hljs-tag"></<span class="hljs-title">th</span>></span> <span class="hljs-tag"><<span class="hljs-title">th</span>></span>Another Heading<span class="hljs-tag"></<span class="hljs-title">th</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>row 1, cell 1<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>row 1, cell 2<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">tr</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>row 2, cell 1<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"><<span class="hljs-title">td</span>></span>row 2, cell 2<span class="hljs-tag"></<span class="hljs-title">td</span>></span> <span class="hljs-tag"></<span class="hljs-title">tr</span>></span> <span class="hljs-tag"></<span class="hljs-title">table</span>></span></code></pre> <p>在浏览器显示如下： <br> Heading Another Heading <br> row 1, cell 1 row 1, cell 2 <br> row 2, cell 1 row 2, cell 2</p> <ul> <li>列表</li> </ul> <p>无序列表：</p> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">ul</span>></span> <span class="hljs-tag"><<span class="hljs-title">li</span>></span>Coffee<span class="hljs-tag"></<span class="hljs-title">li</span>></span> <span class="hljs-tag"><<span class="hljs-title">li</span>></span>Milk<span class="hljs-tag"></<span class="hljs-title">li</span>></span> <span class="hljs-tag"></<span class="hljs-title">ul</span>></span></code></pre> <p>浏览器显示如下：</p> <ul> <li>Coffee</li> <li>Milk <br> 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等</li> </ul> <p>有序列表：</p> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">ol</span>></span> <span class="hljs-tag"><<span class="hljs-title">li</span>></span>Coffee<span class="hljs-tag"></<span class="hljs-title">li</span>></span> <span class="hljs-tag"><<span class="hljs-title">li</span>></span>Milk<span class="hljs-tag"></<span class="hljs-title">li</span>></span> <span class="hljs-tag"></<span class="hljs-title">ol</span>></span></code></pre> <p>浏览器显示如下： <br> - Coffee <br> - Milk <br> 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。</p> <ul> <li>表单： <br> <code><form></code> 元素定义 HTML 表单</li> </ul> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">form</span>></span> First name:<span class="hljs-tag"><<span class="hljs-title">br</span>></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"firstname"</span>></span> <span class="hljs-tag"><<span class="hljs-title">br</span>></span> Last name:<span class="hljs-tag"><<span class="hljs-title">br</span>></span> <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"lastname"</span>></span> <span class="hljs-tag"></<span class="hljs-title">form</span>></span> </code></pre> <p>在浏览器中看起来是这样的： <br> <a href="http://img.e-com-net.com/image/info8/78ec63066cd14c8ba7de807a50981321.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/78ec63066cd14c8ba7de807a50981321.png" alt="前端学习笔记--html5基础篇_第1张图片" title="" width="184" height="163" style="border:1px solid black;"></a> <br> 注释：表单本身并不可见。还要注意文本字段的默认宽度是 20 个字符。 <br> More：表单传送门</p> <ul> <li>链接：</li> </ul> <pre class="prettyprint"><code class=" hljs livecodeserver"><<span class="hljs-operator">a</span> href=<span class="hljs-string">"http://www.w3school.com.cn"</span> target=<span class="hljs-string">"_blank"</span>> This is <span class="hljs-operator">a</span> link</<span class="hljs-operator">a</span>></code></pre> <p>链接的地址在 href 属性中指定；Target 属性可以定义被链接的文档在何处显示</p> <ul> <li>图像：</li> </ul> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">img</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">"boat.gif"</span> <span class="hljs-attribute">alt</span>=<span class="hljs-value">"Big Boat"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"104"</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"142"</span> /></span></code></pre> <ul> <li>视频： <code><video></code>元素</li> </ul> <pre class="prettyprint"><code class=" hljs bash"><video width=<span class="hljs-string">"320"</span> height=<span class="hljs-string">"240"</span> controls=<span class="hljs-string">"controls"</span>> <<span class="hljs-built_in">source</span> src=<span class="hljs-string">"/movie.ogg"</span> <span class="hljs-built_in">type</span>=<span class="hljs-string">"video/ogg"</span>> <<span class="hljs-built_in">source</span> src=<span class="hljs-string">"/movie.mp4"</span> <span class="hljs-built_in">type</span>=<span class="hljs-string">"video/mp4"</span>> Your browser does not support the video tag. </video></code></pre> <p><code><video></code>元素拥有方法、属性和事件。其中的方法用于播放、暂停以及加载等。其中的属性（比如时长、音量等）可以被读取或设置。control 属性供添加播放、暂停和音量控件，也可以包含宽度和高度属性。</p> <ul> <li>音频：<code><audio></code> 元素</li> </ul> <pre class="prettyprint"><code class=" hljs bash"><audio controls=<span class="hljs-string">"controls"</span>> <<span class="hljs-built_in">source</span> src=<span class="hljs-string">"/i/song.ogg"</span> <span class="hljs-built_in">type</span>=<span class="hljs-string">"audio/ogg"</span>> <<span class="hljs-built_in">source</span> src=<span class="hljs-string">"/i/song.mp3"</span> <span class="hljs-built_in">type</span>=<span class="hljs-string">"audio/mpeg"</span>> Your browser does not support the audio element. </audio></code></pre> <ul> <li>html属性 <br> HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 <br> 属性总是以名称/值对的形式出现，比如：name=”value”。 <br> 属性总是在 HTML 元素的开始标签中规定。</li> </ul> <p>对齐方式： <br> <code><h1 align="center"></code>居中排列标题</p> <p>背景颜色： <br> <code><body backgroundcolor="yellow"></code></p> <p>表格边框： <br> <code><table border="1"></code></p> <p>style 属性：提供了一种改变所有 HTML 元素的样式的通用方法</p> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">html</span>></span> <span class="hljs-tag"><<span class="hljs-title">body</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">"background-color:yellow"</span>></span> <span class="hljs-tag"><<span class="hljs-title">h2</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">"text-align:center"</span>></span>This is a heading<span class="hljs-tag"></<span class="hljs-title">h2</span>></span> <span class="hljs-tag"><<span class="hljs-title">p</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">"font-family:arial; color:red; font-size:20px;"</span>></span> This is a paragraph.<span class="hljs-tag"></<span class="hljs-title">p</span>></span> <span class="hljs-tag"></<span class="hljs-title">body</span>></span> <span class="hljs-tag"></<span class="hljs-title">html</span>></span></code></pre> <ul> <li>类</li> </ul> <p>对 HTML 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。 <br> 为相同的类设置相同的样式，或者为不同的类设置不同的样式。</p> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">html</span>></span> <span class="hljs-tag"><<span class="hljs-title">head</span>></span> <span class="hljs-tag"><<span class="hljs-title">style</span>></span><span class="css"> <span class="hljs-class">.cities</span> <span class="hljs-rules">{ <span class="hljs-rule"><span class="hljs-attribute">background-color</span>:<span class="hljs-value">black</span></span>; <span class="hljs-rule"><span class="hljs-attribute">color</span>:<span class="hljs-value">white</span></span>; <span class="hljs-rule"><span class="hljs-attribute">margin</span>:<span class="hljs-value"><span class="hljs-number">20</span>px</span></span>; <span class="hljs-rule"><span class="hljs-attribute">padding</span>:<span class="hljs-value"><span class="hljs-number">20</span>px</span></span>; <span class="hljs-rule">}</span></span> </span><span class="hljs-tag"></<span class="hljs-title">style</span>></span> <span class="hljs-tag"></<span class="hljs-title">head</span>></span> <span class="hljs-tag"><<span class="hljs-title">body</span>></span> <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">"cities"</span>></span> <span class="hljs-tag"><<span class="hljs-title">h2</span>></span>London<span class="hljs-tag"></<span class="hljs-title">h2</span>></span> <span class="hljs-tag"><<span class="hljs-title">p</span>></span> London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. <span class="hljs-tag"></<span class="hljs-title">p</span>></span> <span class="hljs-tag"></<span class="hljs-title">div</span>></span> <span class="hljs-tag"></<span class="hljs-title">body</span>></span> <span class="hljs-tag"></<span class="hljs-title">html</span>></span></code></pre> <ul> <li>脚本 <br> <code><script></code> 标签用于定义客户端脚本，比如 JavaScript。 <br> script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。 <br> 必需的 type 属性规定脚本的 MIME 类型。 <br> JavaScript 最常用于图片操作、表单验证以及内容动态更新。 <br> 下面的脚本会向浏览器输出“Hello World!”：</li> </ul> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">script</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/javascript"</span>></span><span class="javascript"> document.write(<span class="hljs-string">"Hello World!"</span>) </span><span class="hljs-tag"></<span class="hljs-title">script</span>></span> <span class="hljs-tag"><<span class="hljs-title">noscript</span>></span>Your browser does not support JavaScript!<span class="hljs-tag"></<span class="hljs-title">noscript</span>></span></code></pre> <p><code><noscript></code> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。</p> <ul> <li>引用</li> </ul> <table> <thead> <tr> <th>标签</th> <th>描述</th> </tr> </thead> <tbody> <tr> <td><code><abbr></code></td> <td>定义缩写或首字母缩略语</td> </tr> <tr> <td><code><address></code></td> <td>定义文档作者或拥有者的联系信息</td> </tr> <tr> <td><code><bdo></code></td> <td>定义文本方向</td> </tr> <tr> <td><code><blockquote></code></td> <td>定义从其他来源引用的节</td> </tr> <tr> <td><code><dfn></code></td> <td>定义项目或缩略词的定义</td> </tr> <tr> <td><code><q></code></td> <td>定义短的行内引用</td> </tr> <tr> <td><code><cite></code></td> <td>定义著作的标题</td> </tr> </tbody> </table> <ul> <li>HTML 字符实体 <br> 我是传送门</li> </ul> <h3 id="三画布-canvas-元素">三、画布（ canvas 元素）</h3> <p>什么是 Canvas？ <br> HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 <br> 画布是一个矩形区域，您可以控制其每一像素。 <br> canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。</p> <p>创建 Canvas 元素</p> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">canvas</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"myCanvas"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"200"</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"100"</span>></span><span class="hljs-tag"></<span class="hljs-title">canvas</span>></span></code></pre> <p>通过 JavaScript 来绘制 <br> canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成：</p> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">script</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/javascript"</span>></span><span class="javascript"> <span class="hljs-keyword">var</span> c=document.getElementById(<span class="hljs-string">"myCanvas"</span>);<span class="hljs-comment">//JavaScript 使用 id 来寻找 canvas 元素</span> <span class="hljs-keyword">var</span> cxt=c.getContext(<span class="hljs-string">"2d"</span>);<span class="hljs-comment">//然后，创建 context 对象</span> <span class="hljs-comment">//绘制一个红色的矩形，fillStyle 方法将其染成红色，fillRect 方法规定了形状、位置和尺寸。</span> cxt.fillStyle=<span class="hljs-string">"#FF0000"</span>; cxt.fillRect(<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-number">150</span>,<span class="hljs-number">75</span>); </span><span class="hljs-tag"></<span class="hljs-title">script</span>></span></code></pre> <p>实例：把一幅图像放置到画布上</p> <pre class="prettyprint"><code class=" hljs xml"><span class="hljs-tag"><<span class="hljs-title">canvas</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"myCanvas"</span> <span class="hljs-attribute">width</span>=<span class="hljs-value">"200"</span> <span class="hljs-attribute">height</span>=<span class="hljs-value">"100"</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">"border:1px solid #c3c3c3;"</span>></span> Your browser does not support the canvas element. <span class="hljs-tag"></<span class="hljs-title">canvas</span>></span> <span class="hljs-tag"><<span class="hljs-title">script</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/javascript"</span>></span><span class="javascript"> <span class="hljs-keyword">var</span> c=document.getElementById(<span class="hljs-string">"myCanvas"</span>); <span class="hljs-keyword">var</span> cxt=c.getContext(<span class="hljs-string">"2d"</span>); <span class="hljs-keyword">var</span> img=<span class="hljs-keyword">new</span> Image() img.src=<span class="hljs-string">"/i/eg_flower.png"</span> cxt.drawImage(img,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>); </span><span class="hljs-tag"></<span class="hljs-title">script</span>></span></code></pre> <p>More：实例传送门</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1288840334545068032"></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">  <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>  <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>  <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/1881772484227821568.htm" title="HTML期末学生大作业-最新QQ音乐、网易云音乐、酷狗音乐、虾米音乐、咪咕音乐网站html+css+javascript" target="_blank">HTML期末学生大作业-最新QQ音乐、网易云音乐、酷狗音乐、虾米音乐、咪咕音乐网站html+css+javascript</a> <span class="text-muted">2401_89790869</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>href=“https://y.qq.com/n/ryqq/playlist/7772849553”>好评999+英文歌！轻松解压100％播放量：2.8亿扎心情歌丨爱到最后终是空欢喜播放量：510.4万如果词不达意就把爱藏心里播放量：1645.7万深情片段：深夜我还是会想起你播放量：2663.8万href=“https://y.qq.com/n/ryqq/playlist/7537828</div> </li> <li><a href="/article/1881758233480196096.htm" title="【转】ASP.NET Core 实战：基于 Jwt Token 的权限控制全揭露" target="_blank">【转】ASP.NET Core 实战：基于 Jwt Token 的权限控制全揭露</a> <span class="text-muted">GoToDinner</span> <a class="tag" taget="_blank" href="/search/core/1.htm">core</a> <div>【转】https://www.cnblogs.com/danvic712/p/10331976.html?tdsourcetag=s_pcqq_aiomsgASP.NETCore实战：基于JwtToken的权限控制全揭露一、前言#在涉及到后端项目的开发中，如何实现对于用户权限的管控是需要我们首先考虑的，在实际开发过程中，我们可能会运用一些已经成熟的解决方案帮助我们实现这一功能，而在Grapefru</div> </li> <li><a href="/article/1881747895888179200.htm" title="vue项目打印网页功能-vue-print-nb" target="_blank">vue项目打印网页功能-vue-print-nb</a> <span class="text-muted">九情丶</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><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> <div>Printtheentirepage描述:支持两种打印方式，直接打印页面HTML、打印URL简单易用，支持兼容Vue的浏览器版本在线Demo:测试DEMO地址安装:Vue2版本npminstallvue-print-nb--saveVue3版本npminstallvue3-print-nb--savev-printAPI使用方法打印整个页面：Printtheentirepage打印指定范围：Pri</div> </li> <li><a href="/article/1881743482888974336.htm" title="服务端渲染（SSR）与客户端渲染（CSR）详解" target="_blank">服务端渲染（SSR）与客户端渲染（CSR）详解</a> <span class="text-muted">创意锦囊</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.背景与概念在早期Web时代，网页主要是静态HTML页面，用户点击链接后会刷新整个页面。随着网络与前端技术的发展，人们开始追求更好的页面性能与用户体验，尤其是在移动端和实时交互场景下，对于页面加载速度的要求不断提升。渲染是指如何将数据转换成可视化的页面输出给用户。渲染策略的不同主要体现在在哪个环节完成页面DOM结构的组装：服务端渲染（SSR，Server-SideRendering）：在服务器将</div> </li> <li><a href="/article/1881738560361525248.htm" title="mvc学习笔记" target="_blank">mvc学习笔记</a> <span class="text-muted">JDS_DIJ</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a> <div>mvc设计框架的形成最早是servlet==>缺点:生成html页面太麻烦,所以引入了jsp,jsp本质就是servletjsp==>缺点:阅读起来困难,难维护,于是引入javabean,用来专门和数据打交道;形成jsp的设计框架model1jsp+javabean==>缺点:jsp即要接受请求,又要展示数据,所以又加入servlet;专门用来接受请求;形成jsp的设计框架model2jsp+ja</div> </li> <li><a href="/article/1881733891706908672.htm" title="微信 PC 版 4.0：新架构，新升级" target="_blank">微信 PC 版 4.0：新架构，新升级</a> <span class="text-muted">创意锦囊</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1/1.htm">微信</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>探索微信PC版4.0：新架构带来的革命性升级微信在2023年底推出了PC客户端4.0测试版，引入了全新的QT+C++原生跨平台架构。这次架构重构标志着微信在桌面端从传统的WebView技术迈向更现代化、高性能的原生技术基础，带来了显著的功能升级和用户体验优化。从旧到新：架构大变革旧架构：WebView+JavaScript微信旧版PC客户端主要依赖WebView技术，通过HTML、CSS和Java</div> </li> <li><a href="/article/1881728476587814912.htm" title="Maxwell软件使用问题——旧版本打开新版本（The partner project name of the link cannot be empty）" target="_blank">Maxwell软件使用问题——旧版本打开新版本（The partner project name of the link cannot be empty）</a> <span class="text-muted">加点油。。。。</span> <a class="tag" taget="_blank" href="/search/Maxwell%E5%BB%BA%E6%A8%A1/1.htm">Maxwell建模</a><a class="tag" taget="_blank" href="/search/maxwell/1.htm">maxwell</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E6%9C%BA%E5%BB%BA%E6%A8%A1/1.htm">电机建模</a><a class="tag" taget="_blank" href="/search/%E4%BB%BF%E7%9C%9F/1.htm">仿真</a><a class="tag" taget="_blank" href="/search/ansys/1.htm">ansys</a> <div>问题：使用AnsysElectronics2019R1打开2022R1运行maxwell模型是出现了下面问题解决方法：参考链接：(https://bbs.simol.cn/thread-200781-1-1.html)将setup中Advanced的对勾去掉。</div> </li> <li><a href="/article/1881727468591706112.htm" title="商品详情页面html,div+css+JQuery仿京东商品详情界面" target="_blank">商品详情页面html,div+css+JQuery仿京东商品详情界面</a> <span class="text-muted">L相好</span> <a class="tag" taget="_blank" href="/search/%E5%95%86%E5%93%81%E8%AF%A6%E6%83%85%E9%A1%B5%E9%9D%A2html/1.htm">商品详情页面html</a> <div>【实例简介】div+css+JQuery仿京东商品详情界面【实例截图】【核心代码】京东商品详情界面├──__MACOSX│└──浜笢鍟嗗搧璇︽儏鐣岄潰│├──css│├──images││├──images││└──products│└──js└──浜笢鍟嗗搧璇︽儏鐣岄潰├──css│├──common_07.css│├──product.css│├──product_left.css│├──</div> </li> <li><a href="/article/1881727090026409984.htm" title="自动化办公python脚本_Python自动化办公" target="_blank">自动化办公python脚本_Python自动化办公</a> <span class="text-muted">weixin_39834281</span> <a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96%E5%8A%9E%E5%85%ACpython%E8%84%9A%E6%9C%AC/1.htm">自动化办公python脚本</a> <div>在公司购买的OA系统上，很多功能都是软件商开发好的，如果有什么自定义的需求，也很难实现。现实情况下需要将一个工单的各类信息汇总整理为一份Excel，看似简单的需求，却需要在OA系统上反复点击多次，人工汇总。本章我们看看如何使用Python爬虫帮同事解决这个问题的。点击工单号之后才可以看到更多信息一、技术路线requests_html二、环境准备fromrequests_htmlimportHTML</div> </li> <li><a href="/article/1881720905395138560.htm" title="【SpringBoot实现xss防御】" target="_blank">【SpringBoot实现xss防御】</a> <span class="text-muted">龙少9543</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/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/xss/1.htm">xss</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>SpringBoot实现xss防御在SpringBoot中实现XSS防御，可以通过多种方式来确保输入的安全性和防止恶意脚本的注入。下面提供了一些具体的实现代码示例，包括输入清理、输出编码以及设置安全响应头。1.输入清理创建一个简单的工具类来进行HTML转义：importorg.jsoup.Jsoup;importorg.jsoup.nodes.Document.OutputSettings;imp</div> </li> <li><a href="/article/1881718007521144832.htm" title="实现音乐播放器实现:前端HTML，CSS，JavaScript综合大项目（java实战）" target="_blank">实现音乐播放器实现:前端HTML，CSS，JavaScript综合大项目（java实战）</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><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>创建一个音乐播放器项目，使用HTML、CSS和JavaScript作为前端技术栈，并结合Java后端（如果需要），可以是一个很好的实战项目。这个项目不仅能够帮助你掌握前端开发技能，还能让你了解如何与后端交互来获取数据。下面是实现这样一个音乐播放器项目的步骤指南，包括了从规划到部署的各个方面。1.项目规划规划功能基本功能播放/暂停按钮。音量控制。进度条。歌曲列表显示。高级功能随机播放。列表循环。搜索</div> </li> <li><a href="/article/1881715101778636800.htm" title="Python爬虫工具BeautifulSoup使用详解" target="_blank">Python爬虫工具BeautifulSoup使用详解</a> <span class="text-muted">闲人陈二狗</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/beautifulsoup/1.htm">beautifulsoup</a> <div>目录一、模块简介二、方法利用1、安装beautifulsoup2、引入模块3、选择解析器解析指定内容三、具体利用1、获取拥有指定属性的标签2、获取标签的属性值3、获取标签中的内容4、stripped_strings四、输出1、格式化输出prettify()2、get_text()一、模块简介BeautifulSoup是一个可以从HTML或XML文件中提取数据的Python库.它能够通过你喜欢的转换</div> </li> <li><a href="/article/1881712202361139200.htm" title="有趣的css - 圆形渐变光晕动效" target="_blank">有趣的css - 圆形渐变光晕动效</a> <span class="text-muted">设计师工作日常</span> <a class="tag" taget="_blank" href="/search/%E6%9C%89%E8%B6%A3%E7%9A%84css/1.htm">有趣的css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</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%8A%A8%E6%95%88%E8%AE%BE%E8%AE%A1/1.htm">动效设计</a><a class="tag" taget="_blank" href="/search/ux%2Fui/1.htm">ux/ui</a><a class="tag" taget="_blank" href="/search/%E4%BA%A4%E4%BA%92%E8%AE%BE%E8%AE%A1/1.htm">交互设计</a><a class="tag" taget="_blank" href="/search/%E5%8A%A0%E8%BD%BD%E5%8A%A8%E7%94%BB/1.htm">加载动画</a> <div>大家好，我是Just，这里是「设计师工作日常」，今天分享的是一个科技感的加载动画效果，适用于科技感网站加载页面。《有趣的css》系列最新实例通过公众号「设计师工作日常」发布。目录整体效果核心代码html代码css部分代码完整代码如下html页面css样式页面渲染效果整体效果知识点：1️⃣background-image过渡属性2️⃣animation动画属性3️⃣box-shadow阴影属性4️⃣</div> </li> <li><a href="/article/1881705648144576512.htm" title="圈子系统如何实现生成海报功能，前后端协同工作" target="_blank">圈子系统如何实现生成海报功能，前后端协同工作</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>圈子系统通常指的是社交平台或论坛中的一种功能模块，用于创建和管理兴趣小组或讨论群组。以下是对圈子系统的详细解释：一、前端实现前端主要负责海报的生成和展示。这通常通过HTML5的CanvasAPI或类似的图形库来实现。创建Canvas元素：在HTML中创建一个Canvas元素，用于绘制海报。获取Canvas上下文：使用getContext('2d')方法获取Canvas的2D绘图上下文，以便进行绘制</div> </li> <li><a href="/article/1881702618313584640.htm" title="Python爬虫天气预报（小白入门）(1)" target="_blank">Python爬虫天气预报（小白入门）(1)</a> <span class="text-muted">2401_84009993</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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>首先来到目标数据的网页http://www.weather.com.cn/weather40d/101280701.shtml中国天气网我们可以看到，我们需要的天气数据都是放在图表上的，在切换月份的时候，发现只有部分页面刷新了，就是天气数据的那块，而URL没有变化。这是因为网页前端使用了JS异步加载的技术，更新时不用加载整个页面，从而提升了网页的加载速度。对于这种非静态页面，我们在请求数据时，就不</div> </li> <li><a href="/article/1881699718413742080.htm" title="python中lxml 库之 etree 使用详解" target="_blank">python中lxml 库之 etree 使用详解</a> <span class="text-muted">闲人陈二狗</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录一、etree介绍二、xpath解析html/xml1、第一步就是使用etree连接html/xml代码/文件。2、xpath表达式定位①xpath结合属性定位②xpath文本定位及获取③xpath层级定位④xpath索引定位⑤xpath模糊匹配一、etree介绍lxml库是Python中一个强大的XML处理库，简单来说，etree模块提供了一个简单而灵活的API来解析和操作XML/HTML文</div> </li> <li><a href="/article/1881697322862178304.htm" title="【YashanDB知识库】YashanDB与Oracle数据类型对齐" target="_blank">【YashanDB知识库】YashanDB与Oracle数据类型对齐</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7253737.html?templateId=171...关于参数USE\_NATIVE\_TYPE在迁移基于Oracle数据库的应用时，有时会遇到应用代码中定义的数据类型与YashanDB返回数据类型不匹配的问题，可以尝试在创建数据库的时候指定参数USE\_NATIVE\_TYPE</div> </li> <li><a href="/article/1881697067160629248.htm" title="【YashanDB知识库】手工迁移Doris数据到崖山分布式" target="_blank">【YashanDB知识库】手工迁移Doris数据到崖山分布式</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7253739.html?templateId=171...本方案采用csv文件格式进行数据的导出和导入。具体步骤如下：通过sql语句将Doris表导出成csv文件注：导出到本地文件时需要先在fe.conf中配置enable_outfile_to_local=true并重启fe节点--</div> </li> <li><a href="/article/1881697068431503360.htm" title="【YashanDB知识库】锁冲突检查" target="_blank">【YashanDB知识库】锁冲突检查</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7253740.html?templateId=171...应用并发操作时，可能发生锁冲突。常见的有行锁冲突、表锁冲突，比如更新同一条记录会出现行锁等待。可以使用下面语句检查当前数据库是否正在发生锁冲突，如果有的话，可以列出哪些应用在申请锁、申请什么样的锁，以及申请的锁被哪些应用持有。</div> </li> <li><a href="/article/1881697065906532352.htm" title="【YashanDB知识库】多csv文件一键式导入yashandb" target="_blank">【YashanDB知识库】多csv文件一键式导入yashandb</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7253738.html?templateId=171...背景：csv文件导入yashandb存在以下两个痛点：1、导入通过yasboot或者yasldr导入csv文件均需要配置表的字段名，如果表比较多，字段也很多的情况下比较费力；2、一些大表需要导入多个csv文件，一个个手工导入效</div> </li> <li><a href="/article/1881689879583191040.htm" title="点击图片浏览大图（sui框架）" target="_blank">点击图片浏览大图（sui框架）</a> <span class="text-muted">this_ITBoy</span> <a class="tag" taget="_blank" href="/search/%E5%8E%9F%E5%88%9B/1.htm">原创</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E7%89%87%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">图片浏览器</a><a class="tag" taget="_blank" href="/search/H5/1.htm">H5</a> <div>项目中经常遇到点击图片或者点击相册浏览大图的情景，SUI框架自带swiper滚动的效果，详情见http://m.sui.taobao.org/中的拓展组件--图片浏览器的效果，在项目中需要做到点击图片出现图片浏览器而不是点击固定的按钮，这就需要在js里做一些改变了。部分html代码如下：这里是freemarker语法循环出每一张图片，而data-src属性的值是图片的接口，img的src属性也是图</div> </li> <li><a href="/article/1881682311737569280.htm" title="Web前端学习重点笔记" target="_blank">Web前端学习重点笔记</a> <span class="text-muted">HeHolly</span> <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/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>第一章：Web前端开发技术综述第二章：HTML基础第三章：格式化文本与段落标记：标题字标记：大——小字体标记：水平线标记：段落缩进标记：默认5个字符位置拼音标记：何(he)原样显示标记：特殊符号：显示结果说明符号代码空格 >大于号>加粗倾斜删除线下划线上标下标加粗倾斜变小字号变大字号第四章：列表有序列表……type="1(默认)|A|a|i|I"无序列表……type="disc(默</div> </li> <li><a href="/article/1881660099445977088.htm" title="tkinter中text属性_tkinter属性（总结）" target="_blank">tkinter中text属性_tkinter属性（总结）</a> <span class="text-muted">俠之大者</span> <a class="tag" taget="_blank" href="/search/tkinter%E4%B8%ADtext%E5%B1%9E%E6%80%A7/1.htm">tkinter中text属性</a> <div>一、主要控件1.Button按钮。类似标签,但提供额外的功能,例如鼠标掠过、按下、释放以及键盘操作事件2.Canvas画布。提供绘图功能(直线、椭圆、多边形、矩形)可以包含图形或位图3.Checkbutton选择按钮。一组方框,可以选择其中的任意个(类似HTML中的checkbox)4.Entry文本框。单行文字域,用来收集键盘输入(类似HTML中的text)5.Frame框架。包含其他组件的纯容</div> </li> <li><a href="/article/1881650005991813120.htm" title="2024年全国信息素养大赛图形化挑战赛国赛（决赛）真题——绘制20个多边形" target="_blank">2024年全国信息素养大赛图形化挑战赛国赛（决赛）真题——绘制20个多边形</a> <span class="text-muted">嗨信奥</span> <a class="tag" taget="_blank" href="/search/scratch/1.htm">scratch</a><a class="tag" taget="_blank" href="/search/%E9%9D%92%E5%B0%91%E5%B9%B4%E7%BC%96%E7%A8%8B/1.htm">青少年编程</a> <div>绘制20个多边形编程任务从三角形开始，递增边数，一次画出20个多边形。参数说明:1.画笔初始位置(-25，180)，粗细为2；2.每个多边形的边长都是50；3.每画一个多边形，画笔要改变颜色。完整题目可点击下方链接：绘制20个多边形_scratch_少儿编程题库学习中心-嗨信奥https://www.hixinao.com/tiku/scratch/show-3937.html程序演示及获取源码可</div> </li> <li><a href="/article/1881631713176645632.htm" title="Windows系统SSH无法通过IPv6地址连接AWS EC2实例" target="_blank">Windows系统SSH无法通过IPv6地址连接AWS EC2实例</a> <span class="text-muted"></span> <div>Windows系统SSH无法通过IPv6地址连接AWSEC2实例源：https://blog.ximinghui.org/68d42d0a/index.html0.SSH无法通过IPv6地址连接EC2实例表现为ssh-i"D:/我的密钥.pem"root@2406:da1e:78d:e00:8634:fdd4:b5a0:aef4连接超时。1.使用tracert跟踪IPv6地址说明：我的EC2实例的</div> </li> <li><a href="/article/1881617475834015744.htm" title="python获取当前文件路径" target="_blank">python获取当前文件路径</a> <span class="text-muted">weixin_33877885</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>python获取当前文件路径学习了：https://www.cnblogs.com/strongYaYa/p/7200357.htmlhttps://blog.csdn.net/heatdeath/article/details/78070832https://www.cnblogs.com/WonderHow/p/4403727.htmlimportosprint(os.getcwd())#fo</div> </li> <li><a href="/article/1881608255180959744.htm" title="纯HTML+CSS网页设计期末作业（个人网站）" target="_blank">纯HTML+CSS网页设计期末作业（个人网站）</a> <span class="text-muted">m0_67403143</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><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>目录纯HTML+CSS网页设计期末作业（个人网站）源码链接效果展示index页面about页面hobbies页面书籍介绍页面元曲介绍页面源码index.htmlindex.cssabout.htmlhobbies.htmlhobbies.cssme.htmlme.cssbook1.htmlbook.cssyuanqu.htmlyuanqu.css缺陷纯HTML+CSS网页设计期末作业（个人网站）源</div> </li> <li><a href="/article/1881602710936023040.htm" title="大模型GUI系列论文阅读 DAY2续：《一个具备规划、长上下文理解和程序合成能力的真实世界Web代理》" target="_blank">大模型GUI系列论文阅读 DAY2续：《一个具备规划、长上下文理解和程序合成能力的真实世界Web代理》</a> <span class="text-muted">feifeikon</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BA%E6%96%87%E9%98%85%E8%AF%BB/1.htm">论文阅读</a> <div>摘要预训练的大语言模型（LLMs）近年来在自主网页自动化方面实现了更好的泛化能力和样本效率。然而，在真实世界的网站上，其性能仍然受到以下问题的影响：(1)开放领域的复杂性，(2)有限的上下文长度，(3)在HTML结构上的归纳偏差不足。我们提出WebAgent，一个由LLM驱动的智能代理，能够通过自我学习的方式，在真实网站上按照自然语言指令完成任务。WebAgent通过将指令提前规划，将其分解为子指</div> </li> <li><a href="/article/1881585550520020992.htm" title="RPA手把手：【Intermediate Python】一、*args 和 **kwargs" target="_blank">RPA手把手：【Intermediate Python】一、*args 和 **kwargs</a> <span class="text-muted">艺赛旗RPA</span> <a class="tag" taget="_blank" href="/search/RPA/1.htm">RPA</a><a class="tag" taget="_blank" href="/search/RPA%E6%95%99%E7%A8%8B/1.htm">RPA教程</a><a class="tag" taget="_blank" href="/search/python%E5%9F%BA%E7%A1%80/1.htm">python基础</a><a class="tag" taget="_blank" href="/search/RPA/1.htm">RPA</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E8%89%BA%E8%B5%9B%E6%97%97/1.htm">艺赛旗</a> <div>艺赛旗RPA10.0全新首发免费下载点击下载www.i-search.com.cn/index.html?from=line1我观察到，大部分新的Python程序员都需要花上大量时间理解清楚*args和**kwargs这两个魔法变量。那么它们到底是什么？首先让我告诉你，其实并不是必须写成args和**kwargs。只有变量前面的星号才是必须的，你也可以写成var和vars，而写成*args和kwa</div> </li> <li><a href="/article/1881584162788405248.htm" title="使用echarts实现3d柱状图+折线图" target="_blank">使用echarts实现3d柱状图+折线图</a> <span class="text-muted">吉吉安</span> <a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a><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> <div>以下代码有问题请直接问国内直连GPT/ClaudeHTML需要注意threeDchart一定要设置宽度高度，不然图不显示,然后echarts版本不要太低，不然也不显示jsset3DBarChart2(data){varmyChart=echarts.init(document.getElementById('middle-right-top-chart'));data=[2000,1529,225</div> </li> <li><a href="/article/63.htm" title="关于旗正规则引擎规则中的上传和下载问题" target="_blank">关于旗正规则引擎规则中的上传和下载问题</a> <span class="text-muted">何必如此</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8B%E8%BD%BD/1.htm">文件下载</a><a class="tag" taget="_blank" href="/search/%E5%8E%8B%E7%BC%A9/1.htm">压缩</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/1.htm">文件上传</a> <div>文件的上传下载都是数据流的输入输出，大致流程都是一样的。一、文件打包下载 1.文件写入压缩包 string mainPath="D:\upload\"; 下载路径 string tmpfileName=jar.zip; &n</div> </li> <li><a href="/article/190.htm" title="【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析" target="_blank">【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Stream/1.htm">Stream</a> <div> 以如下代码为例（SocketInputDStream）： Spark Streaming从Socket读取数据的代码是在SocketReceiver的receive方法中，撇开异常情况不谈(Receiver有重连机制，restart方法，默认情况下在Receiver挂了之后，间隔两秒钟重新建立Socket连接)，读取到的数据通过调用store(textRead)方法进行存储。数据</div> </li> <li><a href="/article/317.htm" title="spark master web ui 端口8080被占用解决方法" target="_blank">spark master web ui 端口8080被占用解决方法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/8080/1.htm">8080</a><a class="tag" taget="_blank" href="/search/%E7%AB%AF%E5%8F%A3%E5%8D%A0%E7%94%A8/1.htm">端口占用</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/master+web+ui/1.htm">master web ui</a> <div>spark master web ui 默认端口为8080，当系统有其它程序也在使用该接口时，启动master时也不会报错，spark自己会改用其它端口，自动端口号加1，但为了可以控制到指定的端口，我们可以自行设置，修改方法： 1、cd SPARK_HOME/sbin 2、vi start-master.sh 3、定位到下面部分</div> </li> <li><a href="/article/444.htm" title="oracle_执行计划_谓词信息和数据获取" target="_blank">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/%E6%89%A7%E8%A1%8C%E8%AE%A1%E5%88%92/1.htm">执行计划</a> <div> oracle_执行计划_谓词信息和数据获取(上) 一：简要说明在查看执行计划的信息中，经常会看到两个谓词filter和access，它们的区别是什么，理解了这两个词对我们解读Oracle的执行计划信息会有所帮助。简单说，执行计划如果显示是access，就表示这个谓词条件的值将会影响数据的访问路径（表还是索引），而filter表示谓词条件的值并不会影响数据访问路径，只起到</div> </li> <li><a href="/article/571.htm" title="spring中datasource配置" target="_blank">spring中datasource配置</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/dataSource/1.htm">dataSource</a> <div>datasource配置有很多种，我介绍的一种是采用c3p0的，它的百科地址是： http://baike.baidu.com/view/920062.htm  <bean name="propertiesConfig" class="org.springframework.b</div> </li> <li><a href="/article/698.htm" title="web报表工具FineReport使用中遇到的常见报错及解决办法（三）" target="_blank">web报表工具FineReport使用中遇到的常见报错及解决办法（三）</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/FAQ/1.htm">FAQ</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E8%BD%AF%E4%BB%B6/1.htm">报表软件</a> <div>这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。 1、repeated column width is largerthan paper width：这个看这段话应该是很好理解的。比如做的模板页面宽度只能放</div> </li> <li><a href="/article/825.htm" title="mysql 用户管理" target="_blank">mysql 用户管理</a> <span class="text-muted">墙头上一根草</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/user/1.htm">user</a> <div>1.新建用户 //登录MYSQL@>mysql -u root -p@>密码//创建用户mysql> insert into mysql.user(Host,User,Password) values(‘localhost’,'jeecn’,password(‘jeecn’));//刷新系统权限表mysql>flush privileges;这样就创建了一个名为：</div> </li> <li><a href="/article/952.htm" title="关于使用Spring导致c3p0数据库死锁问题" target="_blank">关于使用Spring导致c3p0数据库死锁问题</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Spring+%E5%85%A5%E9%97%A8/1.htm">Spring 入门</a><a class="tag" taget="_blank" href="/search/Spring+%E5%AE%9E%E4%BE%8B/1.htm">Spring 实例</a><a class="tag" taget="_blank" href="/search/Spring3/1.htm">Spring3</a><a class="tag" taget="_blank" href="/search/Spring+%E6%95%99%E7%A8%8B/1.htm">Spring 教程</a> <div>这个问题我实在是为整个 springsource 的员工蒙羞如果大家使用 spring 控制事务，使用 Open Session In View 模式， com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.</div> </li> <li><a href="/article/1079.htm" title="百度词库联想" target="_blank">百度词库联想</a> <span class="text-muted">annan211</span> <a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6/1.htm">百度</a> <div> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title&g</div> </li> <li><a href="/article/1206.htm" title="int数据与byte之间的相互转换实现代码" target="_blank">int数据与byte之间的相互转换实现代码</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E7%A7%BB/1.htm">位移</a><a class="tag" taget="_blank" href="/search/int%E8%BD%ACbyte/1.htm">int转byte</a><a class="tag" taget="_blank" href="/search/byte%E8%BD%ACint/1.htm">byte转int</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E6%9C%AC%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%E7%9A%84%E5%AE%9E%E7%8E%B0/1.htm">基本数据类型的实现</a> <div>在BMP文件和文件压缩时需要用到的int与byte转换,现将理解的贴出来; 主要是要理解;位移等概念 http://baihe747.iteye.com/blog/2078029 int转byte; byte转int; /** * 字节转成int,int转成字节 * @author Administrator * </div> </li> <li><a href="/article/1333.htm" title="简单模拟实现数据库连接池" target="_blank">简单模拟实现数据库连接池</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E5%8D%95%E6%A8%A1%E6%8B%9F%E5%AE%9E%E7%8E%B0%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5%E6%B1%A0/1.htm">简单模拟实现数据库连接池</a> <div>简单模拟实现数据库连接池实例1： package com.bijian.thread; public class DB { //private static final int MAX_COUNT = 10; private static final DB instance = new DB(); private int count = 0; private i</div> </li> <li><a href="/article/1460.htm" title="一种基于Weblogic容器的鉴权设计" target="_blank">一种基于Weblogic容器的鉴权设计</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/weblogic/1.htm">weblogic</a> <div> 服务器对请求的鉴权可以在请求头中加Authorization之类的key，将用户名、密码保存到此key对应的value中，当然对于用户名、密码这种高机密的信息，应该对其进行加砂加密等，最简单的方法如下： String vuser_id = "weblogic"; String vuse</div> </li> <li><a href="/article/1587.htm" title="【RPC框架Hessian二】Hessian 对象序列化和反序列化" target="_blank">【RPC框架Hessian二】Hessian 对象序列化和反序列化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hessian/1.htm">hessian</a> <div> 任何一个对象从一个JVM传输到另一个JVM，都要经过序列化为二进制数据(或者字符串等其他格式，比如JSON)，然后在反序列化为Java对象，这最后都是通过二进制的数据在不同的JVM之间传输(一般是通过Socket和二进制的数据传输)，本文定义一个比较符合工作中。 1. 定义三个POJO Person类 package com.tom.hes</div> </li> <li><a href="/article/1714.htm" title="【Hadoop十四】Hadoop提供的脚本的功能" target="_blank">【Hadoop十四】Hadoop提供的脚本的功能</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>1. hadoop-daemon.sh 1.1 启动HDFS ./hadoop-daemon.sh start namenode ./hadoop-daemon.sh start datanode 通过这种逐步启动的方式，比start-all.sh方式少了一个SecondaryNameNode进程，这不影响Hadoop的使用，其实在 Hadoop2.0中，SecondaryNa</div> </li> <li><a href="/article/1841.htm" title="中国互联网走在“灰度”上" target="_blank">中国互联网走在“灰度”上</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86+%E7%81%B0%E5%BA%A6/1.htm">管理灰度</a> <div>中国互联网走在“灰度”上（转）文/孕峰第一次听说灰度这个词，是任正非说新型管理者所需要的素质。第二次听说是来自马化腾。似乎其他人包括马云也用不同的语言说过类似的意思。灰度这个词所包含的意义和视野是广远的。要理解这个词，可能同样要用“灰度”的心态。灰度的反面，是规规矩矩，清清楚楚，泾渭分明，严谨条理，是决不妥协，不转弯，认死理。黑白分明不是灰度，像彩虹那样</div> </li> <li><a href="/article/1968.htm" title="java-51-输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。" target="_blank">java-51-输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class PrintMatrixClockwisely { /** * Q51.输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。例如：如果输入如下矩阵： 1 2 3 4 5 6 7 8 9 </div> </li> <li><a href="/article/2095.htm" title="mongoDB 用户管理" target="_blank">mongoDB 用户管理</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/mongoDB%E7%94%A8%E6%88%B7%E7%AE%A1%E7%90%86/1.htm">mongoDB用户管理</a> <div> 1:添加用户第一次设置用户需要进入admin数据库下设置超级用户（use admin） db.addUsr({user:'useName',pwd:'111111',roles:[readWrite,dbAdmin]}); 第一个参数用户的名字第二个参数</div> </li> <li><a href="/article/2222.htm" title="[游戏与生活]玩暗黑破坏神3的一些问题" target="_blank">[游戏与生活]玩暗黑破坏神3的一些问题</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a> <div> 暗黑破坏神3是有史以来最让人激动的游戏。。。。但是有几个问题需要我们注意玩这个游戏的时间，每天不要超过一个小时，且每次玩游戏最好在白天结束游戏之后，最好在太阳下面来晒一下身上的暗黑气息，让自己恢复人的生气 &nb</div> </li> <li><a href="/article/2349.htm" title="java 二维数组如何存入数据库" target="_blank">java 二维数组如何存入数据库</a> <span class="text-muted">cuiyadll</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>using System; using System.Linq; using System.Text; using System.Windows.Forms; using System.Xml; using System.Xml.Serialization; using System.IO; namespace WindowsFormsApplication1 { </div> </li> <li><a href="/article/2476.htm" title="本地事务和全局事务Local Transaction and Global Transaction(JTA)" target="_blank">本地事务和全局事务Local Transaction and Global Transaction(JTA)</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/local/1.htm">local</a><a class="tag" taget="_blank" href="/search/global/1.htm">global</a><a class="tag" taget="_blank" href="/search/transaction/1.htm">transaction</a> <div>Configuring Spring and JTA without full Java EE http://spring.io/blog/2011/08/15/configuring-spring-and-jta-without-full-java-ee/ Spring doc -Transaction Management http://docs.spring.io/spri</div> </li> <li><a href="/article/2603.htm" title="Linux命令之alias - 设置命令的别名，让 Linux 命令更简练" target="_blank">Linux命令之alias - 设置命令的别名，让 Linux 命令更简练</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/alias/1.htm">alias</a> <div>用途说明设置命令的别名。在linux系统中如果命令太长又不符合用户的习惯，那么我们可以为它指定一个别名。虽然可以为命令建立“链接”解决长文件名的问题，但对于带命令行参数的命令，链接就无能为力了。而指定别名则可以解决此类所有问题【1】。常用别名来简化ssh登录【见示例三】，使长命令变短，使常用的长命令行变短，强制执行命令时询问等。常用参数格式：alias 格式：ali</div> </li> <li><a href="/article/2730.htm" title="yii2 restful web服务[格式响应]" target="_blank">yii2 restful web服务[格式响应]</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a> <div>响应格式当处理一个 RESTful API 请求时，一个应用程序通常需要如下步骤来处理响应格式：确定可能影响响应格式的各种因素，例如媒介类型，语言，版本，等等。这个过程也被称为 content negotiation。资源对象转换为数组，如在 Resources 部分中所描述的。通过 [[yii\rest\Serializer]]</div> </li> <li><a href="/article/2857.htm" title="MongoDB索引调优（2）——[十]" target="_blank">MongoDB索引调优（2）——[十]</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/MongoDB%E7%B4%A2%E5%BC%95%E4%BC%98%E5%8C%96/1.htm">MongoDB索引优化</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2178555 一、概述上一篇文档中也说明了，MongoDB的索引几乎与关系型数据库的索引一模一样，优化关系型数据库的技巧通用适合MongoDB，所有这里只讲MongoDB需要注意的地方二、索引内嵌文档可以在嵌套文档的键上建立索引，方式与正常</div> </li> <li><a href="/article/2984.htm" title="当滑动到顶部和底部时，实现Item的分离效果的ListView" target="_blank">当滑动到顶部和底部时，实现Item的分离效果的ListView</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>拉动ListView，Item之间的间距会变大，释放后恢复原样； package cn.tangdada.tangbang.widget; import android.annotation.TargetApi; import android.content.Context; import android.content.res.TypedArray; import andr</div> </li> <li><a href="/article/3111.htm" title="程序员用HTML5制作的爱心树表白动画" target="_blank">程序员用HTML5制作的爱心树表白动画</a> <span class="text-muted">ini</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>体验效果：http://keleyi.com/keleyi/phtml/html5/31.htmHTML代码如下： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8" > <ti</div> </li> <li><a href="/article/3238.htm" title="预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版" target="_blank">预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版</a> <span class="text-muted">kakajw</span> <a class="tag" taget="_blank" href="/search/ThinkPad/1.htm">ThinkPad</a><a class="tag" taget="_blank" href="/search/%E9%A2%84%E8%A3%85/1.htm">预装</a><a class="tag" taget="_blank" href="/search/%E6%94%B9%E8%A3%85/1.htm">改装</a><a class="tag" taget="_blank" href="/search/windows+7/1.htm">windows 7</a><a class="tag" taget="_blank" href="/search/windows+8/1.htm">windows 8</a> <div> 该教程具有普遍参考性，特别适用于联想的机器，其他品牌机器的处理过程也大同小异。该教程是个人多次尝试和总结的结果，实用性强，推荐给需要的人！缘由小弟最近入手笔记本ThinkPad T440，但是特别不能习惯笔记本出厂预装的Windows 8系统，而且厂商自作聪明地预装了一堆没用的应用软件，消耗不少的系统资源（本本的内存为4G，系统启动完成时，物理内存占用比</div> </li> <li><a href="/article/3365.htm" title="Nginx学习笔记" target="_blank">Nginx学习笔记</a> <span class="text-muted">mcj8089</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>一、安装nginx 1、在nginx官方网站下载一个包，下载地址是： http://nginx.org/download/nginx-1.4.2.tar.gz 2、WinSCP(ftp上传工</div> </li> <li><a href="/article/3492.htm" title="mongodb 聚合查询每天论坛链接点击次数" target="_blank">mongodb 聚合查询每天论坛链接点击次数</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a> <div>/* 18 */ { "_id" : ObjectId("5596414cbe4d73a327e50274"), "msgType" : "text", "sendTime" : ISODate("2015-07-03T08:01:16.000Z"</div> </li> <li><a href="/article/3619.htm" title="java术语（PO/POJO/VO/BO/DAO/DTO）" target="_blank">java术语（PO/POJO/VO/BO/DAO/DTO）</a> <span class="text-muted">Luob.</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/DTO/1.htm">DTO</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a><a class="tag" taget="_blank" href="/search/VO+BO/1.htm">VO BO</a> <div> PO(persistant object) 持久对象在o/r 映射的时候出现的概念,如果没有o/r映射,就没有这个概念存在了.通常对应数据模型(数据库),本身还有部分业务逻辑的处理.可以看成是与数据库中的表相映射的java对象.最简单的PO就是对应数据库中某个表中的一条记录,多个记录可以用PO的集合.PO中应该不包含任何对数据库的操作. VO(value object) 值对象通</div> </li> <li><a href="/article/3746.htm" title="算法复杂度" target="_blank">算法复杂度</a> <span class="text-muted">Wuaner</span> <a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a> <div>Time Complexity & Big-O： http://stackoverflow.com/questions/487258/plain-english-explanation-of-big-o http://bigocheatsheet.com/ http://www.sitepoint.com/time-complexity-algorithms/ </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.  </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>