qq_49740288

web前端基础、前端复习Html、CSS、JavaScript个人总结

一、概述

网页一种文件的展开

开发过程就行写日记一样、由一片空白的纸张不断丰富为充满文字和图片的ppt

Html、css、javascrpt 三大技术分别对应网页页面的(结构)、(样式)、(事件响应)

二、HTML

1、介绍

网页的结构-----基本结构

1、标签

标签就是一种 “组件”，于< >

例如表单，
盒子
分割线

需要我们自己了解和运用，每个标签都有各自的功能，例如用于输入信息

2、属性

属性于标签内的一种字段具有修饰功能类似于英语句子中的形容词，用于刻画或修改标签的各种属性如，大小，颜色...

这些都需要我们自己去了解和运用，这里给出详细的列表，关于HTML中标签及属性

2、常见标签属性介绍和运用

属性

Lang：规定了页面的语言类型、为了搜索引擎、提示翻译功能

标签

里面的内容一般不显示在页面中，而是给浏览器解析对接后端用的

里面的内容显示在页面上，可以给用户来看

给网页提高搜索率、利用其内置属性，扩充功能。例如：配合属性charset：设置字符集

将文字写在两个标签之间，设置网页的名字</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;"></p> <p style="margin-left:.0001pt;text-align:justify;"><h><p><img></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><h>标签分为1-7级，由大到小，将文字在页面内设置为标题</p> <p style="margin-left:.0001pt;text-align:justify;"><p>标签在页面中，将文字变得更加格式化，分为一段一段的</p> <p style="margin-left:.0001pt;text-align:justify;"><img>标签用于嵌入图片，要搭配属性src使用，src=“相对路径”、“绝对路径”或“网上提供的图片路径（呈现链接样式）” 搭配alt属性时显示的描述文字</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;"></p> <p style="margin-left:.0001pt;text-align:justify;"><a></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"><a>可与做超链接与属性 href使用，用于指向（规定）跳转的目标地点（页面）1、href=”目标链接” </p> <p style="margin-left:.0001pt;text-align:justify;">2、href=”目标页面.html” </p> <p style="margin-left:.0001pt;text-align:justify;">3、href=”#id名”（页面中有id的组件）</p> <p style="margin-left:.0001pt;text-align:justify;">4、href=”tel：电话号”拨打电话</p> <p style="margin-left:.0001pt;text-align:justify;">5、href=”/邮箱”发邮件</p> <p style="margin-left:.0001pt;text-align:justify;"> 配合target属性使用，限定跳转方式_self（原窗口跳转）、_blank（新窗口打开）_parent（父级窗口）、 _top（）顶级窗口</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;"></p> <p style="margin-left:.0001pt;text-align:justify;">列表 <ol> <ul></p> <p style="margin-left:.0001pt;text-align:justify;">有序ol 、无序ul 、自定义列表dl</p> <p style="margin-left:.0001pt;text-align:justify;">ul 搭配属性 type cycle空心圆（default）square小方块</p> <pre><code class="language-html">样式: <ul> <il>格子1</il> <il>格子2</il> <il>格子</il> </ul></code></pre> <p style="margin-left:.0001pt;text-align:justify;">ol 搭配属性 type(用于开始排序的数字) start（从第几位开始排序）</p> <pre><code class="language-html">样式: <ol> <il>格子1</il> <il>格子2</il> <il>格子</il> </ol></code></pre> <p style="margin-left:.0001pt;text-align:justify;">dl自定义的列表</p> <pre><code class="language-html">样式:<dl> <dt>1 <dd>1.1</dd> <dd>1.2</dd> <dd>1.3</dd></dt> <dt>2 <dd>2.1</dd> <dd>2.2</dd> <dd>2.3</dd></dt> </dl></code></pre> <p style="margin-left:.0001pt;text-align:justify;"><div><span></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"> 这两个标签使用频率最高，广泛运用在网页的页面中，是结构化的标签，用于划分区域，有人成为盒子模型，在HTML5出世之前，html+css又被称为div+css，其重要性由此可见。</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;">搭配其他文字修饰性标签，在项目开发中清楚HTML中原有默认样式，让css充分发挥效果</p> <p style="margin-left:.0001pt;text-align:justify;"><span>标签对于一些与后端数据有关，或者后续需要修改的内容进行操作</p> <pre><code class="language-html"><div> <p>段落内容 <span>分离数据</span>段落内容 </p></div></code></pre> <p style="margin-left:.0001pt;text-align:justify;"></p> <p style="margin-left:.0001pt;text-align:justify;"><iframe></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">功能化的标签，内嵌窗口在标签内：</p> <p style="margin-left:.0001pt;text-align:justify;">1、配合src属性，链接其他页面、页面大小通过height、width属性控制、除此之外有scrolling属性控制滚动效果auto（默认）或 no、frameborder属性控制窗口边界1有 0没有</p> <p style="margin-left:.0001pt;text-align:justify;">2、通过自身name属性，配合<a>标签的target属性，在页面内进行跳转</p> </blockquote> <pre><code class="language-html"><body> <a src="套跳转的网址" target="insidewin">目标1</a> <iframe name="insidewin"></iframe> </body></code></pre> <p style="margin-left:.0001pt;text-align:justify;">如今常用于：可用来插入广告窗口、后台管理系统</p> <p style="margin-left:.0001pt;text-align:justify;">表格</p> <p style="margin-left:.0001pt;text-align:justify;"><table></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"> 必须在容器<table>内使用</table> 配合标签<tr>、<th>和<td>这两种双标签使用</p> <p style="margin-left:.0001pt;text-align:justify;"><table>内属性boder、width、cellspacing、cellspadding、backgroundcolor</p> <p style="margin-left:.0001pt;text-align:justify;"> 属性 align：用在<able>上，界定表格的位置、用在<tr>上则界定内容的位置</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;">常用格式</p> <pre><code class="language-html"><table border="1"> <tr> <th>表头单元格1</th><th>表头单元格2</th> </tr> <tr> <td>内容单元格1</td><td>内容单元格2</td> </tr> <tr> <td>内容单元格1</td> <td>内容单元格2</td> </tr> </table></code></pre> <p style="margin-left:.0001pt;text-align:justify;">完全版</p> <pre><code class="language-html"><table border="1"> <caption> 定义于表格内，显示于表格上方用于描述表格的标签 </caption> <thead> <tr> <th>表头单元格1</th><th>表头单元格2</th> </tr> </thead> <tbody> <tr> <td>内容单元格1</td><td>内容单元格2</td> </tr> <tr> <td>内容单元格1</td> <td>内容单元格2</td> </tr> <tr> <td>内容单元格1</td> <td>内容单元格2</td> </tr> </tbody> <tfroot> <tr> <td>收尾统计</td> </tr> </tfroot> </table> </code></pre> <p style="margin-left:.0001pt;text-align:justify;">合并单元格子</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">合并行使用属性colspan、合并列使用属性rowspan配合等于号“=”赋值</p> <p style="margin-left:.0001pt;text-align:justify;">数字为几，合并同行（或列）的几个格子</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;">表单</p> <p style="margin-left:.0001pt;text-align:justify;"><form></p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">一种特殊的表格的结构，是用来前端收集数据，检验信息、用户交互息息相关的组件。</p> <p style="margin-left:.0001pt;text-align:justify;">常常搭配标签<input>、<button>和<texteara> <select>以及其内置属性action、method使用。</p> <p style="margin-left:.0001pt;text-align:justify;">注意：</p> <p style="margin-left:.0001pt;text-align:justify;"><input>要搭配属性type来定义输入的数据类型</p> <p style="margin-left:.0001pt;text-align:justify;"> 对应值text/password/submit/radio/checkbox/reset/file/button赋予其不同功能和额外形</p> <p style="margin-left:.0001pt;text-align:justify;"> radio(单选项)、checkbox（复选项）、reset（重置内容）</p> <p style="margin-left:.0001pt;text-align:justify;"><textarea>标签搭配属性cols和rows来设置复选框的大小</p> <p style="margin-left:.0001pt;text-align:justify;"><label>标签用于添加文字描述与for属性搭配，增强触发的效果</p> <p style="margin-left:.0001pt;text-align:justify;"><button>标签配合属性type有参数submit、resert、button</p> <p style="margin-left:.0001pt;text-align:justify;"> 表单内默认（submit）表单外默认（button）</p> </blockquote> <pre><code class="language-html"><form action="收集完数据后要跳转的页面" method="post"> <！-- method属性具有两种参数post（后台传输）和get（地址栏传输） --> <label>Account</label><input type="text"></input> <label>Password</label><input type="password"></input> <label for="famale">Sex</label> <input id="famale" type="radio">famale</input> <label for="male">Sex</label> <input id="male" type="radio">male</input> <button >提交</button> </form></code></pre> <p style="margin-left:.0001pt;text-align:justify;">结束语</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;"> HTML5出世后，迈入移动端增加了大量标签</p> <p style="margin-left:.0001pt;text-align:justify;"> 初略分类为：</p> <p style="margin-left:.0001pt;text-align:justify;">结构化：<header>、<nav>、<footer>、<section>、<article>...</p> <p style="margin-left:.0001pt;text-align:justify;">功能化:<veideo>、<canvas>、<aduio>...</p> <p style="margin-left:.0001pt;text-align:justify;"> 再加入这些标签之前，一个页面分区通过大量的<div>标签然后通过id属性进行区分。这与HTML语义化的标准相违背(合适的标签包含合适的内容).更有一些功能标签用来配合JavaScript使用。</p> <p style="margin-left:.0001pt;text-align:justify;">优点：</p> <p style="margin-left:.0001pt;text-align:justify;">1、增强了HTML的结构性 2、提高代码阅读性 3、seo（搜索引擎）增强 4、移动端增强</p> <p style="margin-left:.0001pt;text-align:justify;">5、便于维护</p> </blockquote> <h1 style="margin-left:.0001pt;text-align:justify;">三、CSS</h1> <p style="margin-left:.0001pt;text-align:justify;">1、概述</p> <p style="margin-left:.0001pt;text-align:justify;">用于修饰html，css语法结构简单主要是由两部分组成：①选择器、②一条或多条声明</p> <p style="margin-left:.0001pt;text-align:justify;">2、引入方式</p> <p style="margin-left:.0001pt;text-align:justify;">内联样式（行内）</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">于HTML标签内使用 style属性=""</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;">内部样式（<head>标签内）</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">通过<style> css语句 <\style>标签</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;">外部样式（链入式）</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">通过<link rel = "stylesheet" type ="text/css" href="路径/样式名.css"></link>标签</p> </blockquote> <p style="margin-left:.0001pt;text-align:justify;">3、选择器</p> <p style="margin-left:.0001pt;text-align:justify;">分类：</p> <p style="margin-left:.0001pt;text-align:justify;">①全局选择器</p> <pre><code class="language-css">*{ /* 内部样式声明一般用于去默认样式（样式初始化） */ }</code></pre> <p style="margin-left:.0001pt;text-align:justify;">②元素选择器</p> <pre><code class="language-css">元素名（标签名）{ /* 一条或多条声明 */ }</code></pre> <p style="margin-left:.0001pt;text-align:justify;">③类选择器</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">以.开头后接html标签的class值</p> </blockquote> <pre><code class="language-css">.class名（类名）{ /* 要求对特定的HTML进行“标记”，通过class属性多个类选择器可进行叠加作用于一个元素上，叠加时类名之间用space（空格隔开）例：class="类名1 类名2" */ }</code></pre> <p style="margin-left:.0001pt;text-align:justify;">④ID选择器</p> <blockquote> <p style="margin-left:.0001pt;text-align:justify;">针对某一个特定元素，只能使用一次，对应搭配属性id使用</p> </blockquote> <pre><code class="language-css">#id名{ /* 每个id只能使用一次，不可重复 id选择器使用#开头，每个元素的id不可相同 */ }</code></pre> <p>⑤合并选择器</p> <blockquote> <p>写法合并，对样式相同，类型相同的选择器进行合并：选择器1，选择器2，...{}</p> </blockquote> <pre><code class="language-css">#idname1,#idname,...{ /* 选择器样式相同 */ } .classname1,.classname2,...{ /* 选择器样式相同 */ }</code></pre> <p>选择器优先级（当同一个内容使用多种选择器，重复样式修饰不同时处理原则）</p> <blockquote> <p>CSS中选择器优先级按数值“权重”进行比较</p> <p>①元素选择器：1</p> <p>②类选择器（class）：10</p> <p>③id选择器：100</p> <p>行内式具有最高的权重</p> <p>优先级从高到低：行内式>id选择器>class选择器>元素选择器</p> <p>同级别选择器样式冲突时，显示效果按最后一个显示（前面的被覆盖）</p> </blockquote> <p>4、属性</p> <p>字体属性</p> <pre><code class="language-css">p{ //字体颜色 color:red;//直接填颜色 color:#ff0000;//十六进制 color:rgb(255,0,0);//0-255 color:rgba(255,0,0,0.5);//颜色及透明度 //字体大小 font-size:25px;//chrome浏览器默认最小12px //字体线条粗细 font-weight:lighter//更细 font-weight:border;//更粗 font-weight:bord;//粗体 font-weight:400;//100-900（400等同默认） font-style:normal;//默认 font-style:italic;//倾斜 font-family:"微软雅黑"; font-family:"Micorosoft YaHei","simsun";//字体有名称中间有空格必须用引号 }</code></pre> <p>背景属性</p> <pre><code class="language-css">div{ width:400px; height:400px;//400像素 //背景颜色 background-color:#00ff00; //背景图片 background-image:url("相对路径or绝对路径"); //背景样式重复 background-repeat:no-repeat;//不重复 //背景规格 background-size:100% 100%;//容器的填充程度 background-size:300px 400px;//容器的填充程度，用像素描述 background-size:cover;//保持图片比例填充，多余不显示，无空白 background-size:contain;//保持图片比例填充，完全显示内容，但有空白 //设置背景的位置，默认起始位置为0% 0%， background-position:left top; //双值位，共有上（top）下（bottom）中(center)左（left）右（right）五个值，任意组合 //也可使用百分比 x% y%，像素来描述 xpos ypos }</code></pre> <p>文本属性</p> <pre><code class="language-css">p{ text-align:center;//文本居中 text-align:left;//文本左边起始 text-align:right;//文本右边起始 text-transform:capitalize;//首字母大写 text-transform:lowercase;//字体全部小写 text-transform:uppercase;//字体全部大写 text-indent:20px;//首行缩进20个像素 text-decoration:overline;//上划线 text-decoration:underline;//下划线 text-decoration:line-through;//删除线 }</code></pre> <p>表格属性</p> <pre><code class="language-css">table{ //添加边框 border:20px solid black;//边框2像素实线边框颜色：黑 //高度 height:50px; //宽度 width:50%; } table{ border-collapse:collapse;//将表格设置为单边框 } td{ text-align:center; //属性的垂直对齐 vertical-align:top;//垂直居上 vertical-align:center;//垂直居中 vertical-align:bottom;//垂直居下 } //表格填充 td{ padding:20px;//在没有设置表格宽高时，表格大小刚好包括内容（边距padding为0） }</code></pre> <p>关系选择器</p> <p>①后代选择器</p> <blockquote> <p>生效范围：所有被E元素囊括的 F元素，中间用空格隔开</p> </blockquote> <pre><code class="language-html"><ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> <div> <li>列表4</li> <li>列表5</li> </div> </ul> </code></pre> <pre><code class="language-css">E F{ }//E为父 F为子 ul li{ font-size:23px; color:red; } //效果作用在所有包含在ul下的li标签内（间接包含也算）</code></pre> <p>②子代选择器</p> <blockquote> <p>选择所有与E元素有直接联系的F元素，对于更深层次的元素则不起作用</p> </blockquote> <pre><code class="language-html"><ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> <div> <li>列表4</li> <li>列表5</li> </div> </ul> </code></pre> <pre><code class="language-css">E F{ }//E为父 F为子,注意直接性 ul>li{ font-size:23px; color:green; }</code></pre> <p>③相邻兄弟选择器</p> <blockquote> <p>选择与E元素同级的F元素，用加号（+）相连接，仅作用于相邻的第一个元素</p> </blockquote> <pre><code class="language-html"><h3>基准</h3> <p>相邻第一个</p> <p>相邻第二个</p></code></pre> <pre><code class="language-css">E+F{ }//E与F同级,注意直接相邻性 h3+p{ font-size:23px; color:blue; }</code></pre> <p>④通用兄弟选择器</p> <blockquote> <p>选择E元素之后<strong>所有同级的</strong>F，与之后相邻且同级的兄弟元素，共同作用</p> </blockquote> <pre><code class="language-html"><h3>基准</h3> <p>相邻第一个</p> <p>相邻第二个</p> <p>相邻第三个</p></code></pre> <pre><code class="language-css">E-F{ }//E与F同级,注意同级兄弟性 h3-p{ font-size:23px; color:blue; }</code></pre> <p>CSS盒子模型</p> <blockquote> <p>所有的HTML元素均可以视为盒子模型，在CSS中“box-model”这种术语是用来设计和布局时使用，其本质上就是一个盒子，封装周围的HTML元素，包括：</p> <p><strong>外边距</strong>（margin）、<strong>边框</strong>（border）、<strong>内边距</strong>（padding）、<strong>实际内容</strong>（content）</p> </blockquote> <pre><code class="language-html"><div> <p>测试内容</p> </div></code></pre> <pre><code class="language-css">div{ padding:50px; padding:60px 90px;//先上下后左右 //仔细划分-四方赋值 padding-right:10px; padding-top:20px; padding-left:30px; padding-bottom:40px boredr:3px solid blue; margin:80px; margin:100px 120px;//先上下后左右 //仔细划分-四方赋值 margin-right:40px; margin-top:30px; margin-left:20px; margin-bottom:10px; }</code></pre> <p>弹性盒子模型</p> <blockquote> <p>是CSS3的新特性，尤其是移动端（页面需要适应不同的大小，以及不同设备类型）</p> <p>引入弹性布局，目的是提供一种更加有效的方式，来对容器中的子元素进行排列。</p> </blockquote> <p></p> <blockquote> <p><strong>弹性盒子模型</strong>由<strong>弹性容器</strong>“flex-container”和<strong>弹性元素</strong>“flex item”组成</p> <p>弹性容器通过设置display的属性值为flex（弹性容器）</p> <p>弹性容器内包含一个或多个弹性元素</p> </blockquote> <pre><code class="language-html"><div class="flex_container"> <div class="flex_item">flex item 1</div> <div class="flex_item">flex item 2</div> <div class="flex_item">flex item 3</div> </div></code></pre> <pre><code class="language-css">.flex_container{ //常规属性用于效果演示 width:600px; height:1080px; background-color:blue; //设置弹性容器 display:flex; } .flex_item{ //弹性元素 width:100px; height:100px; color:green; }</code></pre> <p></p> <p>文档流</p> <blockquote> <p>一种默认形式</p> </blockquote> <p>浮动</p> <p></p> <p>清除浮动</p> <p>清除浮动方式：</p> <p>①父元素设置高度</p> <p>②对受到影响的元素用clear属性清除</p> <p>③overflow清除浮动</p> <p>④伪对象方式</p> <p>CSS3新特性</p> <p></p> <p>动画</p> <p></p> <p>媒体查询</p> <p></p> <p>雪碧图</p> <p></p> <p>字体图标</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1635380260348420096"></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">你可能感兴趣的:(web前端,css,html5,html,前端,蓝桥杯)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1881216784795758592.htm" title="JavaScript详解十三 ——节点操作" target="_blank">JavaScript详解十三 ——节点操作</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/JavaScript%E8%AF%A6%E8%A7%A3/1.htm">JavaScript详解</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>目录节点操作1、创建节点2、创建文本3、添加节点(先有父母才能生孩子)4、替换节点5、删除节点6、克隆节点7、创建节点另外几种方式（1）、element.innerHTML（2）、element.innerText（3）、document.write()（4）、insertAdjacentHTML()节点操作1、创建节点docment.createElement('节点')参数：标签名字符串这些元</div> </li> <li><a href="/article/1881214372399869952.htm" title="【新人系列】Python 入门（二十七）：Python 库" target="_blank">【新人系列】Python 入门（二十七）：Python 库</a> <span class="text-muted">Pandaconda</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E4%BA%BA%E7%B3%BB%E5%88%97/1.htm">新人系列</a><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><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/python%E5%BA%93/1.htm">python库</a><a class="tag" taget="_blank" href="/search/%E5%BA%93/1.htm">库</a> <div>✍个人博客：https://blog.csdn.net/Newin2020?type=blog专栏地址：https://blog.csdn.net/newin2020/category_12801353.html专栏定位：为0基础刚入门Python的小伙伴提供详细的讲解，也欢迎大佬们一起交流~专栏简介：在这个专栏，我将带着大家从0开始入门Python的学习。在这个Python的新人系列专栏下，将会</div> </li> <li><a href="/article/1881210719916060672.htm" title="Microi 吾码与 JavaScript：前端低代码平台的强大组合" target="_blank">Microi 吾码与 JavaScript：前端低代码平台的强大组合</a> <span class="text-muted">小周不想卷</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>目录一、引言二、Microi吾码概述三、JavaScript在Microi吾码前端开发中的应用（一）前端V8引擎与JavaScript（二）接口引擎与JavaScript四、JavaScript在Microi吾码后端开发中的协同（一）与C#后端框架的交互（二）利用gRPC实现跨语言通信五、Microi吾码中JavaScript与数据库的交互六、Microi吾码中JavaScript在表单与模板引擎</div> </li> <li><a href="/article/1881210212933758976.htm" title="Node.js 能做什么" target="_blank">Node.js 能做什么</a> <span class="text-muted">yqcoder</span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>一、服务器端开发1.构建Web服务器使用内置的`http`模块或流行的框架（如Express、Koa等）创建Web服务器，处理HTTP请求和响应。可以处理各种类型的请求，如GET、POST、PUT、DELETE等，并返回相应的HTML、JSON或其他数据类型。consthttp=require("http");constserver=http.createServer((req,res)=>{ r</div> </li> <li><a href="/article/1881206306015080448.htm" title="css hover样式调试" target="_blank">css hover样式调试</a> <span class="text-muted">monstkl</span> <a class="tag" taget="_blank" href="/search/css/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/javascript/1.htm">javascript</a> <div>调试hover后才出现的元素如何调试打开开发者工具，鼠标放在hover时才出现的元素上，然后点击右键不要选中任何选项，将鼠标移动到开发者工具的调试面板中按下N键，此时悬浮的元素不会消失，定位成功调试元素悬浮样式选中有hover样式的元素在开发者工具中选择:hov，就可以看到了</div> </li> <li><a href="/article/1881206042675703808.htm" title="Mysql运维篇（五）部署MHA--主机环境配置" target="_blank">Mysql运维篇（五）部署MHA--主机环境配置</a> <span class="text-muted">努力的兜</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>一路走来，所有遇到的人，帮助过我的、伤害过我的都是朋友，没有一个是敌人。如有侵权，请留言，我及时删除！大佬博文https://www.cnblogs.com/gomysql/p/3675429.htmlMySQL高可用（MHA）-知乎一、MHA简介：MHA（MasterHighAvailability）目前在MySQL高可用方面是一个相对成熟的解决方案，它由日本DeNA公司youshimaton（</div> </li> <li><a href="/article/1881204531509915648.htm" title="stm32+w5500实现web服务_【NodeJS】简单静态WEB服务器实现" target="_blank">stm32+w5500实现web服务_【NodeJS】简单静态WEB服务器实现</a> <span class="text-muted">weixin_39711441</span> <div>说明利用HTTP模块URl模块Path模块Fs模块创建在项目文件夹下，创建文件夹static,下面创建index.html//引入http模块var http=require('http');//fs模块var fs=require('fs');http.createServer(function(req,res){ //http://localhost:8001/news.html/new</div> </li> <li><a href="/article/1881203242860343296.htm" title="一款前端开源的，在线电子表格univer介绍" target="_blank">一款前端开源的，在线电子表格univer介绍</a> <span class="text-muted"></span> <div>Univer是一款颠覆性的在线电子表格解决方案，为数据输入和协作带来了全新的方式。作为一款开源、免费的平台，Univer专注于在线电子表格管理，为用户提供了处理数据、创建动态报告和高效协作的无缝体验。具体可以看他们的官网univer.ai.Excel作为广受欢迎的电子表格软件，Univer的兼容性和功能性使其成为Excel爱好者的理想选择。用户可以体验到与Excel相关的功能，并且能够轻松使用带公</div> </li> <li><a href="/article/1881201748866035712.htm" title="Axios封装一款前端项目网络请求实用插件" target="_blank">Axios封装一款前端项目网络请求实用插件</a> <span class="text-muted">smart_ljh</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/vuejs/1.htm">vuejs</a><a class="tag" taget="_blank" href="/search/axios/1.htm">axios</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>前端项目开发非常经典的插件axios大家都很熟悉，它是一个Promise网络请求库，可以用于浏览器和node.js支持的项目中。像一直以来比较火的Vue.js开发的几乎所有项目网络请求用的都是axios。那么我们在实际的项目中，有时候为了便于维护、请求头信息统一处理、统一拦截器设置以及响应数据统一处理，需要在项目中针对axios封装一个网络请求插件。接下来就介绍一下针对以上这些输出具体的解决方案和</div> </li> <li><a href="/article/1881196047871569920.htm" title="CSS 高效开发秘籍：日常总结与实战技巧-1" target="_blank">CSS 高效开发秘籍：日常总结与实战技巧-1</a> <span class="text-muted"></span> <div>column-gap的影响column-gap属性用来设置元素列之间的间隔大小。在未触发的时候，弹窗是隐藏的，但是column-gap会将其计算在内，导致最后一个div也会产生gap间隙，解决方法就是将拿出来，在外面再套一层div另外，下面这种写法不会对column-gap造成影响，因为它始终保持3个dom根据标签属性判断css:css[]css[]可以匹配带有指定名称的标签div[role="g</div> </li> <li><a href="/article/1881185723575496704.htm" title="解锁新技能：Windows Forms与ASP.NET API的梦幻联动" target="_blank">解锁新技能：Windows Forms与ASP.NET API的梦幻联动</a> <span class="text-muted">步、步、为营</span> <a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>一、开篇引入嘿，各位开发小伙伴们！在日常开发的“战场”上，我们常常会遭遇一个棘手的难题：如何让前端应用与后端服务实现高效且稳定的交互呢？特别是在使用WindowsForms构建桌面应用程序时，这个问题尤为突出。想象一下，你精心打造了一个功能强大的WindowsForms应用，满心期待它能与后端的ASP.NETAPI顺畅“对话”，实现数据的实时获取与更新，为用户带来绝佳的体验。但现实却可能给你泼一盆</div> </li> <li><a href="/article/1881184334430400512.htm" title="云原生前端开发：打造现代化高性能的用户体验" target="_blank">云原生前端开发：打造现代化高性能的用户体验</a> <span class="text-muted">大梦百万秋</span> <a class="tag" taget="_blank" href="/search/%E7%9F%A5%E8%AF%86%E5%AD%A6%E7%88%86/1.htm">知识学爆</a><a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a> <div>引言：前端开发的新风向在过去的几年中，前端开发领域经历了快速的演变，从早期的静态网页到如今复杂的单页应用（SPA），再到微前端架构和渐进式Web应用（PWA），前端技术一直处于技术变革的中心。而随着云原生的理念在后端开发中逐渐成熟，前端开发也迎来了新的机遇和挑战。云原生前端开发意味着应用的架构设计和开发方式需要更加注重现代化的开发工具链、灵活性、性能优化和可扩展性。本文将从技术角度讨论如何运用云原</div> </li> <li><a href="/article/1881181429975543808.htm" title="页面雪花飘落（html、CSS、JS）" target="_blank">页面雪花飘落（html、CSS、JS）</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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>*{margin:0;padding:0;}#box{width:100vw;height:100vh;padding:3px;position:absolute;background:black;}(function(){varscreenWidth=screen.availWidth;//获取屏幕宽度varscreenHeight=screen.availHeight;//获取屏幕高度vars</div> </li> <li><a href="/article/1881181303496306688.htm" title="浏览器输入本地地址打开本地服务器html" target="_blank">浏览器输入本地地址打开本地服务器html</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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>html文件可用本地IP访问全局安装一下代码1.找到html文件所在的文件夹，在目录栏输入cmd按下Enter，会弹出小黑盒2.复制粘贴到小黑盒中npminstall-ghttp-serverhttp-server-p8080就可以用本地ip地址访问了，例如（http://192.168.2.123:8080/cat.html）</div> </li> <li><a href="/article/1881181051267641344.htm" title="一句话就能回答的前端面试题（2024年10月最新版）" target="_blank">一句话就能回答的前端面试题（2024年10月最新版）</a> <span class="text-muted">小姐姐呀～</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>1、v-if和v-show的区别相同点:v-if和v-show都可以控制dom元素的展示和隐藏不同点：v-if的显示隐藏是将dom元素整个添加或删除而v-show的隐藏是为该元素添加CSS样式display:none,dom元素还在一般进入页面不需要频繁显示或隐藏就用v-if2、data()为什么是一个函数为了防止多个组件实例对象共用一个data，产生数据污染3、什么是闭包闭包就是内部函数定义一个</div> </li> <li><a href="/article/1881178650464808960.htm" title="JSON数据格式转换" target="_blank">JSON数据格式转换</a> <span class="text-muted">百事老饼干</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%A7%AF%E7%B4%AF/1.htm">前端积累</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>在前端Vue3中，处理JSON数据通常涉及到从API获取JSON、解析JSON数据、或者将JavaScript对象转换为JSON字符串。这里是几种常见的JSON转换操作一、从JSON字符串解析为JavaScript对象如果你从API或其他地方收到一个JSON字符串，可以使用JSON.parse()来将它转换为JavaScript对象。letjsonString='{"name":"John","a</div> </li> <li><a href="/article/1881178524115595264.htm" title="VUE前端实现防抖节流 Lodash" target="_blank">VUE前端实现防抖节流 Lodash</a> <span class="text-muted">百事老饼干</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%A7%AF%E7%B4%AF/1.htm">前端积累</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>方法一：采用Lodash工具库Lodash是一个一致性、模块化、高性能的JavaScript实用工具库。（1）采用终端导入Lodash库$npmi-gnpm$npmi--savelodash（2）应用示例：搜索框输入防抖在这个示例中，我们希望用户在输入框中停止输入500毫秒后才执行搜索操作，避免频繁请求.//假设这是一个执行搜索操作的函数functionperformSearch(query){c</div> </li> <li><a href="/article/1881172724785672192.htm" title="学生作业-学生选课系统，后端SpringBoot + maven，前端vue。涉及管理员、学生和教师三个角色。教师可设置课程信息以及学生成绩录入；学生可选课和查看成绩。源码中包含MySQ数据表sql。" target="_blank">学生作业-学生选课系统，后端SpringBoot + maven，前端vue。涉及管理员、学生和教师三个角色。教师可设置课程信息以及学生成绩录入；学生可选课和查看成绩。源码中包含MySQ数据表sql。</a> <span class="text-muted">程序员WANG</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/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a> <div>1、学生作业-学生选课系统，后端SpringBoot+maven，前端vue。涉及管理员、学生和教师三个角色。教师可设置课程信息以及学生成绩录入；学生可选课和查看成绩。2、源码中包含数据表，sql文件，mysql数据库，可一键导入。3、管理员账号和密码root、root；学生和教师的账号请查看数据表，密码均为123456。4、Management是后端代码，vue是前端vue代码，按照正常启动（v</div> </li> <li><a href="/article/1881170449967149056.htm" title="Parcel打包探讨" target="_blank">Parcel打包探讨</a> <span class="text-muted">Gavin13140</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">前端技术</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%89%93%E5%8C%85/1.htm">前端打包</a><a class="tag" taget="_blank" href="/search/parceljs/1.htm">parceljs</a><a class="tag" taget="_blank" href="/search/parcel/1.htm">parcel</a> <div>Parcel探讨卖点：1.极速打包时间Parcel使用worker进程去启用多核编译。同时有文件系统缓存，即使在重启构建后也能快速再编译。2.打包所有的资源Parcel具备开箱即用的对JS,CSS,HTML,文件及更多的支持，而且不需要插件。3.自动转换在需要时，代码使用Babel，PostCSS和PostHTML自动转换4.零配置代码分拆使用动态import()语法,Parcel将你的输出文件束</div> </li> <li><a href="/article/1881163642716614656.htm" title="深入浅出：Tailwind CSS 详解" target="_blank">深入浅出：Tailwind CSS 详解</a> <span class="text-muted">chenNorth。</span> <a class="tag" taget="_blank" href="/search/css/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> <div>TailwindCSS是一款功能强大的、低级的CSS框架，它与传统的CSS框架（如Bootstrap或Foundation）不同，它不提供具体的UI组件，而是通过实用工具类来帮助开发者更灵活、更高效地构建自定义的网页设计。TailwindCSS强调“原子化”CSS，这意味着它通过大量的小工具类（UtilityClasses）来定义网页元素的样式，而不是通过写大量的自定义CSS代码。这种方式让开发者</div> </li> <li><a href="/article/1881162121748738048.htm" title="【前端】Layui的表格常用功能，表单提交事件，表格下拉按钮点击事件，表格外的按钮点击事件" target="_blank">【前端】Layui的表格常用功能，表单提交事件，表格下拉按钮点击事件，表格外的按钮点击事件</a> <span class="text-muted">m0_74824823</span> <a class="tag" taget="_blank" href="/search/vip1024p/1.htm">vip1024p</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/layui/1.htm">layui</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>欢迎来到《小5讲堂》大家好，我是。这是《前端》系列文章，每篇文章将以博主理解的角度展开讲解，特别是针对知识点的概念进行叙说，大部分文章将会对这些概念进行实际例子验证，以此达到加深对知识点的理解和掌握。温馨提示：博主能力有限，理解水平有限，若有不对之处望指正！目录前言核心方法常用模块表单按钮事件表格字段事件文章推荐前言最近在维护老系统，尽量使用过layui，但是时间久了，总会忘记一些方法的使用。因此</div> </li> <li><a href="/article/1881134505696227328.htm" title="python中redirect如何传值_传递参数时重定向 - python" target="_blank">python中redirect如何传值_传递参数时重定向 - python</a> <span class="text-muted">叫我柴先生</span> <div>在烧瓶中，我可以这样做:render_template("foo.html",messages={'main':'hello'})如果foo.html包含{{messages['main']}}，则页面将显示hello。但是，如果有一条通往foo的路线怎么办:@app.route("/foo")defdo_foo():#dosomelogicherereturnrender_template("f</div> </li> <li><a href="/article/1881130465839083520.htm" title="[20250119]-前端面试题——React篇" target="_blank">[20250119]-前端面试题——React篇</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>[20250119]-前端面试题——React篇面试问题记录问题1请简单介绍一下React18有哪些更新。回答：React18的主要更新包括：并发渲染：React18引入了并发渲染（ConcurrentRendering），使得React能在后台进行渲染工作，避免阻塞UI更新，提升性能。自动批处理：React18会自动批处理多次setState更新，减少不必要的渲染，提升性能。useIdHook：</div> </li> <li><a href="/article/1881127692665942016.htm" title="Jmeter-1-JMeter代理录制脚本" target="_blank">Jmeter-1-JMeter代理录制脚本</a> <span class="text-muted">karry_孙二</span> <a class="tag" taget="_blank" href="/search/Jmeter/1.htm">Jmeter</a><a class="tag" taget="_blank" href="/search/Jmeter/1.htm">Jmeter</a> <div>jmeter代理录制脚本1.原理：把jmeter作为代理服务器2.代理：相当于中转站3.流程：浏览器（客户端）--->jmeter--->服务器步骤1.设置浏览器为代理模式2.jm新建代理服务器，设置3.设置过滤规则录制脚本：jmeter只能录制html包含模式：.*192\.168\.0\.203.*（.要用\来转译）排除模式：.*\.js.*|.*\.css.*|.*\.png.*|.*\.g</div> </li> <li><a href="/article/1881121244368138240.htm" title="探索JavaScript的宇宙：《JS星球系统》" target="_blank">探索JavaScript的宇宙：《JS星球系统》</a> <span class="text-muted">潘俭渝Erik</span> <div>探索JavaScript的宇宙：《JS星球系统》solar-system-of-jsVisualizethelanguagesontheJSplatform项目地址:https://gitcode.com/gh_mirrors/so/solar-system-of-js在快速发展的前端世界中，JavaScript已经成为无可争议的主宰，围绕它的语言和框架如群星璀璨，构成了一个壮观的“JS星球系统”</div> </li> <li><a href="/article/1881119481086930944.htm" title="Python蓝桥杯刷题--妮妮的蓝桥果园2（split，map）" target="_blank">Python蓝桥杯刷题--妮妮的蓝桥果园2（split，map）</a> <span class="text-muted">重生之我要成为代码大佬</span> <a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5python%E5%AD%A6%E4%B9%A0/1.htm">蓝桥python学习</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5%E6%9D%AF/1.htm">蓝桥杯</a> <div>题目在蓝桥镇，妮妮拥有一片美丽的果园。果园中有N种不同的水果树，每种水果树上的水果都有其特别的价值。妮妮记下了每种水果的价值，用一个正整数Ai来表示。现在妮妮想知道，如果他把果园里所有种类的水果都摘下来卖掉，他能获得多少的总价值。你能帮助妮妮计算一下吗？输入格式输入的第一行包含一个整数N，表示果园中水果的种类数。接下来的一行包含N个整数A1,A2,...,AN，分别表示每种水果的价值。其中，满足1</div> </li> <li><a href="/article/1881115070138740736.htm" title="【Python爬虫实战】深入解析 Scrapy 管道：数据清洗、验证与存储的实战指南" target="_blank">【Python爬虫实战】深入解析 Scrapy 管道：数据清洗、验证与存储的实战指南</a> <span class="text-muted">易辰君</span> <a class="tag" taget="_blank" href="/search/python%E7%88%AC%E8%99%AB/1.htm">python爬虫</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>个人主页：易辰君-CSDN博客系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、了解ScrapyShell二、配置文件settings.py（一）为什么需要配置文件（二）配置文件的使用方法（三）常用字段及其含义三、管道的深入使用（一）管道的常用方法（二）管道的实现（三）启用管道四、管道的常见应用场景五、管道使用</div> </li> <li><a href="/article/1881114943806304256.htm" title="【Python爬虫实战】轻量级爬虫利器：DrissionPage之SessionPage与WebPage模块详解" target="_blank">【Python爬虫实战】轻量级爬虫利器：DrissionPage之SessionPage与WebPage模块详解</a> <span class="text-muted">易辰君</span> <a class="tag" taget="_blank" href="/search/python%E7%88%AC%E8%99%AB/1.htm">python爬虫</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>个人主页：易辰君-CSDN博客系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、SessionPage（一）SessionPage模块的基本功能（二）基本使用（三）常用方法（四）页面元素定位和数据提取（五）Cookie和会话管理（六）SessionPage的优点和局限性（七）SessionPage和Driver</div> </li> <li><a href="/article/1881114942380240896.htm" title="【Python爬虫实战】全面解析 DrissionPage：简化 Python 浏览器自动化的三种模式" target="_blank">【Python爬虫实战】全面解析 DrissionPage：简化 Python 浏览器自动化的三种模式</a> <span class="text-muted">易辰君</span> <a class="tag" taget="_blank" href="/search/python%E7%88%AC%E8%99%AB/1.htm">python爬虫</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>个人主页：易辰君-CSDN博客系列专栏：https://blog.csdn.net/2401_86688088/category_12797772.html目录前言一、DrissionPage简介（一）ChromiumPage（二）WebPage（三）SessionPage（四）三大模块总结二、ChromiumPage（一）初始化ChromiumPage（二）基本操作（三）等待元素加载（四）执行J</div> </li> <li><a href="/article/1881099051177406464.htm" title="基于Damo-YOLO和DyHead检测头的YOLOv8优化：多尺度目标检测的创新方案【YOLOv8】" target="_blank">基于Damo-YOLO和DyHead检测头的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/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/YOLOv8/1.htm">YOLOv8</a> <div>本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录基于Damo-YOLO和DyHead检测头的YOLOv8优化：多尺度目标检测的创新方案【YOLOv8</div> </li> <li><a href="/article/107.htm" title="web报表工具FineReport常见的数据集报错错误代码和解释" target="_blank">web报表工具FineReport常见的数据集报错错误代码和解释</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/web%E6%8A%A5%E8%A1%A8/1.htm">web报表</a><a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a><a class="tag" taget="_blank" href="/search/%E5%8F%AF%E8%A7%86%E5%8C%96%E5%B7%A5%E5%85%B7/1.htm">可视化工具</a> <div>在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。 NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码</div> </li> <li><a href="/article/234.htm" title="Java的WeakReference与WeakHashMap" target="_blank">Java的WeakReference与WeakHashMap</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/%E5%BC%B1%E5%BC%95%E7%94%A8/1.htm">弱引用</a> <div>首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea</div> </li> <li><a href="/article/361.htm" title="Linux——（hostname）主机名与ip的映射" target="_blank">Linux——（hostname）主机名与ip的映射</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/hostname/1.htm">hostname</a> <div>一、什么是主机名无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的；主机名是用于什么的呢？答：在一个局域网中，每台机器都有一个主</div> </li> <li><a href="/article/488.htm" title="oracle 常用技巧" target="_blank">oracle 常用技巧</a> <span class="text-muted">18289753290</span> <div>oracle常用技巧 ①复制表结构和数据 create table temp_clientloginUser as select distinct userid from tbusrtloginlog ②仅复制数据如果表结构一样 insert into mytable select * &nb</div> </li> <li><a href="/article/615.htm" title="使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException" target="_blank">使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/exception/1.htm">exception</a> <div>有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou</div> </li> <li><a href="/article/742.htm" title="IT系统分析师如何学习大数据" target="_blank">IT系统分析师如何学习大数据</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能</div> </li> <li><a href="/article/869.htm" title="spring学习——简介" target="_blank">spring学习——简介</a> <span class="text-muted">a-john</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，</div> </li> <li><a href="/article/996.htm" title="自定义颜色的xml文件" target="_blank">自定义颜色的xml文件</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div><?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &</div> </li> <li><a href="/article/1123.htm" title="运营到底是做什么的？" target="_blank">运营到底是做什么的？</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E8%BF%90%E8%90%A5%E5%88%B0%E5%BA%95%E6%98%AF%E5%81%9A%E4%BB%80%E4%B9%88%E7%9A%84%EF%BC%9F/1.htm">运营到底是做什么的？</a> <div>文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用</div> </li> <li><a href="/article/1250.htm" title="js面向对象类和对象" target="_blank">js面向对象类和对象</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">面向对象</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E5%88%9B%E5%BB%BA%E7%B1%BB%E5%92%8C%E5%AF%B9%E8%B1%A1/1.htm">函数创建类和对象</a> <div>接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下 ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似下面介绍一些js的类和对象的创建的技术一:类和对</div> </li> <li><a href="/article/1377.htm" title="web.xml之资源管理对象配置 resource-env-ref" target="_blank">web.xml之资源管理对象配置 resource-env-ref</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/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类</div> </li> <li><a href="/article/1504.htm" title="Create a composite component with a custom namespace" target="_blank">Create a composite component with a custom namespace</a> <span class="text-muted">sunjing</span> <div>https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace When you developed a composite component the namespace you would be seeing would </div> </li> <li><a href="/article/1631.htm" title="【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter" target="_blank">【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div> 一、复本集为什么要加入Arbiter这个角色回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a </div> </li> <li><a href="/article/1758.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> 获取iframe内的元素通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if</div> </li> <li><a href="/article/1885.htm" title="Web浏览器Chrome打开一段时间后，运行alert无效" target="_blank">Web浏览器Chrome打开一段时间后，运行alert无效</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/chorme/1.htm">chorme</a><a class="tag" taget="_blank" href="/search/alert/1.htm">alert</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E6%95%88/1.htm">无效</a> <div>今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。试了试其他浏览器，发现都是没有问题的。开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了就关闭浏览器重启。结果就好了，这也太怪异了。难道是cho</div> </li> <li><a href="/article/2012.htm" title="编程之美-高效地安排会议图着色问题贪心算法" target="_blank">编程之美-高效地安排会议图着色问题贪心算法</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美高效地安排会议图着色问题贪心算法 * 假设要用很多个教室对一组</div> </li> <li><a href="/article/2139.htm" title="机器学习相关概念和开发工具" target="_blank">机器学习相关概念和开发工具</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>基本概念：机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。开发工具 M</div> </li> <li><a href="/article/2266.htm" title="[宇宙经济学]关于在太空建立永久定居点的可能性" target="_blank">[宇宙经济学]关于在太空建立永久定居点的可能性</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%BB%8F%E6%B5%8E/1.htm">经济</a> <div> 大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........ 所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点</div> </li> <li><a href="/article/2393.htm" title="oracle 11g database control 证书错误" target="_blank">oracle 11g database control 证书错误</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E8%AF%81%E4%B9%A6%E9%94%99%E8%AF%AF/1.htm">证书错误</a><a class="tag" taget="_blank" href="/search/oracle+11G+%E5%AE%89%E8%A3%85/1.htm">oracle 11G 安装</a> <div>oracle 11g database control 证书错误 win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面解决办法：是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：</div> </li> <li><a href="/article/2520.htm" title="Java I/O之用FilenameFilter实现根据文件扩展名删除文件" target="_blank">Java I/O之用FilenameFilter实现根据文件扩展名删除文件</a> <span class="text-muted">游其是你</span> <a class="tag" taget="_blank" href="/search/FilenameFilter/1.htm">FilenameFilter</a> <div>在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 </div> </li> <li><a href="/article/2647.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><a class="tag" taget="_blank" href="/search/array/1.htm">array</a> <div># include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",</div> </li> <li><a href="/article/2774.htm" title="PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。就是唯一且不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引" target="_blank">PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。就是唯一且不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/primary/1.htm">primary</a> <div>PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。就是唯一且不能为空。INDEX 索引，普通的UNIQUE 唯一索引。不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号 INT会员姓名 </div> </li> <li><a href="/article/2901.htm" title="java集合辅助类 Collections、Arrays" target="_blank">java集合辅助类 Collections、Arrays</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/Collections/1.htm">Collections</a><a class="tag" taget="_blank" href="/search/Arrays/1.htm">Arrays</a><a class="tag" taget="_blank" href="/search/HashCode/1.htm">HashCode</a> <div> Arrays、Collections 1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); } a）Arrays.asL</div> </li> <li><a href="/article/3028.htm" title="Spring Security（10）——退出登录logout" target="_blank">Spring Security（10）——退出登录logout</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/logout/1.htm">logout</a><a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/%E9%80%80%E5%87%BA%E7%99%BB%E5%BD%95/1.htm">退出登录</a><a class="tag" taget="_blank" href="/search/logout-url/1.htm">logout-url</a><a class="tag" taget="_blank" href="/search/LogoutFilter/1.htm">LogoutFilter</a> <div> 要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu</div> </li> <li><a href="/article/3155.htm" title="透过源码学前端之 Backbone 三 Model" target="_blank">透过源码学前端之 Backbone 三 Model</a> <span class="text-muted">逐行分析JS源代码</span> <a class="tag" taget="_blank" href="/search/backbone/1.htm">backbone</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90/1.htm">源码分析</a><a class="tag" taget="_blank" href="/search/js%E5%AD%A6%E4%B9%A0/1.htm">js学习</a> <div>Backbone 分析第三部分 Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里，但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件，如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。 </div> </li> <li><a href="/article/3282.htm" title="SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter" target="_blank">SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter</a> <span class="text-muted">乒乓狂魔</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div>这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate</div> </li> <li><a href="/article/3409.htm" title="分布式基础知识和算法理论" target="_blank">分布式基础知识和算法理论</a> <span class="text-muted">bluky999</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/%E4%B8%80%E8%87%B4%E6%80%A7%E5%93%88%E5%B8%8C/1.htm">一致性哈希</a><a class="tag" taget="_blank" href="/search/paxos/1.htm">paxos</a> <div> 分布式基础知识和算法理论 BY NODEXY@2014.8.12 本文永久链接：http://nodex.iteye.com/blog/2103218 在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同</div> </li> <li><a href="/article/3536.htm" title="Android Studio的.gitignore以及gitignore无效的解决" target="_blank">Android Studio的.gitignore以及gitignore无效的解决</a> <span class="text-muted">bell0901</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/gitignore/1.htm">gitignore</a> <div>　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store </div> </li> <li><a href="/article/3663.htm" title="成为高级程序员的10个步骤" target="_blank">成为高级程序员的10个步骤</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a> <div>What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。 Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进历经更大的挑战。随着你的成长，各种影响力也会提高。 </div> </li> <li><a href="/article/3790.htm" title="mongdb在linux下的安装" target="_blank">mongdb在linux下的安装</a> <span class="text-muted">xtuhcy</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>一、查询linux版本号： lsb_release -a LSB Version: :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa</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>