标签：定义HTML文档

标签：定义文档主体

-

 标签：定义HTML标题

标签：创建水平线

 注释

标签：段落


标签：换行

HTML 链接

标签：链接

默认情况下，链接将以以下形式出现在浏览器中：

  • 一个未访问过的链接显示为蓝色字体并带有下划线。

  • 访问过的链接显示为紫色并带有下划线。

  • 点击链接时，链接显示为红色并带有下划线。

（1）href属性：来描述链接的地址

链接文本

（2）target 属性：定义被链接的文档在何处显示

　　例：target="_blank"： 链接将在新窗口打开

（3）id属性：在一个HTML文档书签标记

　　例：插入ID   文字

　　　　文档中创建一个链接到ID部分  文字

　　　　创建一个链接到其它文档ID部分文字

注释： 请始终将正斜杠添加到子文件夹。

　　例：href="http://www.baidu.com/html/

HTML  元素

头部区域的元素标签为: , <style>, <meta>, <link>, <script>, <noscript>, and <base></p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><title> 标签：定义了不同文档的标题</p> <ul style="margin-left:30px;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;" class="list-paddingleft-2"> <li><p>定义了浏览器工具栏的标题</p></li> <li><p>当网页添加到收藏夹时，显示在收藏夹中的标题</p></li> <li><p>显示在搜索引擎结果页面的标题</p></li> </ul> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><base> 标签：描述了基本的链接地址/链接目标，该标签作为HTML文档中<span style="margin:0px;padding:0px;color:rgb(0,128,0);background-color:rgb(255,255,0);">所有的链接标签的默认链接</span>:</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><base href="http://www.baidu.com/p_w_picpaths/" target="_blank"></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><link> 标签：链接到样式表(CSS)</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><link rel="stylesheet" type="text/css" href="mystyle.css"></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><style> 元素：直接添加CSS样式来渲染 HTML 文档</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><head><style type="text/css">body {background-color:yellow}p {color:blue}</style></head></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><meta> 标签：提供了元数据不显示在页面上，但会被浏览器解析。</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> 为搜索引擎定义关键词:</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">为网页定义描述内容:</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><meta name="description" content="免费 Web & 编程 教程"></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">定义网页作者:</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><meta name="author" content="Runoob"></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">每30秒中刷新当前页面:</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><meta http-equiv="refresh" content="30"></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><script>标签：用于加载脚本文件，如： JavaScript</p> <hr style="margin:0px;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <h2 style="margin:10px 0px;padding:0px;font-size:21px;line-height:1.5;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;white-space:normal;">HTML 图像- <span style="margin:0px;padding:0px;color:rgb(0,128,0);">图像标签（ <img>）</span>和<span style="margin:0px;padding:0px;color:rgb(0,128,0);">源属性（Src）</span></h2> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><img> 是空标签，只包含属性，没有闭合标签。</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><img src="url" alt="some_text"></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">（1）src 属性： "source"源属性的值是图像的 URL 地址</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">（2）alt 属性：用来为图像定义一串预备的可替换的文本。</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">（3）height（高度） 与 width（宽度）属性：用于设置图像的高度与宽度。</p> <hr style="margin:0px;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <h1 style="margin:10px 0px;padding:0px;font-size:28px;line-height:1.5;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;white-space:normal;">HTML <span class="color_h1" style="margin:0px;padding:0px;color:rgb(0,128,0);">表格</span></h1> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><table> 标签：表格</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><tr> 标签：行</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><th> 标签：表头</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><td> 标签：单元格</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><span class="hl-var" style="margin:0px;padding:0px;">colspan<span class="hl-code" style="margin:0px;padding:0px;">=<span class="hl-quotes" style="margin:0px;padding:0px;">"<span class="hl-string" style="margin:0px;padding:0px;">2<span class="hl-quotes" style="margin:0px;padding:0px;">"：链接行的两个段元格</span></span></span></span></span></p> <p><span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;line-height:1.5;"></span></p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><table border="1">     <tr>         <th>Header 1</th>         <th>Header 2</th>     </tr>     <tr>         <td>row 1, cell 1</td>         <td>row 1, cell 2</td>     </tr>     <tr>         <td>row 2, cell 1</td>         <td>row 2, cell 2</td>     </tr></table></pre> <p><span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;line-height:1.5;"></span></p> <hr style="margin:0px;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <h1 style="margin:10px 0px;padding:0px;font-size:28px;line-height:1.5;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;white-space:normal;">HTML <span class="color_h1" style="margin:0px;padding:0px;color:rgb(0,128,0);">列表</span></h1> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <ul> 标签：无序列表</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <ol> 标签：有序列表</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><li> 标签：每个列表项的开始</p> <p><span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;line-height:1.5;"></span></p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><ul><li>Coffee</li><li>Milk</li></ul><ol><li>Coffee</li><li>Milk</li></ol></pre> <p><span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;line-height:1.5;"></span></p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;color:rgb(73,73,73);font-size:14px;"><dl>标签：自定义例表</pre> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><dl><dt>自定义列表项</dt><dd>自定义列表项的定义<dd><dt>自定义列表项</dt><dd>自定义列表项的定义<dd></dl></pre> <hr style="margin:0px;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <h2 style="margin:10px 0px;padding:0px;font-size:21px;line-height:1.5;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;white-space:normal;">HTML <span style="margin:0px;padding:0px;color:rgb(0,128,0);">区块</span></h2> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <div> 元素：块级元素，可用于组合其他 HTML 元素的容器。</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <span> 元素：内联元素，可用作文本的容器。</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <table> 元素：作用是显示表格化的数据。</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">块级元素(block-level)：在浏览器显示时，通常会以新行来开始（和结束）。例: <h1>, <p>, <ul>, <table></p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">内联元素(inline)：在显示时通常不会以新行开始。例: <b>, <td>, <a>, <img></p> <hr style="margin:0px;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <h1 style="margin:10px 0px;padding:0px;font-size:28px;line-height:1.5;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;white-space:normal;">HTML <span class="color_h1" style="margin:0px;padding:0px;color:rgb(0,128,0);">布局</span></h1> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><div>块级元素或是<table>表格化的数据</p> <hr style="margin:0px;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> </p> <h1 style="margin:10px 0px;padding:0px;font-size:28px;line-height:1.5;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;white-space:normal;">HTML <span class="color_h1" style="margin:0px;padding:0px;color:rgb(0,128,0);">表单和输入</span></h1> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><form>标签：表单</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><input>标签：输入</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">文本域（Text Fields）：缺省宽度是20个字符</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><form>First name: <input type="text" name="firstname"><br>Last name: <input type="text" name="lastname"></form></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">密码字段：<input type="password">——密码不会显示，以星号或圆点替代</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><form>Password: <input type="password" name="pwd"></form></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">单选按钮：<input type="radio"> </p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><form><input type="radio" name="sex" value="male">Male<br><input type="radio" name="sex" value="female">Female</form></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">复选框：<input type="checkbox"></p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><form><input type="checkbox" name="vehicle" value="Bike">I have a bike<br><input type="checkbox" name="vehicle" value="Car">I have a car  </form></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">提交按钮：<input type="submit"></p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><form name="input" action="html_form_action.php" method="get">Username: <input type="text" name="user"><input type="submit" value="Submit"></form></pre> <hr style="margin:0px;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"> <h1 style="margin:10px 0px;padding:0px;font-size:28px;line-height:1.5;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;white-space:normal;">HTML <span class="color_h1" style="margin:0px;padding:0px;">框架</span></h1> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><iframe>框架：在同一个浏览器窗口中显示不止一个页面。</p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;"><strong style="margin:0px;padding:0px;">iframe语法：</strong><iframe src="<em style="margin:0px;padding:0px;">URL</em>"></iframe></p> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">height 和 width 属性：用来定义iframe标签的高度与宽度。——属性默认以像素为单位,</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><iframe src="demo_iframe.htm" width="200" height="200"></iframe></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">frameborder 属性：是否显示边框——属性值为 "0" 移除iframe的边框</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><iframe src="demo_iframe.htm" frameborder="0"></iframe></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">例：点击链接，链接地址页面显示在iframe框架中</p> <pre style="margin-top:0px;margin-bottom:0px;padding:0px;white-space:pre-wrap;font-family:'Courier New';"><iframe src="demo_iframe.htm" name="iframe_a"></iframe><p><a href="http://www.baidu.com" target="iframe_a">baidu.com</a></p></pre> <p style="margin:10px auto;padding:0px;color:rgb(73,73,73);font-family:Arial, Helvetica, sans-serif;font-size:14px;white-space:normal;">注：name和target名字相同。</p> <p><br></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1176699007452393472"></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,回顾,前端,html)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1895241059009622016.htm" title="微前端无法接入子应用，ip自动重复拼接，无法正确嵌入解决方案" target="_blank">微前端无法接入子应用，ip自动重复拼接，无法正确嵌入解决方案</a> <span class="text-muted">luopeng207663436</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>最近在开发过程中，前端接入微应用时一直报错，项目接入了多个子应用，但其中有一个子应用一直报错，主要体现为，访问子应用的路径会自动变成http://ip:port/'http://子应用ip:port'排查很久，发现是由于在子应用配置文件中引号外多加入了一个空格，导致解析失败注意env环境变量中删除所有行尾的空格即可解决问题</div> </li> <li><a href="/article/1895225427828469760.htm" title="【Python】7天-python实现缓存-day01" target="_blank">【Python】7天-python实现缓存-day01</a> <span class="text-muted">qq_40375355</span> <a class="tag" taget="_blank" href="/search/Python-7%E5%A4%A9%E5%B0%8F%E9%A1%B9%E7%9B%AE/1.htm">Python-7天小项目</a><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/%E7%BC%93%E5%AD%98/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>使用Python实现类似redis的缓存，原文是使用go实现的，本文使用python实现，用来比较两者的区别，方便从python转go的开发者比较二者的不同。PS：原文链接是：https://geektutu.com/post/geecache-day1.htmlPS:预计在完成前还会对本文多次修改仅作参考PS:测试代码也会在后续补充一、LRU和LRU-K原文使用的是LRU算法，这里改成LRU-K</div> </li> <li><a href="/article/1895224291109171200.htm" title="Django模板系统深入" target="_blank">Django模板系统深入</a> <span class="text-muted">jay丿</span> <a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>Django模板系统深入模板继承和重用Block标签在Django模板中，{%block%}标签允许你定义一个“块”，这个块可以在子模板中被重写或填充。{%blocktitle%}MySite{%endblock%}Welcometomysite{%blockcontent%}{%endblock%}{%extends"base.html"%}{%blocktitle%}MyChildPage{%</div> </li> <li><a href="/article/1895221516983922688.htm" title="drupal如何查看已有网页的源码" target="_blank">drupal如何查看已有网页的源码</a> <span class="text-muted">dev.null</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%89%8D%E7%AB%AF/1.htm">前端</a> <div>在Drupal中查看已有网页的源码（HTML源代码），你可以通过以下几种方法：方法1：使用浏览器的开发者工具打开网页：访问你想查看源代码的页面。右键点击页面：在页面的任意空白处，右键点击，然后选择查看页面源代码（ViewPageSource）或者检查（Inspect）选项（具体名称取决于浏览器）。查看源代码：如果选择了“查看页面源代码”，浏览器将会显示该页面的HTML源码。如果选择了“检查”，会打</div> </li> <li><a href="/article/1895217480624828416.htm" title="Python爬虫实战（一）：翻页爬取数据存入SqlServer_python爬虫翻页" target="_blank">Python爬虫实战（一）：翻页爬取数据存入SqlServer_python爬虫翻页</a> <span class="text-muted">2401_84563438</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/sqlserver/1.htm">sqlserver</a> <div>print(str(e))#关闭游标，断开数据库cursor.close()db.close()#实现主要逻辑defrun(self):fortype_numinrange(1,46):#1.拼接网页获取每个类别的页数pageurl=self.baseurl%(1,type_num)html_str=self.parse_url(url)page=self.get_page_num(html_st</div> </li> <li><a href="/article/1895213066971312128.htm" title="Vue的单元测试和端到端测试：确保组件可靠性与应用完整性" target="_blank">Vue的单元测试和端到端测试：确保组件可靠性与应用完整性</a> <span class="text-muted">哎 你看</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>引言在软件开发过程中，测试是保证代码质量和应用稳定性的关键环节。Vue.js作为流行的前端框架，提供了一套完善的测试工具和生态系统，支持开发者进行单元测试和端到端测试。本文将深入探讨如何为Vue组件编写单元测试，并讨论如何使用Cypress等工具进行端到端测试。单元测试1.单元测试的概念单元测试是针对程序中最小的可测试单元进行检查和验证的过程，通常关注函数或方法级别的测试。2.Vue组件的单元测试</div> </li> <li><a href="/article/1895211428340625408.htm" title="深入浅出 Pinia：下一代 Vue 状态管理库的核心实践与设计哲学" target="_blank">深入浅出 Pinia：下一代 Vue 状态管理库的核心实践与设计哲学</a> <span class="text-muted">斯~内克</span> <a class="tag" taget="_blank" href="/search/vue%E7%9F%A5%E8%AF%86%E7%82%B9/1.htm">vue知识点</a><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>引言：为什么需要状态管理？在现代前端开发中，随着应用复杂度提升，组件间的数据共享和状态管理成为关键挑战。传统的组件间通信（如props/emit）在跨层级组件或大型应用中显得力不从心，而Vue生态早期的Vuex虽然解决了这一问题，但随着TypeScript的普及和CompositionAPI的推出，开发者对状态管理工具提出了更高要求——这便是Pinia诞生的背景。第一部分：Pinia基础概念1.1</div> </li> <li><a href="/article/1895208148197765120.htm" title="Kali Linux信息收集工具" target="_blank">Kali Linux信息收集工具</a> <span class="text-muted">dechen6073</span> <div>http://www.freebuf.com/column/150118.html可能大部分渗透测试者都想成为网络空间的007，而我个人的目标却是成为Q先生！看过007系列电影的朋友，应该都还记得那个戏份不多但一直都在的Q先生（由于年级太长目前已经退休）。他为007发明了众多神奇的武器，并且总能在关键时刻挽救大英雄于危难之间。但是与Q先生相比我很惭愧。因为到目前为止我还没有发明出什么可以与他相比的</div> </li> <li><a href="/article/1895204996383830016.htm" title="Vue.js组件开发：从基础到进阶" target="_blank">Vue.js组件开发：从基础到进阶</a> <span class="text-muted">码上飞扬</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>在现代前端开发中，Vue.js因其简洁、灵活和易上手的特点，成为了众多开发者首选的框架之一。组件化是Vue.js的核心思想之一，它让我们能够更高效、模块化地开发应用。在本文中，我们将从Vue.js的组件开发的基础知识开始，逐步探索如何通过Vue.js进行高效的组件化开发。一、Vue.js组件的基础Vue.js中的组件可以理解为一个具有特定功能的代码块，它通常包含视图（HTML）、样式（CSS）和逻</div> </li> <li><a href="/article/1895197555575287808.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%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>引言：前端框架的性能进化论TikTokWeb将React18迁移至Vue3后，点击响应延迟降低42%，内存占用减少35%。Shopify采用Svelte重构核心交互模块，首帧渲染速度提升580%。Discord在Next.js14中启用ReactServerComponents后，服务端数据吞吐量增加240%，客户端Bundle体积减少54%。一、主流框架技术架构差异1.1三大范式运行机制对比维度</div> </li> <li><a href="/article/1895185192377708544.htm" title="常用的HTML标签及属性" target="_blank">常用的HTML标签及属性</a> <span class="text-muted">微剑</span> <a class="tag" taget="_blank" href="/search/python%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">python前端开发</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标签和属性较为丰富，以下是一些常用的HTML标签和属性：1.标题标签：h1、h2、h3、h4、h5、h6；属性：id、class、style2.段落标签：p；属性：id、class、style3.图像标签：img；属性：src、alt、title、width、height、border、align4.超链接标签：a；属性：href、target、title、id、class、</div> </li> <li><a href="/article/1895184688633409536.htm" title="Monorepo：前端团队的“中央厨房“革命" target="_blank">Monorepo：前端团队的“中央厨房“革命</a> <span class="text-muted">lifire_H</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%B7%A5%E7%A8%8B/1.htm">软件工程</a> <div>大家好！今天我要带大家解锁一个让团队协作效率翻倍的神器：Monorepo！准备好迎接代码管理的新世界了吗？一、从"路边摊"到"中央厨房"的进化史传统MultiRepo模式（路边摊）每个项目单独开火做饭：独立仓库、重复配置、依赖版本混乱。想象一下10个摊主各自炒蛋炒饭，连鸡蛋都要分10个篮子装！Monorepo模式（中央厨房）所有菜品共用食材库：统一采购/切配/烹饪。就像米其林餐厅的后厨，所有厨师共</div> </li> <li><a href="/article/1895183806877462528.htm" title="freemarker解析html标签,【转】Freemarker输出$和html标签等特殊符号" target="_blank">freemarker解析html标签,【转】Freemarker输出$和html标签等特殊符号</a> <span class="text-muted">weixin_39970689</span> <div>原文：http://blog.csdn.net/achilles12345/article/details/41820507场景：程序员都不喜欢看文档，而更喜欢抄例子。所以，我们把平台组的组件都做成例子供别人参考。我们前端展示层使用的是freemarker，所以遇到这个问题，比如我们要让前端显示freemarker自己的源码时就有问题了(因为我们例子程序的页面也是使用freemarker)。遇到的</div> </li> <li><a href="/article/1895183427771101184.htm" title="java 解析html标签_Java解析HTML标签" target="_blank">java 解析html标签_Java解析HTML标签</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/%E8%A7%A3%E6%9E%90html%E6%A0%87%E7%AD%BE/1.htm">解析html标签</a> <div>#基于状态机思想实现解析HTMLTAG，后续有时间的话尝试写一个JSON解析工具。importjava.util.HashMap;importjava.util.Map;publicclassTagParser{privateIntegerindex=0;privatechar[]tagChar;privateintposition=0;/*解析符号*/privatecharsymbol='"';</div> </li> <li><a href="/article/1895177756803657728.htm" title="Vue.js 入门指南：从基础到实战" target="_blank">Vue.js 入门指南：从基础到实战</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/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>Vue.js是一款流行的渐进式JavaScript框架，广泛用于构建交互式Web界面。它具有简单易学、轻量级、高性能的特点，适合前端新手入门。本文将从Vue的基本概念入手，详细介绍Vue的生命周期及常见用法，帮助你快速上手Vue开发官网：https://cn.vuejs.org/1.Vue.js介绍1.1Vue的特点易学易用：Vue采用直观的模板语法，降低了学习成本响应式数据绑定：使用双向绑定(v</div> </li> <li><a href="/article/1895176117568991232.htm" title="过滤Html标签" target="_blank">过滤Html标签</a> <span class="text-muted">风野烂漫</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF/1.htm">技术</a><a class="tag" taget="_blank" href="/search/%E8%BF%87%E6%BB%A4Html%E6%A0%87%E7%AD%BE/1.htm">过滤Html标签</a> <div>有时候在iOS开发中，有可能遇到需要把Html的标签过滤成字符串过滤标签成字符串+(NSString*)filterHtmlTag:(NSString*)originHtmlStr{if(!originHtmlStr||[originHtmlStrisKindOfClass:[NSNullclass]]){return@“没有内容";}NSString*result=nil;NSRangearro</div> </li> <li><a href="/article/1895171453100290048.htm" title="python os.path模块常用方法详解" target="_blank">python os.path模块常用方法详解</a> <span class="text-muted">清平乐的技术博客</span> <a class="tag" taget="_blank" href="/search/Python%E9%AB%98%E7%BA%A7%E5%BA%94%E7%94%A8/1.htm">Python高级应用</a> <div>pythonos.path模块常用方法详解os.path模块主要用于文件的属性获取，在编程中经常用到，以下是该模块的几种常用方法。更多的方法可以去查看官方文档：http://docs.python.org/library/os.path.html1.os.path.abspath(path)返回path规范化的绝对路径。os.path.abspath(‘test.csv’)‘C:\Python25</div> </li> <li><a href="/article/1895170064504647680.htm" title="JavaScript系列（89）--前端模块化工程详解" target="_blank">JavaScript系列（89）--前端模块化工程详解</a> <span class="text-muted">一进制ᅟᅠ        ‌‍‎‏ </span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a> <div>前端模块化工程详解前端模块化是现代Web开发的核心理念之一，它帮助我们组织和管理日益复杂的前端代码。本文将详细探讨前端模块化工程的各个方面，从基础概念到实际应用。模块化概述小知识：模块化是指将一个复杂的系统分解为独立的、可复用的模块。在前端开发中，模块化有助于提高代码的可维护性、可测试性和可重用性，同时促进团队协作和大型应用的开发。模块化标准与演进//1.CommonJS规范classCommon</div> </li> <li><a href="/article/1895164393818222592.htm" title="HTML中 video标签样式铺满全屏" target="_blank">HTML中 video标签样式铺满全屏</a> <span class="text-muted">小华0000</span> <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> <div>video标签默认不是铺满的，即使手动设置宽高100%也不会生效，所以当需要video铺满div时，需要加上一个css样式关键是这个“object-fit:fill”，这样就可以解决了！object-fit属性指定元素的内容应该如何去适应指定容器的高度与宽度。object-fit一般用于img和video标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。fill:默认，不保证</div> </li> <li><a href="/article/1895162248729522176.htm" title="fastapi 大型应用_FastApi项目实战 - 爱投票管理系统（一）" target="_blank">fastapi 大型应用_FastApi项目实战 - 爱投票管理系统（一）</a> <span class="text-muted">赌徒梦</span> <a class="tag" taget="_blank" href="/search/fastapi/1.htm">fastapi</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%9E%8B%E5%BA%94%E7%94%A8/1.htm">大型应用</a> <div>一、闲来无事，在工作之余自己研究了一下python的异步框架-fastapi，并写包括1、部门管理2、角色管理3、用户管理4、菜单管理5、登录日志6、操作日志7、添加反爬机制六个基础功能模块，演示链接：https://www.lovevote.cn，账号：admin，密码：admin由于我的电脑问题，下载的vue依赖包有几个发生了版本冲突，打包部署后偶尔会在点击菜单按钮时发生前端延时(这时表现为缓</div> </li> <li><a href="/article/1895161738697961472.htm" title="python爬虫爬取图片" target="_blank">python爬虫爬取图片</a> <span class="text-muted">kanguhong</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>"""爬取目标：https://pic.netbian.com/彼岸图首页地址：https://pic.netbian.com/4kmeinv/第N页：https://pic.netbian.com/4kmeinv/index_N.htmlhttps://pic.netbian.com/uploads/allimg/240709/194631-1720525591a682.jpg仅供学习，不可用于</div> </li> <li><a href="/article/1895161612264861696.htm" title="阿里巴巴在线图床HTML源码" target="_blank">阿里巴巴在线图床HTML源码</a> <span class="text-muted">tupaopao123</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E6%BA%90%E7%A0%81/1.htm">程序源码</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E6%BA%90%E7%A0%81/1.htm">网站源码</a><a class="tag" taget="_blank" href="/search/AEIN/1.htm">AEIN</a><a class="tag" taget="_blank" href="/search/%E5%A2%A8%E6%B8%8AAE%E5%8D%9A%E5%AE%A2/1.htm">墨渊AE博客</a><a class="tag" taget="_blank" href="/search/%E5%BB%BA%E7%AB%99%E6%BA%90%E7%A0%81/1.htm">建站源码</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E6%8A%80%E6%9C%AF/1.htm">网络技术</a> <div>介绍：阿里巴巴在线图片上传源码纯单页模板，CSS全部外链化，加快访问速度转载请注明出处AE博客|墨渊»阿里巴巴在线图床HTML源码网盘下载地址：http://kekewl.org/1CUeRcKpHXj图片：</div> </li> <li><a href="/article/1895158962731413504.htm" title="springboot + vue 前后端完全分离的博客项目" target="_blank">springboot + vue 前后端完全分离的博客项目</a> <span class="text-muted">明日再死</span> <a class="tag" taget="_blank" href="/search/SpringBoot/1.htm">SpringBoot</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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/restful/1.htm">restful</a> <div>文章目录前言一、运行截图二、前后台功能前端构架后端架构运行截图总结源码地址前言学完了springboot后，又花了十一天学完了禹神的vue2.x与3.x，一直想找机会练习一下vue来制作单页面前端程序，正巧，B站上看了一位叫markerhub的up主发了这个项目，于是我看了看源码，做了一些改进（源码学习，并非白嫖谢谢）一、运行截图登录界面注册界面找回密码界面二、前后台功能前端构架vue2.xvue</div> </li> <li><a href="/article/1895157825450078208.htm" title="前端学习资料集合" target="_blank">前端学习资料集合</a> <span class="text-muted">mdnbnb</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>针对前端的学习，不同阶段采用的方式是不一样的。本文把前端的学习分为入门、实战、进阶三个阶段。下面分开来说一、入门阶段入门阶段的目标是学会前端的基本语法和知识，能够解决一些简单的问题。这个阶段不建议看书学习，效率太慢。这个阶段不追求知识广度，只要求能够快速上手就行。建议直接找一些介绍前端的基础知识的视频课程来看。推荐一个比较经典的课程。前端基础班就业班实战项目全套课程聊聊前端开发的基础知识4小时带你</div> </li> <li><a href="/article/1895156691486437376.htm" title="JSP介绍（二）" target="_blank">JSP介绍（二）</a> <span class="text-muted">frandiy</span> <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>JSP介绍什么是JSPjsp(JavaServerPage)是JavaEE规范中的Web组件，用来编写动态页面。JSP文件以.jsp为后缀，通常存放在Eclipse的工程目录中的WebContent目录下，与静态资源使用方式非常相似。内容构成：JSP文件中的内容是HTML和Java代码的结合，静态部分使用HTML和文本，动态部分使用Java代码。Web容器处理JSP文件请求的三个阶段翻译阶段：We</div> </li> <li><a href="/article/1895155422990495744.htm" title="一款色彩绚丽的个人主页源码" target="_blank">一款色彩绚丽的个人主页源码</a> <span class="text-muted">酷爱码</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a> <div>源码介绍一款色彩绚丽的个人主页源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果效果预览源码获取一款色彩绚丽的个人主页源码</div> </li> <li><a href="/article/1895154918214397952.htm" title="UnionLLM——通过统一接口调用国内外所有LLM的Python开源工具包" target="_blank">UnionLLM——通过统一接口调用国内外所有LLM的Python开源工具包</a> <span class="text-muted">everfly</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a> <div>最近忙里偷闲和公司前端小伙伴一起撸了一个Python开源项目——UnionLLM。这是一个通过与OpenAI兼容的统一方式调用各种国内外各种大语言模型和Agent编排工具的轻量级开源工具包。我们开发它的起因是因为在实际项目中，经常需要调用多个大语言模型的API，但是国内每个大语言模型的接口和参数都不一样，这给我们的工作带来了很大的困扰和额外的成本。UnionLLM的目标是通过统一且容易扩展的方式连</div> </li> <li><a href="/article/1895136383761182720.htm" title="CSS—盒模型(3分钟结合示例精通盒模型)" target="_blank">CSS—盒模型(3分钟结合示例精通盒模型)</a> <span class="text-muted">海晨忆</span> <a class="tag" taget="_blank" href="/search/Web%E7%9F%A5%E8%AF%86%E7%82%B9/1.htm">Web知识点</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/%E7%9B%92%E6%A8%A1%E5%9E%8B/1.htm">盒模型</a> <div>个人博客：haichenyi.com。感谢关注1.目录1–目录2–概念3–内容4–内边距5–边框6–外边距7–类型概念  在HTML中，每一个元素都可以看作一个矩形的盒子。如图  如上图所示，一个一个的矩形都可以堪称一个元素。矩形有大有小，边有粗有细，离HTML四周的边距有近有远。在HTML里面，一个盒子的大小，边的粗细，离四周的距离这都是盒模型的组成要素。  我们以边为分界线，把一个盒模型分为"</div> </li> <li><a href="/article/1895135754007408640.htm" title="ASFF改进YOLOv8检测头：提升目标检测精度与效率的创新方法【YOLOv8】" target="_blank">ASFF改进YOLOv8检测头：提升目标检测精度与效率的创新方法【YOLOv8】</a> <span class="text-muted">步入烟尘</span> <a class="tag" taget="_blank" href="/search/YOLO%E7%B3%BB%E5%88%97%E5%88%9B%E6%96%B0%E6%B6%A8%E7%82%B9%E8%B6%85%E4%B8%93%E6%A0%8F/1.htm">YOLO系列创新涨点超专栏</a><a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/1.htm">目标检测</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E8%B7%9F%E8%B8%AA/1.htm">目标跟踪</a><a class="tag" taget="_blank" href="/search/ASFF/1.htm">ASFF</a><a class="tag" taget="_blank" href="/search/YOLOv8/1.htm">YOLOv8</a> <div>本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录ASFF改进YOLOv8检测头：提升目标检测精度与效率的创新方法【YOLOv8】1.背景介绍1.1Y</div> </li> <li><a href="/article/1895135245791981568.htm" title="HTML5期末大作业：基于 html css js仿腾讯课堂首页" target="_blank">HTML5期末大作业：基于 html css js仿腾讯课堂首页</a> <span class="text-muted">web学生网页设计</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E4%BD%9C%E4%B8%9A/1.htm">html5期末作业</a> <div>精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码</div> </li> <li><a href="/article/120.htm" title="web前段跨域nginx代理配置" target="_blank">web前段跨域nginx代理配置</a> <span class="text-muted">刘正强</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/cms/1.htm">cms</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost; </div> </li> <li><a href="/article/247.htm" title="spring学习笔记" target="_blank">spring学习笔记</a> <span class="text-muted">caoyong</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式) </div> </li> <li><a href="/article/374.htm" title="Eclipse打开workspace提示工作空间不可用" target="_blank">Eclipse打开workspace提示工作空间不可用</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重</div> </li> <li><a href="/article/501.htm" title="Javascript 面向对面写法的必要性？" target="_blank">Javascript 面向对面写法的必要性？</a> <span class="text-muted">一炮送你回车库</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu</div> </li> <li><a href="/article/628.htm" title="js array对象的迭代方法" target="_blank">js array对象的迭代方法</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/array/1.htm">array</a> <div>1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型</div> </li> <li><a href="/article/755.htm" title="对Hibernate缓存机制的理解" target="_blank">对Hibernate缓存机制的理解</a> <span class="text-muted">归来朝歌</span> <a class="tag" taget="_blank" href="/search/session/1.htm">session</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E7%BA%A7%E7%BC%93%E5%AD%98/1.htm">一级缓存</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E6%8C%81%E4%B9%85%E5%8C%96/1.htm">对象持久化</a> <div>在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了</div> </li> <li><a href="/article/882.htm" title="WebService调用错误合集" target="_blank">WebService调用错误合集</a> <span class="text-muted">darkranger</span> <a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a> <div> Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可</div> </li> <li><a href="/article/1009.htm" title="JSP和Servlet的中文乱码处理" target="_blank">JSP和Servlet的中文乱码处理</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a> <div>JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以</div> </li> <li><a href="/article/1136.htm" title="面试经典六问" target="_blank">面试经典六问</a> <span class="text-muted">atongyeye</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌</div> </li> <li><a href="/article/1263.htm" title="contentResolver.query()参数详解" target="_blank">contentResolver.query()参数详解</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/query%28%29%E8%AF%A6%E8%A7%A3/1.htm">query()详解</a> <div>收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      </div> </li> <li><a href="/article/1390.htm" title="ora-00054:resource busy and acquire with nowait specified解决方法" target="_blank">ora-00054:resource busy and acquire with nowait specified解决方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/kill/1.htm">kill</a><a class="tag" taget="_blank" href="/search/nowait/1.htm">nowait</a> <div>        当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句</div> </li> <li><a href="/article/1517.htm" title="web 开发乱码" target="_blank">web 开发乱码</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，</div> </li> <li><a href="/article/1644.htm" title="【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式" target="_blank">【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a> <div>Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&</div> </li> <li><a href="/article/1771.htm" title="JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss" target="_blank">JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/-Xss/1.htm">-Xss</a><a class="tag" taget="_blank" href="/search/-Xmn/1.htm">-Xmn</a><a class="tag" taget="_blank" href="/search/-Xms/1.htm">-Xms</a><a class="tag" taget="_blank" href="/search/-Xmx/1.htm">-Xmx</a> <div>  堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355</div> </li> <li><a href="/article/1898.htm" title="jqGrid 各种参数 详解(转帖)" target="_blank">jqGrid 各种参数 详解(转帖)</a> <span class="text-muted">BreakingBad</span> <a class="tag" taget="_blank" href="/search/jqGrid/1.htm">jqGrid</a> <div>  jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string   </div> </li> <li><a href="/article/2025.htm" title="读《研磨设计模式》-代码笔记-代理模式-Proxy" target="_blank">读《研磨设计模式》-代码笔记-代理模式-Proxy</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/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面</div> </li> <li><a href="/article/2152.htm" title="应用升级iOS8中遇到的一些问题" target="_blank">应用升级iOS8中遇到的一些问题</a> <span class="text-muted">chenhbc</span> <a class="tag" taget="_blank" href="/search/ios8/1.htm">ios8</a><a class="tag" taget="_blank" href="/search/%E5%8D%87%E7%BA%A7iOS8/1.htm">升级iOS8</a> <div>1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void</div> </li> <li><a href="/article/2279.htm" title="工作流与自组织的关系？" target="_blank">工作流与自组织的关系？</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>  目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务</div> </li> <li><a href="/article/2406.htm" title="Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX" target="_blank">Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一</div> </li> <li><a href="/article/2533.htm" title="二叉树:堆" target="_blank">二叉树:堆</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%8F%89%E6%A0%91/1.htm">二叉树</a> <div>    这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &</div> </li> <li><a href="/article/2660.htm" title="C语言学习八结构体" target="_blank">C语言学习八结构体</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div>为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,</div> </li> <li><a href="/article/2787.htm" title="centos安装golang" target="_blank">centos安装golang</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>#在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<</div> </li> <li><a href="/article/2914.htm" title="10.性能优化-监控-MySQL慢查询" target="_blank">10.性能优化-监控-MySQL慢查询</a> <span class="text-muted">frank1234</span> <a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/MySQL%E6%85%A2%E6%9F%A5%E8%AF%A2/1.htm">MySQL慢查询</a> <div>1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn</div> </li> <li><a href="/article/3041.htm" title="Java父类取得子类类名" target="_blank">Java父类取得子类类名</a> <span class="text-muted">happyqing</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/this/1.htm">this</a><a class="tag" taget="_blank" href="/search/%E7%88%B6%E7%B1%BB/1.htm">父类</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E7%B1%BB/1.htm">子类</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%90%8D/1.htm">类名</a> <div>  在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void </div> </li> <li><a href="/article/3168.htm" title="Spring3.2新注解@ControllerAdvice" target="_blank">Spring3.2新注解@ControllerAdvice</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/%40Controller/1.htm">@Controller</a> <div>@ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co</div> </li> <li><a href="/article/3295.htm" title="Java spring mvc多数据源配置" target="_blank">Java spring mvc多数据源配置</a> <span class="text-muted">liuxihope</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo</div> </li> <li><a href="/article/3422.htm" title="第12章 Ajax（下）" target="_blank">第12章 Ajax（下）</a> <span class="text-muted">onestopweb</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/</div> </li> <li><a href="/article/3549.htm" title="BW / Universe Mappings" target="_blank">BW / Universe Mappings</a> <span class="text-muted">blueoxygen</span> <a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a> <div>  BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi</div> </li> <li><a href="/article/3676.htm" title="Java开发熟手该当心的11个错误" target="_blank">Java开发熟手该当心的11个错误</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>#1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为</div> </li> <li><a href="/article/3803.htm" title="推行国产操作系统的优劣" target="_blank">推行国产操作系统的优劣</a> <span class="text-muted">yananay</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%9B%BD%E4%BA%A7%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">国产操作系统</a> <div>最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交</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>