html简介
1.html概述
网页最主要由3部分组成：结构、表现和行为。网页现在新的标准是W3C，目前模式是HTML、CSS和JavaScript。
（1）HTML是什么？
HTML，全称“Hyper Text Markup Language（超文本标记语言）”，简单来说，网页就是用HTML语言制作的。HTML是一门描述性语言，是一门非常容易入门的语言。
（2）CSS
CSS，全称“（层叠样式表）”。以后我们在别的地方看到“层叠样式表”、“CSS样式”，指的就是CSS。
（3）JavaScript
JavaScript是一门脚本语言。
学习路线：HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门→jQuery入门→ASP.NET入门（或PHP入门）→Ajax→ASP.NET进阶（或PHP进阶）；
2.html语法规则
1.html结构：包括head body
2.html标签是以尖括号包围的关键字
3.html标签通常是成对出现的，有开始就有结束，包含成对标签、独立标签
4.html通常都有属性，格式:属性名＝“属性值”(多个属性之间空格隔开)
5.html标签不区分大小写,建议小写
内部标签
| 内部标签 |
说明 |
| </td>
<td>定义网页的标题</td>
</tr>
<tr>
<td><meta></td>
<td>定义网页的基本信息（供搜索引擎）</td>
</tr>
<tr>
<td><style></td>
<td>定义CSS样式</td>
</tr>
<tr>
<td><link></td>
<td>链接外部CSS文件或脚本文件</td>
</tr>
<tr>
<td><script></td>
<td>定义脚本语言</td>
</tr>
<tr>
<td><base></td>
<td>定义页面所有链接的基础定位（用得很少）</td>
</tr>
</tbody>
</table>
<p></p>
<p><span style="color:#4da8ee;">3.html标签</span></p>
<p></p>
<h3 id="(%E4%B8%80)%E3%80%81%E6%AE%B5%E8%90%BD%E6%A0%87%E7%AD%BE">(一)、段落标签</h3>
<p><strong>(1)、段落与文字标签</strong></p>
<table>
<caption>
段落与文字标签
</caption>
<thead>
<tr>
<th>标签</th>
<th>语义</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td><h1>~<h6></td>
<td>header</td>
<td>标题</td>
</tr>
<tr>
<td><p></td>
<td>paragraph</td>
<td>段落</td>
</tr>
<tr>
<td><br></td>
<td>break</td>
<td>换行</td>
</tr>
<tr>
<td><hr></td>
<td>horizontal rule</td>
<td>水平线</td>
</tr>
<tr>
<td><div></td>
<td>division</td>
<td>分割（块元素）</td>
</tr>
<tr>
<td><span></td>
<td>span</td>
<td>区域（行内元素）</td>
</tr>
</tbody>
</table>
<p>代码：</p>
<p><a href="http://img.e-com-net.com/image/info8/e7649f8ae8e5468f85b896506348be62.png" target="_blank"><img alt="WEB前端HTML和CSS详解_第2张图片" height="159" src="http://img.e-com-net.com/image/info8/e7649f8ae8e5468f85b896506348be62.png" width="179" style="border:1px solid black;"></a><a href="http://img.e-com-net.com/image/info8/3b9991af3b3c4cee867d3cfe9f8bc798.jpg" target="_blank"><img alt="WEB前端HTML和CSS详解_第3张图片" height="270" src="http://img.e-com-net.com/image/info8/3b9991af3b3c4cee867d3cfe9f8bc798.jpg" width="183" style="border:1px solid black;"></a></p>
<p> 简介：<h1></h6>标题标签(双标签)</p>
<p>标题（H1-H6）标签是指网页html 中对文本标题所进行的着重强调的一种标签，以标签<h1>、<h2>、<h3>到<h6>依此显示重要性的递减，制作<h>标签的主要意义是告诉搜索引擎这个是一段文字的标题，起强调作用。</p>
<p></p>
<p><a href="http://img.e-com-net.com/image/info8/2c580f5a5f5a4d1fac7132ebc3639ac7.png" target="_blank"><img alt="" height="42" src="http://img.e-com-net.com/image/info8/2c580f5a5f5a4d1fac7132ebc3639ac7.png" width="132"></a><a href="http://img.e-com-net.com/image/info8/7f0b6b4943d646ba9510180313a9cc2b.png" target="_blank"><img alt="" height="60" src="http://img.e-com-net.com/image/info8/7f0b6b4943d646ba9510180313a9cc2b.png" width="84"></a></p>
<p>简介：<p></p>段落标签（双标签）</p>
<p>标签定义的段落文本与上下相邻文本均有一定的间距。</p>
<p></p>
<p><img alt="" height="26" src="http://img.e-com-net.com/image/info8/66c13037f2204c7e969e2589a84ee3cc.jpg" width="302"><a href="http://img.e-com-net.com/image/info8/57d8189406c24a78af02392ff426e221.png" target="_blank"><img alt="" height="37" src="http://img.e-com-net.com/image/info8/57d8189406c24a78af02392ff426e221.png" width="147"></a></p>
<p> 简介：<br>换行标签（单标签）</p>
<p>进行文字换行。</p>
<p></p>
<p>DIV与span的区别</p>
<p>(1)、HTML元素根据浏览器表现形式分为两类：①块元素；②行内元素；</p>
<p>(2)、块元素特点：</p>
<p>（1）独占一行，排斥其他元素跟其位于同一行，包括块元素和行内元素；<br> （2）块元素内部可以容纳其他块元素或行元素；<br> 常见块元素有：h1~h6、p、hr、div等。</p>
<p>(3)、行内元素特点：</p>
<p>（1）可以与其他行内元素位于同一行；<br> （2）行内内部可以容纳其他行内元素，但不可以容纳块元素，不然会出现无法预知的效果；<br> </p>
<p> </p>
<p></p>
<p><strong>(2)、文本格式化标签</strong></p>
<table>
<thead>
<tr>
<th>标签</th>
<th>语义</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong></td>
<td>strong（加强）</td>
<td>加粗</td>
</tr>
<tr>
<td><em></td>
<td>emphasized（强调）</td>
<td>斜体</td>
</tr>
<tr>
<td><cite></td>
<td>cite（引用）</td>
<td>斜体</td>
</tr>
<tr>
<td><sup></td>
<td>superscripted（上标）</td>
<td>上标</td>
</tr>
<tr>
<td><sub></td>
<td>subscripted（下标）</td>
<td>下标</td>
</tr>
</tbody>
</table>
<p></p>
<p>(3).Html3种列表</p>
<p>列表有3种：有序列表、无序列表和定义列表。</p>
<p>有序列表和无序列表都比较常用，而定义列表比较少用。在实际应用中，最常用的是无序列表，请大家重点掌握。</p>
<p>目录列表和菜单列表已经被废除，大家可以直接忽略这两种列表。</p>
<p><strong>(1)、有序列表</strong></p>
<table border="0">
<tbody>
<tr>
<td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> </td>
<td> <p><code><</code><code>ol</code><code>></code></p> <p><code> </code><code><</code><code>li</code><code>>有序列表项</</code><code>li</code><code>></code></p> <p><code> </code><code><</code><code>li</code><code>>有序列表项</</code><code>li</code><code>></code></p> <p><code> </code><code><</code><code>li</code><code>>有序列表项</</code><code>li</code><code>></code></p> <p><code></</code><code>ol</code><code>></code></p> </td>
</tr>
</tbody>
</table>
<p><a href="http://img.e-com-net.com/image/info8/501eba39efbb4c8da0e789df993f0040.png" target="_blank"><img alt="WEB前端HTML和CSS详解_第4张图片" height="125" src="http://img.e-com-net.com/image/info8/501eba39efbb4c8da0e789df993f0040.png" width="176" style="border:1px solid black;"></a><a href="http://img.e-com-net.com/image/info8/b39f17ad5a774e35bd4acca194ea1b50.png" target="_blank"><img alt="" height="98" src="http://img.e-com-net.com/image/info8/b39f17ad5a774e35bd4acca194ea1b50.png" width="131"></a></p>
<p></p>
<p></p>
<p><strong>(2)、无序列表</strong></p>
<p>无序列表是三个列表中最为重要的列表。</p>
<p>语法：</p>
<table border="0">
<tbody>
<tr>
<td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> </td>
<td> <p><code><</code><code>ul</code> <code>type</code><code>=</code><code>"列表项符号"</code><code>></code></p> <p><code> </code><code><</code><code>li</code><code>>无序列表项</</code><code>li</code><code>></code></p> <p><code> </code><code><</code><code>li</code><code>>无序列表项</</code><code>li</code><code>></code></p> <p><code> </code><code><</code><code>li</code><code>>无序列表项</</code><code>li</code><code>></code></p> <p><code></</code><code>ul</code><code>></code></p> </td>
</tr>
</tbody>
</table>
<p> <a href="http://img.e-com-net.com/image/info8/74e335a3c1954058b7a9b67df6232de9.png" target="_blank"><img alt="WEB前端HTML和CSS详解_第5张图片" height="124" src="http://img.e-com-net.com/image/info8/74e335a3c1954058b7a9b67df6232de9.png" width="189" style="border:1px solid black;"></a><a href="http://img.e-com-net.com/image/info8/0c7a08812e91473b91cd0dcbbc3df88b.png" target="_blank"><img alt="" height="101" src="http://img.e-com-net.com/image/info8/0c7a08812e91473b91cd0dcbbc3df88b.png" width="87"></a></p>
<p> </p>
<p></p>
<h2 id="5%E3%80%81%E8%A1%A8%E6%A0%BC"></h2>
<h3 id="(%E4%B8%80)%E3%80%81%E8%A1%A8%E6%A0%BC%E8%AF%AD%E4%B9%89%E8%AE%B0%E5%BF%86">4、表格</h3>
<h3>(1)、表格语义记忆</h3>
<p>通过语义化记忆表格标签：</p>
<table>
<caption>
表格基本标签
</caption>
<thead>
<tr>
<th>标签</th>
<th>语义</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>table</td>
<td>table（表格）</td>
<td>表格</td>
</tr>
<tr>
<td>tr</td>
<td>table row（表格行）</td>
<td>行</td>
</tr>
<tr>
<td>td</td>
<td>table data cell（表格单元格）</td>
<td>单元格</td>
</tr>
</tbody>
</table>
<p> 表格结构标签</p>
<table>
<thead>
<tr>
<th>标签</th>
<th>语义</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>thead</td>
<td>table head</td>
<td>表头</td>
</tr>
<tr>
<td>tbody</td>
<td>table body</td>
<td>表身</td>
</tr>
<tr>
<td>tfoot</td>
<td>table foot</td>
<td>表脚</td>
</tr>
<tr>
<td>th</td>
<td>table header</td>
<td>表头单元格</td>
</tr>
</tbody>
</table>
<p> 1. 表格的定义<br> <table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 <tr>、<th> 或 <td> 元素组成表格结构；其中： <tr> 元素定义表格行，<th> 元素定义表头，<td> 元素定义表格单元。<br> 为了让表格更美观，我们会用到：border，colspan，rowspan，align，bgcolor 等来美化表格，具体在本文都有讲解；<br> </p>
<h2>2. 表格的标签</h2>
<p>在HTML定义表格的时候，有以下标签供我们使用</p>
<p>NO 表格标签 用处<br> 1 <table> 定义表格，生成的表格在一对<table></table>中；<br> 2 <caption> 定义表格标题，当表格需要标题时，使用<caption>表格标题</caption><br> 3 <thead> 定义表格的页眉<br> 4 <tbody> 定义表格的主体<br> 5 <tfoot> 定义表格的页脚<br> 6 <th> 定义表格的表头，一般是表头中的内容会被加黑；<br> 7 <tr> 定义表格的行<br> 8 <td> 定义表格单元格<br> 9 <col> 定义用于表格列的属性<br> 10 <colgroup> 定义表格列的组</p>
<p></p>
<p>3. 单元格边框(border)<br> 表格边框：在使用<table border="1"></table> 的方式来定义，其中：数字表示边框的宽度，单位为像素；以下举三个边框的例子；</p>
<p><!--无边框--><br> <table><br> <tr><br> <th>编号</th><br> <th>姓名</th><br> <th>性别</th><br> </tr><br> <tr><br> <td>1</td><br> <td>马里奥</td><br> <td>男</td><br> </tr><br> <tr><br> <td>2</td><br> <td>桃花公主</td><br> <td>女</td><br> </tr></p>
<p></table></p>
<p><br><br> <!--边框宽度为2--><br> <table border="2"><br> <tr><br> <th> 编号 </th><br> <th>姓名</th><br> <th>性别</th><br> </tr><br> <tr><br> <td>1</td><br> <td>马里奥</td><br> <td>男</td><br> </tr><br> <tr><br> <td>2</td><br> <td>桃花公主</td><br> <td>女</td><br> </tr></p>
<p></table><br> <br></p>
<p><!--边框宽度为10--><br> <table border="10"><br> <tr><br> <th> 编号 </th><br> <th>姓名</th><br> <th>性别</th><br> </tr><br> <tr><br> <td>1</td><br> <td>马里奥</td><br> <td>男</td><br> </tr><br> <tr><br> <td>2</td><br> <td>桃花公主</td><br> <td>女</td><br> </tr></p>
<p></table><br> </p>
<p></p>
<p><a href="http://img.e-com-net.com/image/info8/5128b3978387441d8b3394673d8607a4.jpg" target="_blank"><img alt="WEB前端HTML和CSS详解_第6张图片" height="177" src="http://img.e-com-net.com/image/info8/5128b3978387441d8b3394673d8607a4.jpg" width="650" style="border:1px solid black;"></a></p>
<h2>4. 合并单元格</h2>
<p>合并单元格时，合并行使用：colspan=“2”； 合并列使用：rowspan=“2” （这里的 ‘2’ 表明合并两个单元格），举例如下：</p>
<h3>4.1 合并行单元格(colspan)</h3>
<p><a href="http://img.e-com-net.com/image/info8/b418300cb80c4e809a483c56f472c699.jpg" target="_blank"><img alt="WEB前端HTML和CSS详解_第7张图片" height="478" src="http://img.e-com-net.com/image/info8/b418300cb80c4e809a483c56f472c699.jpg" width="643" style="border:1px solid black;"></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p></p>
<p></p>
<p> </p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p><br> </p>
<p></p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1541972284976164864"></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">你可能感兴趣的:(前端)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1903794558131564544.htm"
title="vant官网-vant ui 首页-移动端Vue组件库" target="_blank">vant官网-vant ui 首页-移动端Vue组件库</a>
<span class="text-muted">embelfe_segge</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%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</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>
<div>Vant是有赞前端团队开源的移动端vue组件库，适用于手机端h5页面。鉴于百度搜索不到vant官方网址，分享一下vant组件库官网地址，方便新手使用vant官网地址https://vant-contrib.gitee.io/vant/#/zh-CN/通过npm安装在现有项目中使用Vant时，可以通过npm或yarn进行安装：#Vue2项目，安装Vant2：npmivant-S#Vue3项目，安装V</div>
</li>
<li><a href="/article/1903788508699488256.htm"
title="可视化埋点在React Native中的实践" target="_blank">可视化埋点在React Native中的实践</a>
<span class="text-muted">Shopee技术团队</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a>
<div>本文首发于微信公众号“Shopee技术团队”。1.背景笔者所在团队为Shopee的本地生活前端团队，用户可以在我们的平台购买优惠券，然后去线下门店使用。随着用户规模不断增加，研究用户行为数据可以更好地指导产品功能设计，提供更加优秀的用户体验。用户行为数据的研究首先涉及到如何采集，即我们常说的“埋点”。一直以来，我们项目中的埋点都采用代码埋点，每次新增埋点往往是一些重复性的工作，且需要重新发布代码才</div>
</li>
<li><a href="/article/1903788381238784000.htm"
title="去哪儿网 ReactNative 跨小程序多端方案介绍" target="_blank">去哪儿网 ReactNative 跨小程序多端方案介绍</a>
<span class="text-muted">去哪儿网技术沙龙</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%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><a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/native/1.htm">native</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
<div>1前言qrn-remax-unir是由去哪儿网前端技术团队实现的一套将RN适配到小程序端的跨端组件，通过该组件库可快速方便的将RN源代码直接运行到小程序端。方案参考了react-native-web的适配方案，使用remax框架来实现适配组件库并达到适配多小程序的目的。和react-native-web一样，它对RN源代码侵入度低，并且调试和替换组件相当方便。方案来自于社区，我们只是合理的应用用来</div>
</li>
<li><a href="/article/1903769711456350208.htm"
title=".net 4.0 webServices 的使用，从前端到后端，代码超全。" target="_blank">.net 4.0 webServices 的使用，从前端到后端，代码超全。</a>
<span class="text-muted">静静香甜</span>
<a class="tag" taget="_blank" href="/search/.net/1.htm">.net</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/c%23/1.htm">c#</a>
<div>1、创建webServices：创建之后会生成两个文件，分别是：SecurityWebService.asmx，SecurityWebService.asmx.csSecurityWebService.asmx代码：SecurityWebService.asmx.cs代码：usingNewtonsoft.Json;usingNewtonsoft.Json.Linq;usingSystem;usin</div>
</li>
<li><a href="/article/1903758738213367808.htm"
title="HTML+CSS案例展示(CSS3D效果旋转相册)" target="_blank">HTML+CSS案例展示(CSS3D效果旋转相册)</a>
<span class="text-muted">hacalili</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
<div>参考来源：黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili效果展示：总结：transform：translate(x,y)rotate(180deg)scale()...顺序对最后的效果有影响，需要根据需求安排位移和其他属性的顺序；实现暂停动画效果：animation-play-state:paused;经常和鼠标经过等其</div>
</li>
<li><a href="/article/1903740317962661888.htm"
title="前端请求全面解析：AJAX、Axios 与 Fetch 的使用详解与代码示例" target="_blank">前端请求全面解析：AJAX、Axios 与 Fetch 的使用详解与代码示例</a>
<span class="text-muted">jiajia651304</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>前端请求全面解析：AJAX、Axios与Fetch的使用详解与代码示例前端请求全面解析：AJAX、Axios与Fetch的使用详解与代码示例1.AJAX——传统的异步请求1.1基本用法示例1.2AJAX特点2.FetchAPI——现代化请求方案2.1基本用法示例2.2Fetch特点3.Axios——第三方HTTP请求库3.1安装Axios3.2基本用法示例3.3Axios特点4.总结前端请求全面解</div>
</li>
<li><a href="/article/1903734519983304704.htm"
title="编程内容简述！" target="_blank">编程内容简述！</a>
<span class="text-muted">恶霸不委屈</span>
<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/%E9%9D%92%E5%B0%91%E5%B9%B4%E7%BC%96%E7%A8%8B/1.htm">青少年编程</a><a class="tag" taget="_blank" href="/search/%E6%B1%87%E7%BC%96/1.htm">汇编</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>编程是指通过计算机语言来开发软件、程序和应用的过程，通常通过编写一系列的指令，来让计算机完成特定的任务。编程可以涉及多个领域和技术，以下是一些主要的编程内容：1.编程语言编程语言是程序员与计算机进行沟通的桥梁，不同的编程语言适用于不同的任务。常见的编程语言有：Python：简单易学，适用于数据分析、人工智能、网页开发等。JavaScript：网页开发中不可或缺的语言，用于动态网页和前端开发。Jav</div>
</li>
<li><a href="/article/1903721403350315008.htm"
title="Axios 和 跨域 这两个概念" target="_blank">Axios 和 跨域 这两个概念</a>
<span class="text-muted">PLJJ685</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%E7%9A%84%E4%BB%93%E5%BA%93%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/1.htm">前后端分离的仓库管理系统</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>1.Axios是什么？Axios是一个用于发送网络请求的工具，类似于浏览器自带的fetch，但更强大、更易用。在前端（Vue）中，我们通常用Axios来向后端（SpringBoot）请求数据。举个例子：假设你在一个仓储系统中，前端需要从后端获取商品库存信息。这时，前端就可以用Axios发送一个请求，比如：axios.get('/api/inventory').then(response=>{con</div>
</li>
<li><a href="/article/1903717486902177792.htm"
title="麦谷科技-前端面经" target="_blank">麦谷科技-前端面经</a>
<span class="text-muted">dancehole</span>
<a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>base：车联网，uniapp小程序。面试时间：2025-03月（应届）投递岗位：前端（转正实习）面试流程比较短，可能是因为经历不匹配或者第一题答的不好Tvt时间：上午约一面，下午约二面，隔一天（第三天）约hr面。整体流程还是很快的。HR面去公司线下参观了，整体地理环境也很nice。最后因为个人原因没有入职，也是相当可惜一面自我介绍&BG：两端实习，介绍了一下自己的工作。面试官表示不太感兴趣（问了</div>
</li>
<li><a href="/article/1903717355742097408.htm"
title="Vue3前端开发：组件化设计与状态管理" target="_blank">Vue3前端开发：组件化设计与状态管理</a>
<span class="text-muted">caihuayuan4</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a>
<div>Vue3前端开发：组件化设计与状态管理一、Vue3组件化设计组件基本概念与特点是一款流行的JavaScript框架，它支持组件化设计，这意味着我们可以将页面分解成多个独立的组件，每个组件负责一部分功能，通过组件的嵌套和复用，可以快速构建复杂的用户界面。组件化设计具有以下特点：组件示例组件选项在上面的代码示例中，我们通过Vue.component方法注册了一个名为my-component的组件，这是</div>
</li>
<li><a href="/article/1903702429405343744.htm"
title="使用 Sa-Token 完成踢人下线功能" target="_blank">使用 Sa-Token 完成踢人下线功能</a>
<span class="text-muted"></span>
<div>一、需求在企业级项目中，踢人下线是一个很常见的需求，如果要设计比较完善的话，至少需要以下功能点：可以根据用户userId踢出指定会话，对方再次访问系统会被提示：您已被踢下线，请重新登录。可以查询出一个账号共在几个设备端登录，并返回其对应的Token凭证，以便后续操作。可以只踢出一个账号某一个端的会话，其他端不受影响。例如在某电商APP上可以看到当前账号共在几个手机上登录，并注销指定端的会话，当前端</div>
</li>
<li><a href="/article/1903699821768798208.htm"
title="为什么后端路由需要携带 /api 作为前缀？前端如何设置基础路径 /api？" target="_blank">为什么后端路由需要携带 /api 作为前缀？前端如何设置基础路径 /api？</a>
<span class="text-muted">z2637305611</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>一、为什么后端路由需要携带/api作为前缀？1.区分API端点与其他路由在Web应用程序中，后端不仅需要处理API请求，还可能需要处理静态资源（如HTML、CSS、JS文件）或其他服务（如WebSocket）。通过为API路由添加/api前缀，可以清晰地将其与其他请求区分开来，避免路由冲突。例如：API请求：https://example.com/api/users静态资源请求：https://e</div>
</li>
<li><a href="/article/1903692383581696000.htm"
title="开源项目推荐：Mayfly-go" target="_blank">开源项目推荐：Mayfly-go</a>
<span class="text-muted">周风队</span>
<div>开源项目推荐：Mayfly-gomayfly-goweb版linux(终端文件脚本进程)、数据库(mysqlpgsql高斯达梦)、redis(单机哨兵集群)、mongo统一管理操作平台。项目地址:https://gitcode.com/gh_mirrors/ma/mayfly-goMayfly-go是一个基于浏览器的统一管理操作平台，它支持多种数据库和系统管理功能。该项目主要使用Go语言和前端框架</div>
</li>
<li><a href="/article/1903692004299173888.htm"
title="Flutter App开发，高效解决如何将用户登录手机号部分用星号代替在页面中展示" target="_blank">Flutter App开发，高效解决如何将用户登录手机号部分用星号代替在页面中展示</a>
<span class="text-muted">champion_ooO</span>
<a class="tag" taget="_blank" href="/search/Flutter/1.htm">Flutter</a><a class="tag" taget="_blank" href="/search/flutter/1.htm">flutter</a>
<div>在开发App时，一般都会遇到个人中心的页面，这个时候页面中要展示出来用户当前登录手机号码，但是数据库存的是正常的手机号，需要前端自己来将部分用星号('*')代替。第一步：定义一个变量存储手机号classPersonPageextendsStatefulWidget{constPersonPage({Key?key}):super(key:key);@overrideStatecreateState</div>
</li>
<li><a href="/article/1903633702395637760.htm"
title="前端开发：这就是终点吗？" target="_blank">前端开发：这就是终点吗？</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFjavascript/1.htm">前端javascript</a>
<div>ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读让我们重新回到2021年后远程办公风潮兴起的日子，那时候，程序员岗位炙手可热。机会遍地都是，你甚至只需参加少量培训，通过面试后便能轻松收获年薪超15万的工作，还有余暇拍摄一段《程序员的一天》上传网络。经过短短一年左右的培训，你便踏上了年薪六位数的职业道路——那时候，当程序员似乎是一个人人羡慕的理想职业。然而</div>
</li>
<li><a href="/article/1903628470756372480.htm"
title="SpringBoot接口防抖(防重复提交)，接口幂等性，轻松搞定" target="_blank">SpringBoot接口防抖(防重复提交)，接口幂等性，轻松搞定</a>
<span class="text-muted">web18285482512</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%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>啥是防抖？所谓防抖，一是防用户手抖，二是防网络抖动。在Web系统中，表单提交是一个非常常见的功能，如果不加控制，容易因为用户的误操作或网络延迟导致同一请求被发送多次，进而生成重复的数据记录。要针对用户的误操作，前端通常会实现按钮的loading状态，阻止用户进行多次点击。而对于网络波动造成的请求重发问题，仅靠前端是不行的。为此，后端也应实施相应的防抖逻辑，确保在网络波动的情况下不会接收并处理同一请</div>
</li>
<li><a href="/article/1903611950290497536.htm"
title="春招，作为普通IT实习生的我有哪些想法和准备？" target="_blank">春招，作为普通IT实习生的我有哪些想法和准备？</a>
<span class="text-muted">十八朵郁金香</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>想法&随记对即将毕业的大学生来说，秋招和春招是求职的好机会，也是一次尝试向社会进行"自我推销"的机会，体现自己的综合能力，是“意满签Offer”？还是“露出马脚，社死场面”？“准备-天时地利人和-行动”后，我们会有答案。话题回到自己，春招，我有哪些想法？去年，在学校举办校园秋招招聘之前，我已经通过线上投递+线下面试找到实习，在一家人数规模100~200的公司当前端实习生，到现在已有四个多月，没有经</div>
</li>
<li><a href="/article/1903609934151479296.htm"
title="[前端面试场景题]虚拟列表" target="_blank">[前端面试场景题]虚拟列表</a>
<span class="text-muted">GISer_Jinger</span>
<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>
<div>嗯，用户问的是“前端虚拟列表详解”，我需要详细回答这个问题。首先，我得先理解虚拟列表的概念和用途。根据搜索结果，虚拟列表主要用于优化长列表的渲染性能，特别是在处理大量数据时。用户可能想知道它的核心原理、实现方法以及实际应用场景。看网页1提到虚拟列表的定义和关键点，只渲染视口内的数据项，减少DOM节点。网页2和网页4都给出了具体的Vue和原生JS实现案例，比如动态计算起始和结束索引，使用transf</div>
</li>
<li><a href="/article/1903608290303078400.htm"
title="微信小程序的旅游服务助手 景点 酒店 旅游规划的设计与实现" target="_blank">微信小程序的旅游服务助手 景点 酒店 旅游规划的设计与实现</a>
<span class="text-muted">QQ1304979694</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
<div>文章目录具体实现截图本项目支持的技术语言研究思路、方法和步骤本系统开发思路主要软件与实现手段系统可行性分析源码获取详细视频演示：文章底部获取博主联系方式！！！！java类核心代码部分展示微信小程序技术现状源码获取/详细视频演示具体实现截图本项目支持的技术语言前端开发框架:vue.js+uniapp数据库mysql版本不限微信开发者工具/hbuiderx数据库工具：Navicat/SQLyog等都可</div>
</li>
<li><a href="/article/1903576109191065600.htm"
title="前端 | debounce 防抖 vs 节流（throttle）" target="_blank">前端 | debounce 防抖 vs 节流（throttle）</a>
<span class="text-muted">要加油哦～</span>
<a class="tag" taget="_blank" href="/search/vue%E9%A1%B9%E7%9B%AE/1.htm">vue项目</a><a class="tag" taget="_blank" href="/search/vue%E5%AD%A6%E4%B9%A0/1.htm">vue学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>重点知识点：-防抖，最后一次操作后等待执行，用于输入框、缩放等；-节流，每隔一定时间间隔执行，用于页面滚动、鼠标移动、频繁点击。debouncevsthrottle（节流）功能debounce（防抖）throttle（节流）触发时机最后一次操作结束后等待执行每隔一定时间间隔执行一次适用场景输入框、缩放等，操作停止后才执行页面滚动、鼠标移动、频繁点击等目录debouncevsthrottle（节流）</div>
</li>
<li><a href="/article/1903544435199766528.htm"
title="学习记录之游标翻页实现" target="_blank">学习记录之游标翻页实现</a>
<span class="text-muted">sjsjsbbsbsn</span>
<a class="tag" taget="_blank" href="/search/Java%E5%AD%A6%E4%B9%A0%E4%B9%8B%E8%B7%AF/1.htm">Java学习之路</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98%E6%8A%80%E5%B7%A7/1.htm">项目实战技巧</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
<div>游标翻页本方案参考mallchat实现一.深翻页问题普通翻页前端一般会有个分页条。能够指定一页的条数，以及任意选择查看第几页,假设我们想查询第11页的内容传递过来的参数为:pageNo=11，pageSize=10对应的sql查询为:select*fromtablelimit100,10其中100代表需要跳过的条数，10代表跳过指定条数后，往后需要再取的条数。假设翻页到1w条,那我们要先扫描到这1</div>
</li>
<li><a href="/article/1903538623685390336.htm"
title="Python, C ++开发工厂管理APP" target="_blank">Python, C ++开发工厂管理APP</a>
<span class="text-muted">Geeker-2025</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a>
<div>开发一款通用的**工厂管理App**，结合Python和C++的优势，可以实现高效的后端数据处理、实时的生产监控以及用户友好的前端界面。以下是一个详细的开发方案，涵盖技术选型、功能模块、开发步骤等内容。##技术选型###后端（Python）-**编程语言**：Python-**Web框架**：Django或Flask-**数据库**：PostgreSQL或MySQL-**实时通信**：WebSoc</div>
</li>
<li><a href="/article/1903536859359801344.htm"
title="CEF 控制台添加一函数，枚举 注册的供前端使用的CPP交互函数有哪些" target="_blank">CEF 控制台添加一函数，枚举 注册的供前端使用的CPP交互函数有哪些</a>
<span class="text-muted">清水迎朝阳</span>
<a class="tag" taget="_blank" href="/search/CEF%E5%BA%94%E7%94%A8/1.htm">CEF应用</a><a class="tag" taget="_blank" href="/search/CEF/1.htm">CEF</a><a class="tag" taget="_blank" href="/search/%E4%BA%A4%E4%BA%92/1.htm">交互</a><a class="tag" taget="_blank" href="/search/%E6%B3%A8%E5%85%A5%E5%87%BD%E6%95%B0/1.htm">注入函数</a><a class="tag" taget="_blank" href="/search/%E6%B3%A8%E5%86%8C/1.htm">注册</a><a class="tag" taget="_blank" href="/search/CPP/1.htm">CPP</a>
<div>一、前序知识1、设置单进程模式，方便调试voidClientApp::OnBeforeCommandLineProcessing(constCefString&process_type,CefRefPtrcommand_line){if(process_type.empty()){//cef在debug模式下有问题#ifdef_DEBUGcommand_line->AppendSwitchWith</div>
</li>
<li><a href="/article/1903503700064792576.htm"
title="「Kubernetes Objects」- Service（学习笔记） @20210227" target="_blank">「Kubernetes Objects」- Service（学习笔记） @20210227</a>
<span class="text-muted">k4nzdroid</span>
<div>Service，服务，用于暴露Pod以供访问。官方文档及手册KubernetesAPIv1.18/Servicev1coreService?Pod会被创建，并且还会消失，这由ReplicaSets控制。每个Pod都有自己的IP地址，但是这些IP地址不能视为可靠的。那么，如果前端的一部分Pod依赖于后端的Pod，那前端的这些Pod如何找出并追踪后端的Pod？ServiceService是一个抽象，定</div>
</li>
<li><a href="/article/1903502060016431104.htm"
title="JavaScript基础-API 和 Web API" target="_blank">JavaScript基础-API 和 Web API</a>
<span class="text-muted">難釋懷</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>在现代Web开发中，API（应用程序接口）是连接不同软件组件或系统之间的桥梁。对于前端开发者来说，JavaScript与WebAPI的结合使用尤为重要，它使得我们可以访问浏览器提供的各种功能和服务，从而构建出交互性更强、用户体验更好的网页应用。本文将介绍API的基本概念，重点探讨WebAPI及其在JavaScript中的应用。一、什么是API？API全称为“ApplicationProgrammi</div>
</li>
<li><a href="/article/1903458696281780224.htm"
title=".gitlab-ci.yml 配置文件详解" target="_blank">.gitlab-ci.yml 配置文件详解</a>
<span class="text-muted">程序媛夏天</span>
<a class="tag" taget="_blank" href="/search/Git/1.htm">Git</a><a class="tag" taget="_blank" href="/search/gitlab/1.htm">gitlab</a><a class="tag" taget="_blank" href="/search/ci%2Fcd/1.htm">ci/cd</a><a class="tag" taget="_blank" href="/search/.gitlab-ci.yml/1.htm">.gitlab-ci.yml</a>
<div>个人主页：不爱吃糖的程序媛♂️作者简介：前端领域新星创作者、CSDN内容合伙人，专注于前端各领域技术，成长的路上共同学习共同进步，一起加油呀！✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号“不爱吃糖的程序媛”领取git工具文档说明：https://docs.gitlab.com/ee/ci/yaml/gitlab_ci_yaml.ht</div>
</li>
<li><a href="/article/1903422774580408320.htm"
title="前端如何实现一个五星评价，鼠标滑动，前边星星颜色的变黄，后边的不变；" target="_blank">前端如何实现一个五星评价，鼠标滑动，前边星星颜色的变黄，后边的不变；</a>
<span class="text-muted">修心光</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>直接上代码.star-rating{display:flex;padding:10px0;}.star{position:relative;width:40px;height:40px;}.half{position:absolute;top:0;width:20px;height:40px;overflow:hidden;font-size:40px;color:#e0e0e0;cursor:p</div>
</li>
<li><a href="/article/1903415088333778944.htm"
title="前端如何实现鼠标移上这个元素，另外一个元素变色" target="_blank">前端如何实现鼠标移上这个元素，另外一个元素变色</a>
<span class="text-muted">=^_^=银爪</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>1、使用CSS选择器和伪类来实现这个效果具体步骤如下：获取要修改样式的元素使用CSS选择器选中要操作的元素，并使用伪类“:hover”来指定当鼠标悬停在该元素上时应用的样式指定要应用的样式例如，如果您有一个元素ID为“target”，需要将其颜色更改为红色，当鼠标移到ID为“trigger”的元素上时，可以使用以下代码：#trigger:hover#target{color:red;}这段代码指定</div>
</li>
<li><a href="/article/1903394269893292032.htm"
title="推荐开源项目：FastAPI Best Architecture — 极致的后端架构设计" target="_blank">推荐开源项目：FastAPI Best Architecture — 极致的后端架构设计</a>
<span class="text-muted">蓬玮剑</span>
<div>推荐开源项目：FastAPIBestArchitecture—极致的后端架构设计项目地址:https://gitcode.com/gh_mirrors/fa/fastapi_best_architecture项目简介在寻找一款基于FastAPI构建的强大且灵活的后端解决方案吗？那么，你已经找到了——FastAPIBestArchitecture。这是一个遵循前端与后端分离原则的中间件层解决方案，采</div>
</li>
<li><a href="/article/1903389604430540800.htm"
title="在 Spring Boot 结合 MyBatis 的项目中，实现字段脱敏（如手机号、身份证号、银行卡号等敏感信息的部分隐藏）可以通过以下方案实现" target="_blank">在 Spring Boot 结合 MyBatis 的项目中，实现字段脱敏（如手机号、身份证号、银行卡号等敏感信息的部分隐藏）可以通过以下方案实现</a>
<span class="text-muted">冷冷清清中的风风火火</span>
<a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/springboot/1.htm">springboot</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>在SpringBoot结合MyBatis的项目中，实现字段脱敏（如手机号、身份证号、银行卡号等敏感信息的部分隐藏）可以通过以下方案实现。以下是分步说明和完整代码示例：一、实现方案选择1.方案一：自定义注解+Jackson序列化脱敏适用场景：数据返回给前端时动态脱敏，数据库存储原始数据。优点：无侵入性，通过注解灵活控制脱敏字段，与业务逻辑解耦。核心实现：利用Jackson的JsonSerialize</div>
</li>
<li><a href="/article/127.htm"
title="用MiddleGenIDE工具生成hibernate的POJO（根据数据表生成POJO类）" target="_blank">用MiddleGenIDE工具生成hibernate的POJO（根据数据表生成POJO类）</a>
<span class="text-muted">AdyZhang</span>
<a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a><a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/MiddleGenIDE/1.htm">MiddleGenIDE</a>
<div>推荐:MiddlegenIDE插件, 是一个Eclipse 插件. 用它可以直接连接到数据库, 根据表按照一定的HIBERNATE规则作出BEAN和对应的XML ，用完后你可以手动删除它加载的JAR包和XML文件! 今天开始试着使用</div>
</li>
<li><a href="/article/254.htm"
title=".9.png" target="_blank">.9.png</a>
<span class="text-muted">Cb123456</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div> “点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png
智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。
我们都知道android平台有多种不同的分辨率，很多控件的切图文件在被放大拉伸后，边</div>
</li>
<li><a href="/article/381.htm"
title="算法的效率" target="_blank">算法的效率</a>
<span class="text-muted">天子之骄</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95%E6%95%88%E7%8E%87/1.htm">算法效率</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E6%9D%82%E5%BA%A6/1.htm">复杂度</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%9D%8F%E6%83%85%E5%86%B5%E8%BF%90%E8%A1%8C%E6%97%B6%E9%97%B4/1.htm">最坏情况运行时间</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7O%E9%98%B6/1.htm">大O阶</a><a class="tag" taget="_blank" href="/search/%E5%B9%B3%E5%9D%87%E6%83%85%E5%86%B5%E8%BF%90%E8%A1%8C%E6%97%B6%E9%97%B4/1.htm">平均情况运行时间</a>
<div>算法的效率
效率是速度和空间消耗的度量。集中考虑程序的速度，也称运行时间或执行时间，用复杂度的阶(O)这一标准来衡量。空间的消耗或需求也可以用大O表示，而且它总是小于或等于时间需求。
以下是我的学习笔记：
1.求值与霍纳法则，即为秦九韶公式。
2.测定运行时间的最可靠方法是计数对运行时间有贡献的基本操作的执行次数。运行时间与这个计数成正比。 </div>
</li>
<li><a href="/article/508.htm"
title="java数据结构" target="_blank">java数据结构</a>
<span class="text-muted">何必如此</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
<div>Java 数据结构
Java工具包提供了强大的数据结构。在Java中的数据结构主要包括以下几种接口和类：
枚举（Enumeration）
位集合（BitSet）
向量（Vector）
栈（Stack）
字典（Dictionary）
哈希表（Hashtable）
属性（Properties）
以上这些类是传统遗留的，在Java2中引入了一种新的框架-集合框架(Collect</div>
</li>
<li><a href="/article/635.htm"
title="MybatisHelloWorld" target="_blank">MybatisHelloWorld</a>
<span class="text-muted">3213213333332132</span>
<div>
//测试入口TestMyBatis
package com.base.helloworld.test;
import java.io.IOException;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibat</div>
</li>
<li><a href="/article/762.htm"
title="Java|urlrewrite|URL重写|多个参数" target="_blank">Java|urlrewrite|URL重写|多个参数</a>
<span class="text-muted">7454103</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
<div> 个人工作经验！ 如有不当之处，敬请指点
1.0 web -info 目录下建立 urlrewrite.xml 文件 类似如下：
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE u</div>
</li>
<li><a href="/article/889.htm"
title="达梦数据库+ibatis" target="_blank">达梦数据库+ibatis</a>
<span class="text-muted">darkranger</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a>
<div>--插入数据方面
如果您需要数据库自增...
那么在插入的时候不需要指定自增列.
如果想自己指定ID列的值, 那么要设置
set identity_insert 数据库名.模式名.表名;
----然后插入数据;
example:
create table zhabei.test(
id bigint identity(1,1) primary key,
nam</div>
</li>
<li><a href="/article/1016.htm"
title="XML 解析 四种方式" target="_blank">XML 解析 四种方式</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>XML现在已经成为一种通用的数据交换格式,平台的无关性使得很多场合都需要用到XML。本文将详细介绍用Java解析XML的四种方法。
XML现在已经成为一种通用的数据交换格式,它的平台无关性,语言无关性,系统无关性,给数据集成与交互带来了极大的方便。对于XML本身的语法知识与技术细节,需要阅读相关的技术文献,这里面包括的内容有DOM(Document Object </div>
</li>
<li><a href="/article/1143.htm"
title="spring中配置文件占位符的使用" target="_blank">spring中配置文件占位符的使用</a>
<span class="text-muted">avords</span>
<div>1.类
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.o</div>
</li>
<li><a href="/article/1270.htm"
title="前端工程化-公共模块的依赖和常用的工作流" target="_blank">前端工程化-公共模块的依赖和常用的工作流</a>
<span class="text-muted">bee1314</span>
<a class="tag" taget="_blank" href="/search/webpack/1.htm">webpack</a>
<div>题记： 一个人的项目，还有工程化的问题嘛？ 我们在推进模块化和组件化的过程中，肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理？另外怎么依赖也是个问题？ 你真的想这样嘛？ var BreadCrumb = require(‘../../../../uikit/breadcrumb’); //真心ugly。 </div>
</li>
<li><a href="/article/1397.htm"
title="上司说「看你每天准时下班就知道你工作量不饱和」，该如何回应？" target="_blank">上司说「看你每天准时下班就知道你工作量不饱和」，该如何回应？</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a><a class="tag" taget="_blank" href="/search/%E6%B2%9F%E9%80%9A/1.htm">沟通</a><a class="tag" taget="_blank" href="/search/IT%E8%81%8C%E4%B8%9A%E8%A7%84%E5%88%92/1.htm">IT职业规划</a>
<div>问题：上司说「看你每天准时下班就知道你工作量不饱和」，如何回应
正常下班时间6点，只要是6点半前下班的，上司都认为没有加班。
Eno-Bea回答，注重感受，不一定是别人的
虽然我不知道你具体从事什么工作与职业，但是我大概猜测，你是从事一项不太容易出现阶段性成果的工作</div>
</li>
<li><a href="/article/1524.htm"
title="TortoiseSVN，过滤文件" target="_blank">TortoiseSVN，过滤文件</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a>
<div>环境：
TortoiseSVN 1.8
配置：
在文件夹空白处右键
选择 TortoiseSVN -> Settings
在 Global ignote pattern 中添加要过滤的文件：
多类型用英文空格分开
*name ： 过滤所有名称为 name 的文件或文件夹
*.name ： 过滤所有后缀为 name 的文件或文件夹
--------</div>
</li>
<li><a href="/article/1651.htm"
title="【Flume二】HDFS sink细说" target="_blank">【Flume二】HDFS sink细说</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Flume/1.htm">Flume</a>
<div>1. Flume配置
a1.sources=r1
a1.channels=c1
a1.sinks=k1
###Flume负责启动44444端口
a1.sources.r1.type=avro
a1.sources.r1.bind=0.0.0.0
a1.sources.r1.port=44444
a1.sources.r1.chan</div>
</li>
<li><a href="/article/1778.htm"
title="The Eight Myths of Erlang Performance" target="_blank">The Eight Myths of Erlang Performance</a>
<span class="text-muted">bookjovi</span>
<a class="tag" taget="_blank" href="/search/erlang/1.htm">erlang</a>
<div>erlang有一篇guide很有意思： http://www.erlang.org/doc/efficiency_guide
里面有个The Eight Myths of Erlang Performance： http://www.erlang.org/doc/efficiency_guide/myths.html
Myth: Funs are sl</div>
</li>
<li><a href="/article/1905.htm"
title="java多线程网络传输文件(非同步)-2008-08-17" target="_blank">java多线程网络传输文件(非同步)-2008-08-17</a>
<span class="text-muted">ljy325</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a>
<div>利用 Socket 套接字进行面向连接通信的编程。客户端读取本地文件并发送；服务器接收文件并保存到本地文件系统中。
使用说明:请将TransferClient, TransferServer, TempFile三个类编译，他们的类包是FileServer.
客户端:
修改TransferClient: serPort, serIP, filePath, blockNum,的值来符合您机器的系</div>
</li>
<li><a href="/article/2032.htm"
title="读《研磨设计模式》-代码笔记-模板方法模式" target="_blank">读《研磨设计模式》-代码笔记-模板方法模式</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;</div>
</li>
<li><a href="/article/2159.htm"
title="配置心得" target="_blank">配置心得</a>
<span class="text-muted">chenyu19891124</span>
<a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE/1.htm">配置</a>
<div>时间就这样不知不觉的走过了一个春夏秋冬，转眼间来公司已经一年了，感觉时间过的很快，时间老人总是这样不停走，从来没停歇过。
作为一名新手的配置管理员，刚开始真的是对配置管理是一点不懂，就只听说咱们公司配置主要是负责升级，而具体该怎么做却一点都不了解。经过老员工的一点点讲解，慢慢的对配置有了初步了解，对自己所在的岗位也慢慢的了解。
做了一年的配置管理给自总结下：
1.改变
从一个以前对配置毫无</div>
</li>
<li><a href="/article/2286.htm"
title="对“带条件选择的并行汇聚路由问题”的再思考" target="_blank">对“带条件选择的并行汇聚路由问题”的再思考</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a><a class="tag" taget="_blank" href="/search/%E9%A2%86%E5%9F%9F%E6%A8%A1%E5%9E%8B/1.htm">领域模型</a>
<div>2008年上半年，我在设计并开发基于”JWFD流程系统“的商业化改进型引擎的时候，由于采用了新的嵌入式公式模块而导致出现“带条件选择的并行汇聚路由问题”(请参考2009-02-27博文)，当时对这个问题的解决办法是采用基于拓扑结构的处理思想，对汇聚点的实际前驱分支节点通过算法预测出来，然后进行处理，简单的说就是找到造成这个汇聚模型的分支起点，对这个起始分支节点实际走的路径数进行计算，然后把这个实际</div>
</li>
<li><a href="/article/2413.htm"
title="Oracle 10g 的clusterware 32位 下载地址" target="_blank">Oracle 10g 的clusterware 32位 下载地址</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>Oracle 10g 的clusterware 32位 下载地址
http://pan.baidu.com/share/link?shareid=531580&uk=421021908
http://pan.baidu.com/share/link?shareid=137223&uk=321552738
http://pan.baidu.com/share/l</div>
</li>
<li><a href="/article/2540.htm"
title="非常好的介绍：Linux定时执行工具cron" target="_blank">非常好的介绍：Linux定时执行工具cron</a>
<span class="text-muted">dongwei_6688</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>Linux经过十多年的发展，很多用户都很了解Linux了，这里介绍一下Linux下cron的理解，和大家讨论讨论。cron是一个Linux 定时执行工具，可以在无需人工干预的情况下运行作业，本文档不讲cron实现原理，主要讲一下Linux定时执行工具cron的具体使用及简单介绍。
新增调度任务推荐使用crontab -e命令添加自定义的任务（编辑的是/var/spool/cron下对应用户的cr</div>
</li>
<li><a href="/article/2667.htm"
title="Yii assets目录生成及修改" target="_blank">Yii assets目录生成及修改</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a>
<div>assets的作用是方便模块化，插件化的，一般来说出于安全原因不允许通过url访问protected下面的文件，但是我们又希望将module单独出来，所以需要使用发布，即将一个目录下的文件复制一份到assets下面方便通过url访问。
assets设置对应的方法位置 \framework\web\CAssetManager.php
assets配置方法 在m</div>
</li>
<li><a href="/article/2794.htm"
title="mac工作软件推荐" target="_blank">mac工作软件推荐</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a>
<div>mac上的Terminal + bash ＋ screen组合现在已经非常好用了，但是还是经不起iterm＋zsh＋tmux的冲击。在同事的强烈推荐下，趁着升级mac系统的机会，顺便也切换到iterm＋zsh＋tmux的环境下了。
我为什么要要iterm2
切换过来也是脑袋一热的冲动，我也调查过一些资料，看了下iterm的一些优点：
* 兼容性好，远程服务器 vi 什么的低版本能很好兼</div>
</li>
<li><a href="/article/2921.htm"
title="Memcached(三)、封装Memcached和Ehcache" target="_blank">Memcached(三)、封装Memcached和Ehcache</a>
<span class="text-muted">frank1234</span>
<a class="tag" taget="_blank" href="/search/memcached/1.htm">memcached</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/spring+ioc/1.htm">spring ioc</a>
<div>本文对Ehcache和Memcached进行了简单的封装，这样对于客户端程序无需了解ehcache和memcached的差异，仅需要配置缓存的Provider类就可以在二者之间进行切换，Provider实现类通过Spring IoC注入。
cache.xml
<?xml version="1.0" encoding="UTF-8"?>
</div>
</li>
<li><a href="/article/3048.htm"
title="Remove Duplicates from Sorted List II" target="_blank">Remove Duplicates from Sorted List II</a>
<span class="text-muted">hcx2013</span>
<a class="tag" taget="_blank" href="/search/remove/1.htm">remove</a>
<div>Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numbers from the original list.
For example,Given 1->2->3->3->4->4->5,</div>
</li>
<li><a href="/article/3175.htm"
title="Spring4新特性——注解、脚本、任务、MVC等其他特性改进" target="_blank">Spring4新特性——注解、脚本、任务、MVC等其他特性改进</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring4/1.htm">spring4</a>
<div>Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新</div>
</li>
<li><a href="/article/3302.htm"
title="MySQL安装文档" target="_blank">MySQL安装文档</a>
<span class="text-muted">liyong0802</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div> 工作中用到的MySQL可能安装在两种操作系统中，即Windows系统和Linux系统。以Linux系统中情况居多。
安装在Windows系统时与其它Windows应用程序相同按照安装向导一直下一步就即，这里就不具体介绍，本文档只介绍Linux系统下MySQL的安装步骤。
Linux系统下安装MySQL分为三种：RPM包安装、二进制包安装和源码包安装。二</div>
</li>
<li><a href="/article/3429.htm"
title="使用VS2010构建HotSpot工程" target="_blank">使用VS2010构建HotSpot工程</a>
<span class="text-muted">p2p2500</span>
<a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/OpenJDK/1.htm">OpenJDK</a><a class="tag" taget="_blank" href="/search/VS2010/1.htm">VS2010</a>
<div>1. 下载OpenJDK7的源码：
http://download.java.net/openjdk/jdk7
http://download.java.net/openjdk/
2. 环境配置
▶</div>
</li>
<li><a href="/article/3556.htm"
title="Oracle实用功能之分组后列合并" target="_blank">Oracle实用功能之分组后列合并</a>
<span class="text-muted">seandeng888</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%BB%84/1.htm">分组</a><a class="tag" taget="_blank" href="/search/%E5%AE%9E%E7%94%A8%E5%8A%9F%E8%83%BD/1.htm">实用功能</a><a class="tag" taget="_blank" href="/search/%E5%90%88%E5%B9%B6/1.htm">合并</a>
<div>1 实例解析
由于业务需求需要对表中的数据进行分组后进行合并的处理，鉴于Oracle10g没有现成的函数实现该功能，且该功能如若用JAVA代码实现会比较复杂，因此，特将SQL语言的实现方式分享出来，希望对大家有所帮助。如下：
表test 数据如下：
ID,SUBJECTCODE,DIMCODE,VALUE
1&nbs</div>
</li>
<li><a href="/article/3683.htm"
title="Java定时任务注解方式实现" target="_blank">Java定时任务注解方式实现</a>
<span class="text-muted">tuoni</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/jni/1.htm">jni</a>
<div>Spring 注解的定时任务，有如下两种方式：
第一种：
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http</div>
</li>
<li><a href="/article/3810.htm"
title="11大Java开源中文分词器的使用方法和分词效果对比" target="_blank">11大Java开源中文分词器的使用方法和分词效果对比</a>
<span class="text-muted">yangshangchuan</span>
<a class="tag" taget="_blank" href="/search/word%E5%88%86%E8%AF%8D%E5%99%A8/1.htm">word分词器</a><a class="tag" taget="_blank" href="/search/ansj%E5%88%86%E8%AF%8D%E5%99%A8/1.htm">ansj分词器</a><a class="tag" taget="_blank" href="/search/Stanford%E5%88%86%E8%AF%8D%E5%99%A8/1.htm">Stanford分词器</a><a class="tag" taget="_blank" href="/search/FudanNLP%E5%88%86%E8%AF%8D%E5%99%A8/1.htm">FudanNLP分词器</a><a class="tag" taget="_blank" href="/search/HanLP%E5%88%86%E8%AF%8D%E5%99%A8/1.htm">HanLP分词器</a>
<div>本文的目标有两个：
1、学会使用11大Java开源中文分词器
2、对比分析11大Java开源中文分词器的分词效果
本文给出了11大Java开源中文分词的使用方法以及分词结果对比代码，至于效果哪个好，那要用的人结合自己的应用场景自己来判断。
11大Java开源中文分词器，不同的分词器有不同的用法，定义的接口也不一样，我们先定义一个统一的接口：
/**
* 获取文本的所有分词结果, 对比</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> |
