</code></td>
<td>定义文档的标题，将显示在浏览器的标题栏或标签页上。该元素只能包含文本，包含的标签不会被解释。</td>
</tr>
<tr>
<td align="center"><code><base></code></td>
<td>定义页面上相对 URL 的基准 URL。</td>
</tr>
<tr>
<td align="center"><code><link></code></td>
<td>用于链接外部的 CSS 到该文档。</td>
</tr>
<tr>
<td align="center"><code><meta></code></td>
<td>定义其他 HTML 元素无法描述的元数据。</td>
</tr>
<tr>
<td align="center"><code><style></code></td>
<td>用于内联 CSS。</td>
</tr>
</tbody>
</table>
<h3>脚本</h3>
<table>
<thead>
<tr>
<th align="center">Element</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code><script></code></td>
<td>定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。</td>
</tr>
<tr>
<td align="center"><code><noscript></code></td>
<td>定义当浏览器不支持脚本时显示的替代文字。</td>
</tr>
<tr>
<td align="center"><code><template></code></td>
<td>通过 JavaScript 在运行时实例化内容的容器。</td>
</tr>
</tbody>
</table>
<h3>章节</h3>
<table>
<thead>
<tr>
<th align="center">Element</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code><body></code></td>
<td>代表 HTML 文档的内容。在文档中只能有一个 元素。</td>
</tr>
<tr>
<td align="center"><code><section></code></td>
<td>定义文档中的一个章节。</td>
</tr>
<tr>
<td align="center"><code><nav></code></td>
<td>定义只包含导航链接的章节。</td>
</tr>
<tr>
<td align="center"><code><article></code></td>
<td>定义可以独立于内容其余部分的完整独立内容块。</td>
</tr>
<tr>
<td align="center"><code><aside></code></td>
<td>定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。</td>
</tr>
<tr>
<td align="center"><code><h1>,<h2>,<h3>,<h4>,<h5>,<h6></code></td>
<td>标题元素实现了六层文档标题，<code><h1></code>是最大的标题，<code><h6></code>是最小的标题。标题元素简要地描述章节的主题。</td>
</tr>
<tr>
<td align="center"><code><header></code></td>
<td>定义页面或章节的头部。它经常包含logo、页面标题和导航性的目录。</td>
</tr>
<tr>
<td align="center"><code><footer></code></td>
<td>定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。</td>
</tr>
<tr>
<td align="center"><code><address></code></td>
<td>定义包含联系信息的一个章节。</td>
</tr>
<tr>
<td align="center"><code><main></code></td>
<td>定义文档中主要或重要的内容。</td>
</tr>
</tbody>
</table>
<h3>组织内容</h3>
<table>
<thead>
<tr>
<th align="center">Element</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code><p></code></td>
<td>定义一个段落。</td>
</tr>
<tr>
<td align="center"><code><hr></code></td>
<td>代表章节、文章或其他长内容中段落之间的分隔符。</td>
</tr>
<tr>
<td align="center"><code><pre></code></td>
<td>代表其内容已经预先排版过，格式应当保留 。</td>
</tr>
<tr>
<td align="center"><code><blockquote></code></td>
<td>代表引用自其他来源的内容。</td>
</tr>
<tr>
<td align="center"><code><ol></code></td>
<td>定义一个有序列表。</td>
</tr>
<tr>
<td align="center"><code><ul></code></td>
<td>定义一个无序列表。</td>
</tr>
<tr>
<td align="center"><code><li></code></td>
<td>定义列表中的一个列表项。</td>
</tr>
<tr>
<td align="center"><code><dl></code></td>
<td>定义一个定义列表（一系列术语和其定义）。</td>
</tr>
<tr>
<td align="center"><code><dt></code></td>
<td>代表一个由下一个
<dd>
定义的术语。
</dd></td>
</tr>
<tr>
<td align="center"><code><dd></code></td>
<td>代表出现在它之前术语的定义。</td>
</tr>
<tr>
<td align="center"><code><figure></code></td>
<td>代表一个和文档有关的图例。</td>
</tr>
<tr>
<td align="center"><code><figcaption></code></td>
<td>代表一个图例的说明。</td>
</tr>
<tr>
<td align="center"><code><div></code></td>
<td>代表一个通用的容器，没有特殊含义。</td>
</tr>
</tbody>
</table>
<h3>文字形式</h3>
<table>
<thead>
<tr>
<th align="center">Element</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code><a></code></td>
<td>代表一个链接到其他资源的超链接 。</td>
</tr>
<tr>
<td align="center"><code><em></code></td>
<td>代表强调 文字。</td>
</tr>
<tr>
<td align="center"><code><strong></code></td>
<td>代表特别重要文字。</td>
</tr>
<tr>
<td align="center"><code><small></code></td>
<td>代表注释 ，如免责声明、版权声明等，对理解文档不重要。</td>
</tr>
<tr>
<td align="center"><code><s></code></td>
<td>代表不准确或不相关 的内容。</td>
</tr>
<tr>
<td align="center"><code><cite></code></td>
<td>代表作品标题 。</td>
</tr>
<tr>
<td align="center"><code><q></code></td>
<td>代表内联的引用 。</td>
</tr>
<tr>
<td align="center"><code><dfn></code></td>
<td>代表一个术语包含在其最近祖先内容中的定义 。</td>
</tr>
<tr>
<td align="center"><code><abbr></code></td>
<td>代表省略 或缩写 ，其完整内容在 title 属性中。</td>
</tr>
<tr>
<td align="center"><code><data></code></td>
<td>关联一个内容的机器可读的等价形式 （该元素只在 WHATWG 版本的 HTML 标准中，不在 W3C 版本的 HTML5 标准中）。</td>
</tr>
<tr>
<td align="center"><code><time></code></td>
<td>代表日期 和时间 值；机器可读的等价形式通过 datetime 属性指定。</td>
</tr>
<tr>
<td align="center"><code><code></code></td>
<td>代表计算机代码 。</td>
</tr>
<tr>
<td align="center"><code><var></code></td>
<td>代表代码中的变量 。</td>
</tr>
<tr>
<td align="center"><code><samp></code></td>
<td>代表程序或电脑的输出 。</td>
</tr>
<tr>
<td align="center"><code><kbd></code></td>
<td>代表用户输入，一般从键盘输出，但也可以代表其他输入，如语音输入。</td>
</tr>
<tr>
<td align="center"><code><sub>,<sup></code></td>
<td>分别代表下标 和上标 。</td>
</tr>
<tr>
<td align="center"><code><i></code></td>
<td>代表一段不同性质 的文字，如技术术语、外文短语等。</td>
</tr>
<tr>
<td align="center"><code><b></code></td>
<td>代表一段需要被关注 的文字。</td>
</tr>
<tr>
<td align="center"><code><u></code></td>
<td>代表一段需要下划线呈现的文本注释，如标记出拼写错误的文字等。</td>
</tr>
<tr>
<td align="center"><code><mark></code></td>
<td>代表一段需要被高亮的引用 文字。</td>
</tr>
<tr>
<td align="center"><code><ruby></code></td>
<td>代表被ruby 注释 标记的文本，如中文汉字和它的拼音。</td>
</tr>
<tr>
<td align="center"><code><rt></code></td>
<td>代表ruby 注释 ，如中文拼音。</td>
</tr>
<tr>
<td align="center"><code><rp></code></td>
<td>代表 ruby 注释两边的额外插入文本 ，用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。</td>
</tr>
<tr>
<td align="center"><code><bdi></code></td>
<td>代表需要脱离 父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本。</td>
</tr>
<tr>
<td align="center"><code><bdo></code></td>
<td>指定子元素的文本方向 ，显式地覆盖默认的文本方向。</td>
</tr>
<tr>
<td align="center"><code><span></code></td>
<td>代表一段没有特殊含义的文本，当其他语义元素都不适合文本时候可以使用该元素。</td>
</tr>
<tr>
<td align="center"><code><br></code></td>
<td>代表换行 。</td>
</tr>
<tr>
<td align="center"><code><wbr></code></td>
<td>代表建议换行 (Word Break Opportunity),当文本太长需要换行时将会在此处添加换行符。</td>
</tr>
</tbody>
</table>
<h3>编辑</h3>
<table>
<thead>
<tr>
<th align="center">Element</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code><ins></code></td>
<td>定义增加到文档的内容。</td>
</tr>
<tr>
<td align="center"><code><del></code></td>
<td>定义从文档移除 的内容。</td>
</tr>
</tbody>
</table>
<h3>嵌入内容</h3>
<table>
<thead>
<tr>
<th align="center">Element</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code><img></code></td>
<td>代表一张图片 。</td>
</tr>
<tr>
<td align="center"><code><iframe></code></td>
<td>代表一个内联的框架 。</td>
</tr>
<tr>
<td align="center"><code><embed></code></td>
<td>代表一个嵌入 的外部资源，如应用程序或交互内容。</td>
</tr>
<tr>
<td align="center"><code><object></code></td>
<td>代表一个外部资源 ，如图片、HTML 子文档、插件等。</td>
</tr>
<tr>
<td align="center"><code><param></code></td>
<td>代表 <code><object></code>元素所指定的插件的参数 。</td>
</tr>
<tr>
<td align="center"><code><video></code></td>
<td>代表一段视频及其视频文件和字幕，并提供了播放视频的用户界面。</td>
</tr>
<tr>
<td align="center"><code><audio></code></td>
<td>代表一段声音 ，或音频流 。</td>
</tr>
<tr>
<td align="center"><code><source></code></td>
<td>为 <code><video></code>或 <code><audio></code>这类媒体元素指定媒体源 。</td>
</tr>
<tr>
<td align="center"><code><track></code></td>
<td>为 <code><video></code>或<code><audio></code>这类媒体元素指定文本轨道（字幕） 。</td>
</tr>
<tr>
<td align="center"><code><canvas></code></td>
<td>代表位图区域，可以通过脚本在它上面实时呈现图形，如图表、游戏绘图等。</td>
</tr>
<tr>
<td align="center"><code><map></code></td>
<td>与<code><area></code>元素共同定义图像映射 区域。</td>
</tr>
<tr>
<td align="center"><code><area></code></td>
<td>与 <code><map></code>元素共同定义图像映射 区域。</td>
</tr>
<tr>
<td align="center"><code><svg></code></td>
<td>定义一个嵌入式矢量图 。</td>
</tr>
<tr>
<td align="center"><code>[<math>](https://developer.mozilla.org/zh-CN/docs/Web/MathML/Element/math "<math>")</code></td>
<td>定义一段数学公式 。</td>
</tr>
</tbody>
</table>
<h3>表格</h3>
<table>
<thead>
<tr>
<th align="center">Element</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code><table></code></td>
<td>定义多维数据 。</td>
</tr>
<tr>
<td align="center"><code><caption></code></td>
<td>代表表格的标题 。</td>
</tr>
<tr>
<td align="center"><code><colgroup></code></td>
<td>代表表格中一组单列或多列 。</td>
</tr>
<tr>
<td align="center"><code><col></code></td>
<td>代表表格中的列 。</td>
</tr>
<tr>
<td align="center"><code><tbody></code></td>
<td>代表表格中一块具体数据 （表格主体）。</td>
</tr>
<tr>
<td align="center"><code><thead></code></td>
<td>代表表格中一块列标签 （表头）。</td>
</tr>
<tr>
<td align="center"><code><tfoot></code></td>
<td>代表表格中一块列摘要 （表尾）。</td>
</tr>
<tr>
<td align="center"><code><tr></code></td>
<td>代表表格中的行 。</td>
</tr>
<tr>
<td align="center"><code><td></code></td>
<td>代表表格中的单元格 。</td>
</tr>
<tr>
<td align="center"><code><th></code></td>
<td>代表表格中的头部单元格 。</td>
</tr>
</tbody>
</table>
<h3>表单</h3>
<table>
<thead>
<tr>
<th align="center">Element</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code><form></code></td>
<td>代表一个表单 ，由控件组成。</td>
</tr>
<tr>
<td align="center"><code><fieldset></code></td>
<td>代表控件组 。</td>
</tr>
<tr>
<td align="center"><code><legend></code></td>
<td>代表 <code><fieldset></code>控件组的标题 。</td>
</tr>
<tr>
<td align="center"><code><label></code></td>
<td>代表表单控件的标题 。</td>
</tr>
<tr>
<td align="center"><code><input></code></td>
<td>代表允许用户编辑数据的数据区 （文本框、单选框、复选框等）。</td>
</tr>
<tr>
<td align="center"><code><button></code></td>
<td>代表按钮 。</td>
</tr>
<tr>
<td align="center"><code><select></code></td>
<td>代表下拉框 。</td>
</tr>
<tr>
<td align="center"><code><datalist></code></td>
<td>代表提供给其他控件的一组预定义选项 。</td>
</tr>
<tr>
<td align="center"><code><optgroup></code></td>
<td>代表一个选项分组 。</td>
</tr>
<tr>
<td align="center"><code><option></code></td>
<td>代表一个 <code><select></code>元素或 <code><datalist></code>元素中的一个选项</td>
</tr>
<tr>
<td align="center"><code><textarea></code></td>
<td>代表多行文本框 。</td>
</tr>
<tr>
<td align="center"><code><keygen></code></td>
<td>代表一个密钥对生成器 控件。</td>
</tr>
<tr>
<td align="center"><code><output></code></td>
<td>代表计算值 。</td>
</tr>
<tr>
<td align="center"><code><progress></code></td>
<td>代表进度条 。</td>
</tr>
<tr>
<td align="center"><code><meter></code></td>
<td>代表滑动条 。</td>
</tr>
</tbody>
</table>
<h3>交互元素</h3>
<table>
<thead>
<tr>
<th align="center">Element</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code><details></code></td>
<td>代表一个用户可以(点击)获取额外信息或控件的小部件 。</td>
</tr>
<tr>
<td align="center"><code><summary></code></td>
<td>代表 <code><details></code>元素的综述 或标题 。</td>
</tr>
<tr>
<td align="center"><code><menuitem></code></td>
<td>代表一个用户可以点击的菜单项。</td>
</tr>
<tr>
<td align="center"><code><menu></code></td>
<td>代表菜单。</td>
</tr>
</tbody>
</table>
<h2>常用标签详解</h2>
<h3>iframe标签</h3>
<p>嵌套页面</p>
<pre><code><iframe name="xxx" src="./index.html" frameborder="0"></iframe>
<a href="" target="xxx"></a>
</code></pre>
<ol>
<li>frameborder="0"消除自带边框;</li>
<li>name属性结合a标签才能使用;</li>
<li>src接网址或绝对地址;</li>
</ol>
<h3>a标签</h3>
<ol>
<li>属性见 MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a</li>
<li>a标签里target有四个自带的值，分别为空标签，自己，顶级，父级；</li>
</ol>
<pre><code><a target="_blank _self _top _parent "
</code></pre>
<ol start="3">
<li>一是通过html响应里的contenttype,二是通过a标签里的download属性指定强制下载;</li>
</ol>
<pre><code><a href="" download></a>
</code></pre>
<ol start="4">
<li>href可以接：</li>
</ol>
<ul>
<li>//qq.com</li>
<li>#XXX ?name=qqqq</li>
<li>/xxx.html</li>
</ul>
<ol start="5">
<li>JS伪协议</li>
</ol>
<pre><code>javascipt:alert(1);
javascipt:; 表示什么也不做
</code></pre>
<h3>form标签</h3>
<pre><code><form action="index2.html" method="POST">
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="提交">
</form>
</code></pre>
<ol>
<li>form一般用来发post请求;</li>
<li>必须要有提交按钮，如果form表单里没有提交按钮，就无法提交form；</li>
<li>name里内容成为请求第四部分的key;</li>
<li>属性见 MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/form.</li>
</ol>
<h3>input标签</h3>
<pre><code><form action="index2.html" method="POST">
<input type="text" name="username">
<input type="password" name="password">
<input type="checkbox" id="xxx"><label for="xxx">爱我</label>
<select name="分组" multiple> multiple指可以多选
<option value="">-</option> 空值默认什么都不选
<option value="1">第一组</option>
<option value="2">第二组</option>
<option value="3" disabled>第三组</option> 不能选中
<option value="4" selected>第四组</option> 默认选中
</select>
<textarea style="resize: none；width:100px; height:50px;"name="爱好"></textarea>
<button>button</button>
</form>
</code></pre>
<ol>
<li>button标签如果没有写type,会自动升级为提交按钮；</li>
<li>input没有子元素，button可以有span等子元素;</li>
<li>写了type就按type写的来；submit是唯一能确定表单能否点击提交的按钮；button就是个普通的能点击的按钮；</li>
</ol>
<pre><code><input type="submit" value="提交">
</code></pre>
<ol start="4">
<li>label为了跟input关联；老司机用label包住，更方便；</li>
</ol>
<pre><code><label> <input type="checkbox">爱我</label>
</code></pre>
<ol start="5">
<li>checkbox多选框</li>
</ol>
<pre><code><label><input type="checkbox" name="fruit" value="apple">苹果</label>
<label><input type="checkbox" name="fruit" value="orange">橘子</label>
</code></pre>
<ol start="6">
<li>radio单选框</li>
</ol>
<pre><code><label><input type="radio" name="loveme" value="yes">YES</label>
<label><input type="radio" name="loveme" value="no">NO</label>
</code></pre>
<p>取同样的名字，就只能选一个;<br> <br><br> 7. input 的属性见：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input<br> <br><br> 8. button 的属性见：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button</p>
<h3>table标签</h3>
<pre><code><head>
<style>
table{
border-collapse:collapse; 使边框合为一个；
}
</style>
</head>
<body>
<table border="1">
<colgroup>
<col width=100>
<col bgcolor=blue width=300>
<col width=100>
<col width=300>
</colgroup>
<thead>
<tr>
<th></th><th>1</th><th>2</th><th>3</th>
</tr>
</thead>
<tbody>
<tr>
<th>平均分</th><td>1</td><td>2</td><td>3</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>总分</th><td>1</td><td>2</td><td>3</td>
</tr>
</tfoot>
</table>
</body>
</code></pre>
<p></p>
<ol>
<li>表头用th,td里全部是数据;</li>
<li>浏览器会自动纠正colgroup,thead,tbody,tfoot的顺序；</li>
<li>浏览器会自动补齐tbody；thead等不写也会并入tbody,所有按照写的顺序展示。</li>
<li>属性见：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/table</li>
</ol>
<h2>什么是空标签</h2>
<p>一个空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。<br> <br><br> HTML，SVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容（define very precisely what each element can contain）。许多组合是没有任何语义含义的，比如一个<code><audio></code>元素嵌套在一个<code><hr></code>元素里。<br> <br><br> 在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如，<code><input type="text"></input></code>的闭标签是无效的 HTML。</p>
<p>在 HTML 中有以下这些空元素：</p>
<ul>
<li> <p><code><area></code></p> </li>
<li> <p><code><base></code></p> </li>
<li> <p><code><br></code></p> </li>
<li> <p><code><col></code></p> </li>
<li> <p><code><colgroup></code>when the <code>[span](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/colgroup#attr-span)</code>is present</p> </li>
<li> <p><code><command></code></p> </li>
<li> <p><code><embed></code></p> </li>
<li> <p><code><hr></code></p> </li>
<li> <p><code><img></code></p> </li>
<li> <p><code><input></code></p> </li>
<li> <p><code><keygen></code></p> </li>
<li> <p><code><link></code></p> </li>
<li> <p><code><meta></code></p> </li>
<li> <p><code><param></code></p> </li>
<li> <p><code><source></code></p> </li>
<li> <p><code><track></code></p> </li>
<li> <p><code><wbr></code></p> </li>
</ul>
<h2>什么是可替换标签</h2>
<p>CSS 里，可替换元素（replaced element）的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有<code><img></code>、 <code><object></code>、 <code><video></code>和 表单元素，如<code><textarea></code>、 <code><input></code>。 某些元素只在一些特殊情况下表现为可替换元素，例如 <code><audio></code>和<code><canvas></code>。 通过 CSS content 属性来插入的对象 被称作 匿名可替换元素（anonymous replaced elements）。<br> CSS在某些情况下会对可替换元素做特殊处理，比如计算外边距和一些auto值。<br> 需要注意的是，一部分（并非全部）可替换元素，本身具有尺寸和基线（baseline），会被像vertical-align之类的一些 CSS 属性用到。</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1720602634412437504"></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,标签,h5)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1891360490878201856.htm"
title="本地部署model scope魔搭大模型流程" target="_blank">本地部署model scope魔搭大模型流程</a>
<span class="text-muted">CQller</span>
<a class="tag" taget="_blank" href="/search/python/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/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/jupyter/1.htm">jupyter</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a>
<div>一、安装python二、安装Gradio三、添加镜像加速四、运行字符串倒叙五、运行绘图六、安装常用软件包和库七、我目前使用的软件包和库简介八、文字生成图片AI模型九、文字回复AI模型一、安装python可参考安装步骤：python学习笔记-python安装与环境变量配置_python环境变量-CSDN博客二、安装Gradio在cmd执行以下命令。Gradio封装了功能丰富的前端用户界面，一会儿用来</div>
</li>
<li><a href="/article/1891358097788694528.htm"
title="html5游戏引擎-Pharse.js学习笔记（一）" target="_blank">html5游戏引擎-Pharse.js学习笔记（一）</a>
<span class="text-muted">18520195858</span>
<a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/c%2Fc%2B%2B/1.htm">c/c++</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a>
<div>1.前言前几天随着flappybird这样的小游戏的火爆，使我这种也曾了解过html5技术的js业余爱好者也开始关注游戏开发。研究过两个个比较成熟的html5游戏引擎，感觉用引擎还是要方便一些。所以决定从今天正式开始研究html5游戏引擎，并且将从看官网demo的学习整理成博客和大家一起分享。我了解过cocos-2dforhtml5和phaser.js这两个引擎，其中前者比较复杂，对于有过coco</div>
</li>
<li><a href="/article/1891353060706414592.htm"
title="springboot项目配置https" target="_blank">springboot项目配置https</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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/jar/1.htm">jar</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
<div>1，必须去服务商购买一个ssl证书。2，以我想的是这个域名的8080端口当前端，8070当后端，3，前端配置简单直接去下载nginx证书把里面的key和证书粘到对应位置即可（用宝塔简单）4.springboot后端服务（下载Tomcat证书）按照这个方法https://blog.csdn.net/baidu_37302589/article/details/100692957配置端口配置成我需要的</div>
</li>
<li><a href="/article/1891350284202995712.htm"
title="java web 项目中封装的下拉列表小组件：实现下拉列表使用者前后端0行代码 ..." target="_blank">java web 项目中封装的下拉列表小组件：实现下拉列表使用者前后端0行代码 ...</a>
<span class="text-muted">weixin_34383618</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/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/ViewUI/1.htm">ViewUI</a>
<div>导读：主要从4个方面来阐述，1：背景；2：思路；3：代码实现；4：使用一：封装背景像easyui之类的纯前端组件，也有下拉列表组件，但是使用的时候，每个下拉列表，要配一个URL,以及设置URL反回来的值和select的text，和value的对应关系，这有2个问题：一使用者必须知道URL，二，如果页面有10个下拉表表，要请求后台10次，肯定影响性能，而我想要的是使用者只要申明用哪个数据字典就行了，</div>
</li>
<li><a href="/article/1891345742220554240.htm"
title="el-dialog修改其样式不生效加deep也没用" target="_blank">el-dialog修改其样式不生效加deep也没用</a>
<span class="text-muted">夏与冰</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>场景el-dialog标签直接写在了template下。解决方法在template中先写一层div，包裹住el-dialog。</div>
</li>
<li><a href="/article/1891341329288458240.htm"
title="【Vim Masterclass 笔记13】第 7 章：Vim 核心操作之——文本对象与宏操作 + S07L28：Vim 文本对象" target="_blank">【Vim Masterclass 笔记13】第 7 章：Vim 核心操作之——文本对象与宏操作 + S07L28：Vim 文本对象</a>
<span class="text-muted">安冬的码畜日常</span>
<a class="tag" taget="_blank" href="/search/Vim/1.htm">Vim</a><a class="tag" taget="_blank" href="/search/Masterclass/1.htm">Masterclass</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/vim%E6%96%87%E6%9C%AC%E5%AF%B9%E8%B1%A1/1.htm">vim文本对象</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E5%AF%B9%E8%B1%A1/1.htm">文本对象</a>
<div>文章目录Section7：TextObjectsandMacrosS07L28TextObjects1文本对象的含义2操作文本对象的基本语法3操作光标所在的整个单词4删除光标所在的整个句子5操作光标所在的整个段落6删除光标所在的中括号内的文本7删除光标所在的小括号内的文本8操作尖括号内的文本9操作光标所在的标签文本10操作大括号内的文本11操作光标所在的各种括号内的文本12本节思维导图写在前面本篇</div>
</li>
<li><a href="/article/1891330989972582400.htm"
title="vue若依框架dicts中字典项的使用：表格展示与下拉框示例" target="_blank">vue若依框架dicts中字典项的使用：表格展示与下拉框示例</a>
<span class="text-muted">豆豆（前端开发+ui设计）</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>在若依框架的开发中，字典项的使用可以帮助我们更方便地管理和展示一些具有固定取值范围的数据，比如颜色类型、人员类型等。下面将详细介绍若依框架中字典项在表格和下拉框中的使用方法。1.若依字典项的配置在若依框架中，我们首先需要在系统管理-字典管理中配置所需的字典。假设我们要配置两个字典：颜色（color）和人员类型（personnel_type）。具体配置如下：颜色字典（color）字典标签字典值红色1</div>
</li>
<li><a href="/article/1891325943818022912.htm"
title="前端面试题2（vue3）" target="_blank">前端面试题2（vue3）</a>
<span class="text-muted">GIS-CL</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前端面试题</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>1.Vue3中的CompositionAPI是什么？与OptionsAPI的区别是什么？答案：CompositionAPI是Vue3引入的一种新的编程模型，它允许开发者以更灵活和模块化的方式组织代码。与传统的OptionsAPI相比，CompositionAPI通过setup()函数集中管理组件的状态和行为，使得逻辑复用和代码组织变得更加容易。OptionsAPI：在Vue2中广泛使用，通过dat</div>
</li>
<li><a href="/article/1891322918294581248.htm"
title="如何构建高效的 Vue 3 前端项目结构" target="_blank">如何构建高效的 Vue 3 前端项目结构</a>
<span class="text-muted">东锋1.3</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</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项目，起初一切感觉顺畅简单。但随着应用的增长，你的文件夹开始泛滥，组件变得混乱，寻找文件就像大海捞针。听起来熟悉吗？其实你并不孤单。一个有组织的文件结构是可扩展、可维护和高效前端开发的支柱。但关键问题是：没有一种放之四海而皆准的结构。完美的设置取决于你的项目规模、复杂性和团队动态。那么，如何开始呢？如何平衡简单性和可扩展性？在这篇文章中，我将分解Vue3项目的最优文件结</div>
</li>
<li><a href="/article/1891322538965921792.htm"
title="Cursor前端开发提示词分享" target="_blank">Cursor前端开发提示词分享</a>
<span class="text-muted">前端程序猿i</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>点击设置将提示词复制黏贴进输入框里即可Alwaysrespondin中文DONOTGIVEMEHIGHLEVELSTUFF,IFIASKFORFIXOREXPLANATION,IWANTACTUALCODEOREXPLANATION!!!IDON'TWANT"Here'showyoucanblablabla"-Youareaseniorfrontendengineer.-Ifcommandsnee</div>
</li>
<li><a href="/article/1891321027351343104.htm"
title="使用 HTML CSS 和 JAVASCRIPT 的黑洞动画" target="_blank">使用 HTML CSS 和 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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>使用HTMLCSS和JAVASCRIPT的黑洞动画BlackHoleAnimationbody{margin:0;overflow:hidden;background:radial-gradient(ellipseatcenter,black,#1a1a1a);height:100vh;display:flex;justify-content:center;align-items:center;}</div>
</li>
<li><a href="/article/1891318881629302784.htm"
title="Vue3 中的 defineProps：优雅地实现子父组件传值" target="_blank">Vue3 中的 defineProps：优雅地实现子父组件传值</a>
<span class="text-muted">良月柒</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>Vue.js一直以来都是前端开发者们钟爱的框架之一，而在最新的Vue3中，引入了一些新的特性和改进，其中之一就是defineProps。defineProps提供了一种更加明确和类型安全的方式来定义子组件的props，让子父组件之间的数据传递更加清晰和可维护。本文将介绍Vue3中defineProps的用法以及如何在子组件中使用它来接收父组件传递的props数据。什么是defineProps？de</div>
</li>
<li><a href="/article/1891315349798842368.htm"
title="vue3项目开发总结" target="_blank">vue3项目开发总结</a>
<span class="text-muted">Yaru11</span>
<a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>一、项目准备1、明确项目需求和目标在开始构建项目之前，首先要明确项目的需求和目标。这包括了解项目的业务背景、功能需求、性能要求等，以便为后续的技术选型和架构设计提供指导。2、技术选型与框架选择前端框架：选择Vue3作为前端框架，利用其组件化、响应式等特性来提高开发效率和代码质量。构建工具：当前使用的是vue-cli。推荐使用Vite作为构建工具，因为它具有快速的冷启动、实时的热更新和简洁的配置等优</div>
</li>
<li><a href="/article/1891314845932908544.htm"
title="MTTK Vue Wrap 项目介绍" target="_blank">MTTK Vue Wrap 项目介绍</a>
<span class="text-muted">MTTKbelinda</span>
<a class="tag" taget="_blank" href="/search/VUE/1.htm">VUE</a><a class="tag" taget="_blank" href="/search/Wrap/1.htm">Wrap</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>关键字:Vue3,配置开发,快速开发,组件封装关于本项目概述MttkVueWrap是一个基于Vue3的组件封装工具，核心目标是通过纯JavaScript/TypeScript替代传统的单文件组件（SFC）开发模式，同时兼容与SFC的混合使用.它允许开发者通过类似JSON的配置对象或动态生成的脚本快速构建Vue组件，涵盖模板、双向绑定（v-model）、属性、事件、插槽等核心功能.项目起源在前端开发</div>
</li>
<li><a href="/article/1891313206572412928.htm"
title="对于简单的HTML、CSS、JavaScript前端，我们可以通过几种方式连接后端" target="_blank">对于简单的HTML、CSS、JavaScript前端，我们可以通过几种方式连接后端</a>
<span class="text-muted">昨今</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>1.使用FetchAPI发送HTTP请求（最简单的方式）：//home.html//示例：提交表单数据到后端constsubmitForm=async(formData)=>{try{constresponse=awaitfetch('http://your-backend-url/api/submit',{method:'POST',headers:{'Content-Type':'applic</div>
</li>
<li><a href="/article/1891312449886416896.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%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a>
<div>一、引言在当今快速发展的互联网时代，前端开发技术不断推陈出新，众多框架和工具如雨后春笋般涌现，而Vue.js凭借其独特的优势，在前端开发领域中占据了重要的一席之地。它以简洁的语法、高效的性能和灵活的扩展性，为开发者提供了一种便捷且强大的方式来构建各类交互式的用户界面。无论是简单的企业展示网站、小型的移动应用，还是复杂的大型单页面应用（SPA），Vue.js都展现出了卓越的适应性和实用性，能够满足不</div>
</li>
<li><a href="/article/1891304746522832896.htm"
title="MyBatis的if标签的基本使用" target="_blank">MyBatis的if标签的基本使用</a>
<span class="text-muted">君子剑mango</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/MyBatis%E6%A1%86%E6%9E%B6/1.htm">MyBatis框架</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>在MyBatis框架中，if标签用于在构建SQL语句时，根据参数条件判断的结果，动态地选择加入或不加where条件中。一常见使用在使用MyBatis处理查询逻辑的时候，常用的是判断一些参数是否为空，列举常用的几种情况展示1.1数据准备1.1.1创建表模型CREATETABLE`approval_info`(`id`BIGINTNOTNULLAUTO_INCREMENT,`info_name`VAR</div>
</li>
<li><a href="/article/1891302346894405632.htm"
title="web前端面试问什么，【前端，2024华为前端高级面试题及答案" target="_blank">web前端面试问什么，【前端，2024华为前端高级面试题及答案</a>
<span class="text-muted">uiuuyy67</span>
<a class="tag" taget="_blank" href="/search/2024%E5%B9%B4%E7%A8%8B%E5%BA%8F%E5%91%98%E5%AD%A6%E4%B9%A0/1.htm">2024年程序员学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/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/%E5%8D%8E%E4%B8%BA/1.htm">华为</a>
<div>效果截图：用户名是只读的，所以无法在text文本框里输入值；账号是禁用的，直接变成灰色了。2.input标签常用的type属性值讲解text文本框password密码框radio单选框checkbox复选框file文件选择hidden隐藏域hidden是用户看不见的东西，给管理员（写网页的）操作保存信息的！submit提交reset重置（2）select下拉框option：下拉选项（下拉框的基本标</div>
</li>
<li><a href="/article/1891298945641017344.htm"
title="Vue 前端开发中的路由知识：从入门到精通" target="_blank">Vue 前端开发中的路由知识：从入门到精通</a>
<span class="text-muted">chenNorth。</span>
<a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><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>文章目录引言1.VueRouter简介1.1安装VueRouter1.2配置VueRouter1.3在Vue实例中使用VueRouter2.路由的基本用法2.1路由映射2.2路由视图2.3路由链接3.动态路由3.1动态路径参数3.2访问动态参数3.3响应路由参数的变化4.嵌套路由4.1定义嵌套路由4.2渲染嵌套路由5.路由守卫5.1全局守卫5.2路由独享守卫5.3组件内守卫6.路由懒加载6.1使用</div>
</li>
<li><a href="/article/1891295036713267200.htm"
title="高级前端工程师Vue面试题" target="_blank">高级前端工程师Vue面试题</a>
<span class="text-muted">盼盼盼</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML/CSS1.解释HTML5中的元素及其用途。元素用于通过JavaScript绘制图形，比如图表、图像处理等。它提供了一个图形上下文，可以进行2D图形绘制。2.CSS中display:none和visibility:hidden有什么区别？display:none会将元素从文档流中完全移除，不占据空间。而visibility:hidden则元素依然占据空间，只是变得不可见。3.描述CSSFl</div>
</li>
<li><a href="/article/1891293774726885376.htm"
title="vue3.x的Teleport详细解读" target="_blank">vue3.x的Teleport详细解读</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/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/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a>
<div>Teleport是Vue3.x中引入的一个新特性，用于将组件的内容渲染到DOM树中的任意位置，而不受组件自身DOM结构的限制。这在处理模态框、通知、下拉菜单等需要脱离当前组件层级的情况下非常有用。1.基本用法Teleport的基本语法如下：这是一个模态框在这个例子中，组件会将内部的渲染到标签中，而不是在当前组件的DOM结构中。2.to属性to属性指定了Teleport内容的目标位置。它可以是一个C</div>
</li>
<li><a href="/article/1891289237018439680.htm"
title="前端高级面试题" target="_blank">前端高级面试题</a>
<span class="text-muted">阿芯爱编程</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>以下是一些高级前端面试题及答案：一、性能优化如何对大型前端项目进行性能剖析（profiling）？答案：使用ChromeDevTools中的Performance面板。可以记录页面加载和交互过程中的各种性能指标，如脚本执行时间、渲染时间、重绘和回流次数等。利用Lighthouse工具，它可以对网页进行全面的性能评估，包括加载性能、可访问性、最佳实践等方面，并给出优化建议。在代码中手动插入性能测量点</div>
</li>
<li><a href="/article/1891286204062691328.htm"
title="mac+CLion+redis6.2本地源码调试" target="_blank">mac+CLion+redis6.2本地源码调试</a>
<span class="text-muted">王冬的csdn</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
<div>1.下载安装CLion下载地址：https://www.jetbrains.com.cn/clion/download/other.html安装过程自行百度2.下载redis源码gitclonehttp://github.com/redis/redis.git3.添加CMakeLists.txt文件1、\redis-6.2\cmake_minimum_required(VERSION3.0FATA</div>
</li>
<li><a href="/article/1891285192904077312.htm"
title="html5 判断长按操作,移动端h5模拟长按事件" target="_blank">html5 判断长按操作,移动端h5模拟长按事件</a>
<span class="text-muted">weixin_39933414</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%88%A4%E6%96%AD%E9%95%BF%E6%8C%89%E6%93%8D%E4%BD%9C/1.htm">判断长按操作</a>
<div>1、标志位vartimer='';varisLongTouch=false;//加个标志位，防止settimeout因为事件循环和实际时间有偏差vartarget=document.getElementById('target');target.addEventListener('touchstart',function(){timer=setTimeout(function(){isLongTo</div>
</li>
<li><a href="/article/1891282925702410240.htm"
title="vue-cli-service:Permission denied" target="_blank">vue-cli-service:Permission denied</a>
<span class="text-muted">new code Boy</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>执行npmrundev时提示vue-cli-service:Permissiondenied进入前端工程cdweb输入权限命令chmod777node_modules/.bin/vue-cli-service</div>
</li>
<li><a href="/article/1891281664047378432.htm"
title="electron-vue 安装环境、构建+打包（mac和windows）这一篇就够了" target="_blank">electron-vue 安装环境、构建+打包（mac和windows）这一篇就够了</a>
<span class="text-muted">阿毛sky</span>
<a class="tag" taget="_blank" href="/search/electron/1.htm">electron</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>由于公司需要，下一个项目需要做CS开发，技术选型分析后，选择了electron（Electron是一个使用JavaScript,HTML和CSS等Web技术创建原生程序的框架）研究发现，electron与vue-cli3.0脚手架做了很好的融合，对于我们这种用惯了vue，以及elementUI这些UI框架的Web前端开发工程师来说，实在太友好了，不过，这是一门国外框架技术，不仅是环境搭建、安装、文</div>
</li>
<li><a href="/article/1891279268395151360.htm"
title="【CSS】图片比例完整展示与滚动查看" target="_blank">【CSS】图片比例完整展示与滚动查看</a>
<span class="text-muted">Peter-Lu</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</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%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>文章目录一、问题背景二、问题分析为什么`100vh`会压缩图片高度？为什么固定像素高度有效？三、解决方案与改进1.页面布局代码2.样式代码3.核心点解读容器高度图片样式滚动支持在前端开发中，如何高效地展示多张图片，并确保图片保持原始比例，同时兼顾滚动查看的需求，是一个常见的问题。本文将通过一个实际案例，讲解如何解决100vh固定高度导致图片被压缩的问题，以及如何改进页面布局让滚动与展示兼顾。一、问</div>
</li>
<li><a href="/article/1891276997259227136.htm"
title="nodejs：express + js-mdict 网页查询英汉词典，能播放声音" target="_blank">nodejs：express + js-mdict 网页查询英汉词典，能播放声音</a>
<span class="text-muted">belldeep</span>
<a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/web%E6%9C%8D%E5%8A%A1/1.htm">web服务</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/express/1.htm">express</a><a class="tag" taget="_blank" href="/search/js-mdict/1.htm">js-mdict</a>
<div>向DeepSeekR1提问：我想写一个Web前端网页，后台用nodejs+js-mdict,实现在线查询英语单词1.项目结构首先，创建一个项目目录，结构如下：mydict-app/├──public/│├──index.html│├──styles.css│└──script.js├──server/│└──server.js├──package.json└──README.md英汉词典文件（*.</div>
</li>
<li><a href="/article/1891273089291972608.htm"
title="nodejs：express + js-mdict 网页查询英汉词典，能显示图片" target="_blank">nodejs：express + js-mdict 网页查询英汉词典，能显示图片</a>
<span class="text-muted">belldeep</span>
<a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/js-mdict/1.htm">js-mdict</a><a class="tag" taget="_blank" href="/search/express/1.htm">express</a>
<div>向DeepSeekR1提问：我想写一个Web前端网页，后台用nodejs+js-mdict,实现在线查询英语单词，并能显示图片1.项目结构首先，创建一个项目目录，结构如下：mydict-app/├──public/│├──index.html│├──styles.css│└──script.js├──server/│└──server.js├──package.json└──README.md英汉</div>
</li>
<li><a href="/article/1891265020948443136.htm"
title="【Uniapp】关于实现下拉刷新的三种方式" target="_blank">【Uniapp】关于实现下拉刷新的三种方式</a>
<span class="text-muted">天下代码客</span>
<a class="tag" taget="_blank" href="/search/%E3%80%90Uniapp%E3%80%91%E7%AC%94%E8%AE%B0/1.htm">【Uniapp】笔记</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在小程序、h5等地方中，常常会用到下拉刷新这个功能，今天来讲解实现这个功能的三种方式：全局下拉刷新，组件局部下拉刷新，嵌套组件下拉刷新。全局下拉刷新这个方式简单，性能佳，最推荐，以下为步骤：配置pages.json（在需要该功能的页面设置对应属性）{"pages":[{"path":"pages/index/index","style":{"enablePullDownRefresh":true,</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.
<!-- <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> |
