1.前端
广义：前端是软件系统中直接和用户交互的部分。
狭义：目前国内的前端总体而言是完成基于浏览器用户界面设计和开发,主要工作有PC网站开发，移动端网站开发，webapp开发，在线游戏开发，本地软件开发。
前端组成主要包括三大部分：HTML, CSS, JavaScript。
其中HTML是网页内容的展示，比如：文字，图片，视频，音频等；
CSS是网页内容的装饰：比如，让文字的大小和字体更漂亮，设置图片和视频的位置等；
JavaScript是网页内容的交互：比如让视频可以点击暂停、快进，图片随用户点击发送变化，用户修改网页文字内容，登录，注册等。
2.HTML及其基本标签
2.1HTML
HTML是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言（标记标签），总的来说，HTML使用标记标签来描述网页，如下：
1 这是一个标题
2 这是一个段落
3 这是一个超链接
html就是通过这些一系列的标签来描述页面，构成页面的主体部分。
2.2HTML基本标签
什么是标签？
标签是由：小于号+中间字符+大于号组成的代码（注:代码的所有字符都由英文字符组成），作用是给用户展示特定内容或是告诉浏览器与搜索引擎关于网页的部分信息。
例如
2.2.1网页基本标签
1.注释标签：专业术语为 ，用来将这一行代码的作用，含义，意图等信息写在这四个减号中间，让程序员后期能够看懂之前写的内容，快捷键 Crtl+/
2.DOCTYPE标签：格式为，此标签称为DTD，是文档类型定义（Document Type Definition），此标签不属于网页的内容，它是一条指令，告诉浏览器编写页面所用的标记的版本。现此标签一般直接用于为HTML5的文档类型定义文件
3.html标签：格式为 ，此标签用于存放网页上的所有内容，无论是给用户看的还是用来与浏览器或是搜索引擎通讯的信息，统一存放在html的开始标签和结束标签之间，其中lang是language的缩写，代表该网页属于哪一个国家或是地区的网页，常用lang包括
en-US/en 英语(美国) zh-CN 中文（简体，中国大陆）
zh-SG 中文（简体，新加坡）
zh-HL 中文（简体，香港） zh-MO 中文（简体，澳门）
zh-TW 中文（简体，台湾）
4.head标签：网络上需要在浏览器上显示出来的信息，
5.title标签：存放网页的名字，方便用户在搜索引擎中通过搜索网页的名字找到相应的网站，网页的名字会在浏览器的标签页上显示用以标注当前打开的网页属于哪个企业。 网页的名字
</p>
<p>6.meta标签：meta标签被称为元数据，作用是专门告诉浏览器或是搜索引擎关于网页的一些基本数据。其中</p>
<p>charset：char(字符的意思)+set(集合的意思)=字符集合=简称为“字符集”，作用是告诉浏览器我们的网页上文字的编码格式，不同的编码格式包含的文字内容不一样。如果浏览器不知道网页文件的字符集的话，那么网页文件的内容就会变成乱码。</p>
<p>展示中文的字符集种类：</p>
<p><strong>gb2312</strong>(gb是国标的汉语拼音的缩写，指的是国家标准的意思) ，包含6763个汉字</p>
<p><strong>gbk</strong>（国家标准扩展），包含21886个汉字</p>
<p><strong>gb18030</strong>，包含70244个汉字</p>
<p><strong>utf-8，包含全世界200多个国家和地区的语言文字</strong> （一般直接用这种）</p>
<p>Keywords：为搜索引擎提供参考，网页内容所包含的核心搜索关键词。</p>
<p>网页的关键字信息作用是：作为网页名字的补充，描述网站主要从事的业务领域，方便用户可以在搜索引擎搜索更多的词语情况下，扩大用户找到我们网站的可能性。</p>
<p>Description：为搜索引擎提供参考，网页的描述信息被搜索引擎采纳后，作为搜索结果中的页面摘要显示。</p>
<p>7.body标签： </p>
<p>body标签内部存放用户能够看到的所有内容，包含文字，图片，视频，音频等。</p>
<h4>2.2.2HTML标签分类</h4>
<p>html标签可分为双标签和单标签。</p>
<p><标签名>内容</标签名> 双标签，开始标签和结束标签成双出现。</p>
<p><标签名> 单标签，只有开始标签。</p>
<p>“/”：网页上如果某个标签的小于号后面有此符号的即为结束标签，没有此符号的则为开始标签。</p>
<h4>2.2.3HTML标签关系</h4>
<p>html标签关系有嵌套关系和并列关系两种。</p>
<p>如果两个标签之间的关系是嵌套关系，子元素最好缩进一个tab键的身位。</p>
<p>如果是并列关系，最好上下对齐。</p>
<h4>2.2.4常用标签</h4>
<p>1.标题标签</p>
<p>网页中间有部分内容重要程度明显高于其他区域：比如网页标题，网页logo，新闻标题等，这些重要区域就使用h系列的标签来划分。h系列标签重要度按以下顺序：h1>h2>h3>h4>h5>h6。</p>
<p>2.段落标签</p>
<p>p标签的作用就是在网页内容中间划分出一个专门存放大段文字的区域。</p>
<p></p>
<p>3.水平线标签,换行标签</p>
<pre><code><hr> <br>
</code></pre>
<p>4.div标签</p>
<pre><code><div></div> <!--在网页内容中间划分出一个矩形区域用来存放内容-->
</code></pre>
<p>div标签的作用就在网页内容中间划分出若干个矩形区域，用以存放不一样的内容.</p>
<p>5.span标签</p>
<pre><code><span></span> <!--在网页内容中间划分出一个矩形区域用来存放内容-->
</code></pre>
<p>span标签的作用就是在网页内容的大段文字中间标注一行或是数行文字，并给这些文字设置一些不一样的展示效果，比如：下划线，颜色。</p>
<p>6.引用标签</p>
<pre><code><blockquote></blockquote>
</code></pre>
<p>blockquote标签的作用就是：在网页内容中间划分展示大段<strong>引用</strong>自古典，古籍或是名人名言的区域。</p>
<p>7.文本格式化标签</p>
<pre><code><!-- 文本格式化标签：都可以同行显示 -->
<!-- 加粗 -->
<strong>金屋妆成娇侍夜</strong><br>
<b>玉楼宴罢醉和春</b><br>
<!-- 斜体 -->
<em>姊妹弟兄皆烈士</em><br>
<i>可怜光彩生门户</i><br>
<!-- 删除线 -->
<del>遂令天下父母心</del><br>
<s>不重生男重生女</s><br>
<!-- 下划线 -->
<ins>骊宫高处入青云</ins><br>
<u>仙乐风飘处处闻</u><br>
</code></pre>
<pre><code><!-- 加粗 -->
<strong>金屋妆成娇侍夜</strong><br>
<b>玉楼宴罢醉和春</b><br>
<!-- 斜体 -->
<em>姊妹弟兄皆烈士</em><br>
<i>可怜光彩生门户</i><br>
<!-- 删除线 -->
<del>遂令天下父母心</del><br>
<s>不重生男重生女</s><br>
<!-- 下划线 -->
<ins>骊宫高处入青云</ins><br>
<u>仙乐风飘处处闻</u><br>
</code></pre>
<p><em></em>标签的效果与strong类似，区别在于em标签包裹的文字重要性比strong标签低，<strong>但是</strong>em标签内的文字会产生倾斜效果。<i></i>标签的效果则是包裹一段文字，使被包裹的文字产生倾斜效果，<strong>但是</strong>被包裹文字的重要性不会有什么变化。</p>
<p>strong,em,del,ins比对应的b,i,s,u效果要强。</p>
<p>8.图片展示标签</p>
<p><strong><!</strong>– 图片展示标签 --><br> <strong><!</strong>– src：图片路径 --><br> <!<strong>– alt：图片不能显示时的替换文本 --><br> <strong><!</strong>– title：鼠标悬停时显示的内容 --></strong><br> <strong><!</strong>– width：图片原始宽度 --><br> <!<strong>– height：图片原始高度 --></strong><br> <strong> </strong></p>
<p><strong>src</strong>=“图片地址”:src是sourse的缩写，表示我们需要显示的图片文件所在的位置。</p>
<p>alt=“图片名称”：每个图片都是为了展示某些内容，alt里面的文字则是为了描述图片内容的。</p>
<p>width=“图片文件的实际宽度”：用以标注图文文件的实际高度，此处高度数据不可修改，不可因为布局需要改成其他非实际尺寸。</p>
<p>height=“图片文件的实际高度”：同上。</p>
<p><u>src:路径写法,不能出现中文</u></p>
<pre><code> <img src="images/1.jpg" alt="图片加载错误" title="凤凰古城" width="1500" height="1000"
<!-- 绝对路径 -->
<img id="img" src="https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=d48befc2d72a6059461de948495d5ffe/94cad1c8a786c917faba5132c93d70cf3bc7577b.jpg" alt="图片加载错误" title="长恨歌-白居易" width="424" height="439"><br>
<!-- 使用磁盘的根路径 -->
<img src="C:\Users\lenovo\Desktop\0946032066时光无心\images\2.jpg" alt="图片加载错误" title="石墨相思条" width="1500" height="1500"><br>
</code></pre>
<p>9.视频展示标签</p>
<pre><code><!-- 视频展示标签 -->
<!-- controls视频文件控制按钮，视频文件最好用mp4文件 -->
<video src="" controls="controls" >
<source src="video/1.mp4" />
<source src="video/1.ogg" />
<p>您的浏览器不支持HTML视频播放功能</p>
</video>
</code></pre>
<p>video标签的作用就是在网页上展示一个视频文件，这个标签也是HTML5时代的一个代表性存在</p>
<p><strong>src</strong>=“视频地址”:src是sourse的缩写，表示我们需要显示的视频文件所在的位置。</p>
<p><strong>controls=“controls”：这是视频文件的控制按钮区域</strong>。</p>
<p>10.音频展示标签</p>
<pre><code><!-- 音频展示标签 -->
<!-- controls音频文件控制按钮，音频文件最好用mp4文件 -->
<audio src="" controls="controls">
<source src="bgsound.mp3" />
<source src="bgsound.ogg" />
<source src="bgsound.wav" />
<p>您的浏览器，不支持播放声音。</p>
</audio>
</code></pre>
<p>audio标签的作用就是在网页上展示一个音频文件，这个标签也是HTML5时代的一个代表性存在。</p>
<p><strong>src</strong>=“视频地址”:src是sourse的缩写，表示我们需要显示的视频文件所在的位置。</p>
<p>11.链接标签</p>
<pre><code> <!-- 链接标签 -->
<!-- target：用于指定链接页面的打开方式，其取值有_self和_blank两种，"_self"为在本页面中打开新网页， "_blank"为在新窗口中打开方式。-->
<!-- 打开外部链接 -->
<a href="https://hanyu.baidu.com/shici/detail?pid=3513f5e8ceba4d46932cf9a35f002905&from=kg0" target="blank">点击跳转到“长恨歌-百度百科”</a><br>
<!-- 打开内部链接 -->
<a href="课堂练习1.html" target="_blank">点击跳转到“课堂练习1”</a><br>
</code></pre>
<p>href=“网页地址”: href是Hypertext Reference的缩写，意思是超文本引用，作用就是让我们可以点击网页的某些内容可以跳转到其他的网页上去。</p>
<p>target=“页面打开方式”： “_blank”新页面打开; “_self ”默认打开方式,当前页打开。</p>
<p>12.无序列表（Unordered List ）标签</p>
<pre><code><!-- 无序列表 -->
<!-- 注意：
1.<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
2.<li>与</li>之间相当于一个容器，可以容纳所有元素。
3.无序列表会带有自己样式属性。
-->
<ul>
<li>这是无序列表</li>
<li>这是无序列表</li>
<li>这是无序列表</li>
</ul>
</code></pre>
<p>网页中间还有一些<strong>内容相似、结构相仿、布局接近</strong>的区域，像这一类区域我们就使用无序列表来进行区域划分。</p>
<p>13.有序列表（ordered lists）标签</p>
<pre><code> <!-- 有序列表 -->
<!-- 所有特性基本与ul一致。但是实际工作中，较少用ol -->
<ol>
<li>这是有序列表</li>
<li>这是有序列表</li>
<li>这是有序列表</li>
</ol>
</code></pre>
<p>网页中间还有一些<strong>内容相似、结构相仿、布局接近****但是每个区域的内容是有先后关系的</strong>的区域，像这一类区域我们就使用有序列表来进行区域划分，这一类区域大多用在详细法律条文、政府公告、产品说明等内容上。</p>
<p>14.<strong>自定义列表（</strong> <strong>definition list</strong> ）标签</p>
<pre><code> <!-- 自定义列表 -->
<!-- 定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。 -->
<dl>
<dt>衣服---名词</dt>
<dd>连衣裙---名词解释</dd>
<dd>短袖---名词解释</dd>
<dd>外套---名词解释</dd>
<dt>车</dt>
<dd>法拉利</dd>
<dd>劳斯莱斯</dd>
<dd>玛莎拉蒂</dd>
</dl>
</code></pre>
<p>网页中间还有一些<strong>内容不完全一样、结构相仿、布局接近、****每个区域的内容没有先后关系的</strong>的区域，像这一类区域我们就使用有<strong>自定义列表</strong>来进行区域划分，这一类区域大多用在专业名词条目的解释，或是网页底部信息分类等内容上。</p>
<h4>2.2.5特殊字符</h4>
<pre><code>空格符：
小于号:<
大于号:>
和号：&
人民币：¥
版权：©
注册商标：®
摄氏度：°
正负号：±
乘号：×
除号：÷
平方：²
立方：³
</code></pre>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1683799812207620096"></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,html5,css)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1903130756427870208.htm"
title="移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c" target="_blank">移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c</a>
<span class="text-muted">Ailsa-show</span>
<div>移动端网页布局注意事项及解决1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉1、关闭iOS键盘首字母自动大写2、禁止文本缩放html{-webkit-text-size-adjust:100%;}3、移动端如何清除输入框内阴影在iOS上，输入框默认有内部阴影，但无法使用box-shadow来清除，如果不需要阴影，可以这样关闭：input,textarea{border</div>
</li>
<li><a href="/article/1903115499265388544.htm"
title="04.文本标签" target="_blank">04.文本标签</a>
<span class="text-muted">龙哥带你学编程</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>一、文本简介1、页面组成元素1）以淘宝购物官网为例，分析网页：在淘宝购物官网的首页上，我们可以看到它是由超链接，文字，图片等元素构成。2）页面组成元素①一个静态页面绝大部分由以下四种元素组成：文本图片超链接音频和视频②思考：符合以下特点的网页是静态还是动态页面？带有音频和视频带有flash动画带有css动画带有JavaScript特效不是。动态页面和静态页面区别在于：是否用到了后端技术，以及是否与</div>
</li>
<li><a href="/article/1903098971631448064.htm"
title="Python 网络爬虫：从入门到实践" target="_blank">Python 网络爬虫：从入门到实践</a>
<span class="text-muted">一ge科研小菜菜</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/1.htm">编程语言</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>个人主页：一ge科研小菜鸡-CSDN博客期待您的关注网络爬虫是一种自动化的程序，用于从互联网上抓取数据。Python以其强大的库和简单的语法，是开发网络爬虫的绝佳选择。本文将详细介绍Python网络爬虫的基本原理、开发工具、常用框架以及实践案例。一、网络爬虫的基本原理网络爬虫的工作流程通常包括以下步骤：发送请求：向目标网站发送HTTP请求，获取网页内容。解析内容：提取需要的数据，可以是HTML标签</div>
</li>
<li><a href="/article/1903097457525452800.htm"
title="H5动态生日祝福源码" target="_blank">H5动态生日祝福源码</a>
<span class="text-muted">cas215asd</span>
<a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81/1.htm">源码</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>源码名称：动态生日祝福源码源码介绍：一款H5动态生日祝福源码，源码带有文字敲入效果与蛋糕生成特效。需求环境：H5下载地址：https://www.changyouzuhao.cn/14540.html</div>
</li>
<li><a href="/article/1903095945579524096.htm"
title="《今日AI-人工智能-编程日报》-源自2025年3月19日" target="_blank">《今日AI-人工智能-编程日报》-源自2025年3月19日</a>
<span class="text-muted">小亦编辑部</span>
<a class="tag" taget="_blank" href="/search/%E6%AF%8F%E6%97%A5AI-%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD-%E7%BC%96%E7%A8%8B%E6%97%A5%E6%8A%A5/1.htm">每日AI-人工智能-编程日报</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>1.豆包AI编程功能迎来三项重磅升级豆包平台今日宣布其AI编程功能迎来三项重要升级，包括：HTML实时预览：支持用户在编写HTML代码时实时查看网页效果，显著提升前端开发效率，尤其适用于小游戏和网页制作。Python代码直接运行与一键修复：用户可直接运行Python代码，并在出错时一键修复，极大降低了编程门槛，提升了开发效率。生成完整项目：新增生成完整项目的功能，帮助用户快速创建应用程序，缩短开发</div>
</li>
<li><a href="/article/1903067945920163840.htm"
title="html 中加载pdf,在HTML中嵌入PDF的推荐方法？" target="_blank">html 中加载pdf,在HTML中嵌入PDF的推荐方法？</a>
<span class="text-muted">梧桐应恨夜来霜</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E5%8A%A0%E8%BD%BDpdf/1.htm">中加载pdf</a>
<div>GeorgeMahar..9我们的问题是,出于法律原因,我们不允许在硬盘上临时存储PDF.此外,在浏览器中将PDF显示为"预览"时,不应重新加载整个页面.首先我们尝试了PDF.jS.它适用于Firefox和Chrome浏览器中的Base64.但是,我们的PDF格式慢得令人无法接受.IE/Edge根本不起作用.因此,我们在HTML对象标记中使用Base64字符串进行了尝试.这再次对IE/Edge不起</div>
</li>
<li><a href="/article/1903067315654684672.htm"
title="【css酷炫效果】css酷炫效果100篇合集" target="_blank">【css酷炫效果】css酷炫效果100篇合集</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>
<div>【css酷炫效果】纯CSS实现立体纸张折叠动效缘创作背景动画效果合集【css酷炫效果】实现鱼群游动动态效果【css酷炫效果】纯CSS实现无限旋转加载动画【css酷炫效果】纯CSS实现悬浮放大卡片【css酷炫效果】纯CSS创建流体渐变背景动画【css酷炫效果】纯CSS实现3D翻转卡片动画【css酷炫效果】纯CSS实现文字逐字显现打字效果【css酷炫效果】纯CSS实现霓虹文字呼吸灯效果【css酷炫效果</div>
</li>
<li><a href="/article/1903063651842060288.htm"
title="JavaScript HTML DOM 节点列表" target="_blank">JavaScript HTML DOM 节点列表</a>
<span class="text-muted">宇哥资料</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>NodeList对象是一个从文档中获取的节点列表(集合)。NodeList对象类似HTMLCollection对象。一些旧版本浏览器中的方法（如：getElementsByClassName()）返回的是NodeList对象，而不是HTMLCollection对象。所有浏览器的childNodes属性返回的是NodeList对象。大部分浏览器的querySelectorAll()返回NodeLis</div>
</li>
<li><a href="/article/1903057726821429248.htm"
title="（教程）如何在HTML网页里嵌入PDF文件？" target="_blank">（教程）如何在HTML网页里嵌入PDF文件？</a>
<span class="text-muted">IDRSolutions_CN</span>
<a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86/1.htm">图像处理</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F%E5%BC%80%E5%8F%91/1.htm">团队开发</a>
<div>开发者可以使用不同的标签在HTML中嵌入PDF文件，常见的有、和。它们都能在网页应用中显示PDF，但哪种方式更好？有没有比这更好的方式来在浏览器中显示PDF？方法1：使用标签如果不需要回退内容，可以使用标签。缺点：不常用，因为如果浏览器不支持PDF，显示会是一片空白。YourbrowserdoesnotsupportPDFfiles.Downloadthefileinstead方法2：使用标签标签</div>
</li>
<li><a href="/article/1903042214976614400.htm"
title="【 ＜二＞ 丹方改良：Spring 时代的 JavaWeb】之 Spring Boot 中的 RESTful API 设计：从上手到骨折" target="_blank">【 ＜二＞ 丹方改良：Spring 时代的 JavaWeb】之 Spring Boot 中的 RESTful API 设计：从上手到骨折</a>
<span class="text-muted">Foyo Designer</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/restful/1.htm">restful</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/MVC/1.htm">MVC</a><a class="tag" taget="_blank" href="/search/Async/1.htm">Async</a><a class="tag" taget="_blank" href="/search/CrossOrigin/1.htm">CrossOrigin</a>
<div>点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、开篇整活儿咱今儿个唠唠Spr</div>
</li>
<li><a href="/article/1903032506702163968.htm"
title="JAVA毕业设计BS架构考研交流学习平台设计与实现计算机源码+lw文档+系统+调试部署+数据库" target="_blank">JAVA毕业设计BS架构考研交流学习平台设计与实现计算机源码+lw文档+系统+调试部署+数据库</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/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a>
<div>JAVA毕业设计BS架构考研交流学习平台设计与实现计算机源码+lw文档+系统+调试部署+数据库JAVA毕业设计BS架构考研交流学习平台设计与实现计算机源码+lw文档+系统+调试部署+数据库本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：</div>
</li>
<li><a href="/article/1903030992545837056.htm"
title="5-1 使用ECharts将MySQL数据库中的数据可视化" target="_blank">5-1 使用ECharts将MySQL数据库中的数据可视化</a>
<span class="text-muted">上课的牛马</span>
<a class="tag" taget="_blank" href="/search/%E5%AE%9E%E8%AE%AD/1.htm">实训</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a>
<div>方法一：使用PythonFlask框架搭建API对于技术小白来说，使用ECharts将MySQL数据库中的数据可视化需要分步骤完成。以下是详细的实现流程：一、技术架构后端服务：使用PythonFlask框架搭建API（简单易学，适合新手）数据库连接：通过Python的pymysql库连接MySQL前端可视化：HTML+JavaScript+ECharts数据流向：MySQL数据库→Pyt</div>
</li>
<li><a href="/article/1903030101478535168.htm"
title="计算机毕业设计JavaBS景区票务管理系统设计与实现(源码+系统+mysql数据库+lw文档）" target="_blank">计算机毕业设计JavaBS景区票务管理系统设计与实现(源码+系统+mysql数据库+lw文档）</a>
<span class="text-muted">毅铭科技</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>计算机毕业设计JavaBS景区票务管理系统设计与实现(源码+系统+mysql数据库+lw文档）计算机毕业设计JavaBS景区票务管理系统设计与实现(源码+系统+mysql数据库+lw文档）本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：</div>
</li>
<li><a href="/article/1903025553070419968.htm"
title="金融、教育等行业如何高效利用wangEditor实现word文档网页化编辑？" target="_blank">金融、教育等行业如何高效利用wangEditor实现word文档网页化编辑？</a>
<span class="text-muted">2501_90699850</span>
<a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D/1.htm">金融</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a>
<div>要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国</div>
</li>
<li><a href="/article/1903025549899526144.htm"
title="网页编辑器能否满足Word公式与图片的直接复制粘贴？" target="_blank">网页编辑器能否满足Word公式与图片的直接复制粘贴？</a>
<span class="text-muted">2501_90699800</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a>
<div>要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,</div>
</li>
<li><a href="/article/1903023152464719872.htm"
title="亿级分布式系统架构演进实战（五）- 横向扩展（缓存策略设计）" target="_blank">亿级分布式系统架构演进实战（五）- 横向扩展（缓存策略设计）</a>
<span class="text-muted">power-辰南</span>
<a class="tag" taget="_blank" href="/search/java%E6%8A%80%E6%9C%AF%E6%9E%B6%E6%9E%84%E5%B8%88%E6%88%90%E9%95%BF%E4%B8%93%E6%A0%8F/1.htm">java技术架构师成长专栏</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%A7%E7%BC%93%E5%AD%98%E7%AD%96%E7%95%A5/1.htm">多级缓存策略</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F%E7%B3%BB%E7%BB%9F/1.htm">分布式系统</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98%E4%B8%80%E8%87%B4%E6%80%A7/1.htm">缓存一致性</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">高并发</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/1.htm">缓存问题解决方案</a>
<div>亿级分布式系统架构演进实战（一）-总体概要亿级分布式系统架构演进实战（二）-横向扩展（服务无状态化）亿级分布式系统架构演进实战（三）-横向扩展（数据库读写分离）亿级分布式系统架构演进实战（四）-横向扩展（负载均衡与弹性伸缩）核心目标降低数据库读压力，提升响应速度一、多级缓存架构客户端CDN/浏览器缓存本地应用缓存分布式缓存数据库缓冲池1.1客户端缓存缓存数据类型：•静态资源（JS/CSS/图片）•</div>
</li>
<li><a href="/article/1903021893179469824.htm"
title="数据分析面临的三大挑战该如何解决" target="_blank">数据分析面临的三大挑战该如何解决</a>
<span class="text-muted">銨靜菂等芐紶</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</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/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a>
<div>转载自品略图书馆http://www.pinlue.com/article/2020/09/0712/2611202048648.html有效的分析已成为决定性因素，很明显，掌握它的人会蓬勃发展。但是，实现这一目标的过程并非没有障碍。最常见的数据分析挑战是什么？公司如何自信地应对它们？下面就来介绍一下。1、浏览预算限制数据分析领导者需要在当下采取行动，但同时也需要考虑未来。平衡这些需求要求他们在制</div>
</li>
<li><a href="/article/1903015587223760896.htm"
title="HTML5响应式使用css媒体查询" target="_blank">HTML5响应式使用css媒体查询</a>
<span class="text-muted">前段技术人</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%AA%92%E4%BD%93/1.htm">媒体</a>
<div>HTML负责搭建页面结构，CSS负责样式设计，并且通过媒体查询实现了较好的响应式效果，能够适应不同屏幕尺寸下面就是写了一个详细的实例。CSS部分*{margin:0;padding:0;box-sizing:border-box;}*是通配选择器，会选中页面上的所有元素。margin:0;将所有元素的外边距设置为0。padding:0;将所有元素的内边距设置为0。box-sizing:border</div>
</li>
<li><a href="/article/1903010923061243904.htm"
title="Python Textract库：文本提取" target="_blank">Python Textract库：文本提取</a>
<span class="text-muted">程序员喵哥</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>更多Python学习内容：ipengtao.comTextract是一个强大的Python库，用于从各种文件格式中提取文本。无论是PDF、Word文档、Excel电子表格、HTML页面还是图像，Textract都能有效地提取其中的文本内容。Textract通过集成多种开源工具和库，实现了对多种文件格式的支持，使得文本提取变得简单而高效。本文将详细介绍Textract库的安装、主要功能、基本操作、高</div>
</li>
<li><a href="/article/1903003990778507264.htm"
title="html 5中哪个标签用于定义标题列表项,No.5 HTML常用标签" target="_blank">html 5中哪个标签用于定义标题列表项,No.5 HTML常用标签</a>
<span class="text-muted">李诗旸</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/5%E4%B8%AD%E5%93%AA%E4%B8%AA%E6%A0%87%E7%AD%BE%E7%94%A8%E4%BA%8E%E5%AE%9A%E4%B9%89%E6%A0%87%E9%A2%98%E5%88%97%E8%A1%A8%E9%A1%B9/1.htm">5中哪个标签用于定义标题列表项</a>
<div>一、标题标签为了使网页更具有语义化，我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题，即至。我是一级标题我是二级标题我是三级标题我是四级标题我是五级标题我是六级标题单词head的缩写，意为头部、标题。标签语义：作为标题使用，并且依据重要性递减。特点：加了标题的文字会变的加粗，字号也会依次变大。一个标题独占一行。二、段落标签在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示</div>
</li>
<li><a href="/article/1902999068766957568.htm"
title="什么是 HTML 实体和转义" target="_blank">什么是 HTML 实体和转义</a>
<span class="text-muted">西门吹雪在编程</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在网页前端的源代码中，你可能会看到"这种字符串。这种字符串实际上是HTML实体之一，用于表示双引号字符（"）。HTML实体是一种用于在HTML文档中表示某些特殊字符的方法，因为这些字符在HTML中有特定的用途或可能会与HTML标签语法冲突。HTML实体的背景和用途在HTML中，一些字符有特定的意义。例如，用于标记HTML标签的开始和结束。如果你想在网页中显示这些字符而不是把它们解释为HT</div>
</li>
<li><a href="/article/1902998816559263744.htm"
title="HTML中的零宽字符" target="_blank">HTML中的零宽字符</a>
<span class="text-muted">Jinuss</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>概述零宽字符是一组在文本中没有可见宽度的字符，它们通常用于处理文本的布局、分隔和合成。下面是一些常见的零宽字符及其详细介绍：详细介绍零宽空格(ZeroWidthSpace,ZWSP)Unicode码位:U+200BHTML实体:或用途:用于防止文字自动换行。用于在文本中插入不可见的间隔，以控制排版或进行文本分析。零宽非连字符(ZeroWidthNon-Joiner,ZWNJ)Unicode码位:U</div>
</li>
<li><a href="/article/1902995664091017216.htm"
title="html实体字符" target="_blank">html实体字符</a>
<span class="text-muted">Qhumaing</span>
<a class="tag" taget="_blank" href="/search/HTML%E5%AD%A6%E4%B9%A0/1.htm">HTML学习</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>HTML实体字符HTML实体字符（HTMLEntities）是在HTML中用来表示那些在HTML文档中直接使用可能会引起问题的特殊字符的一种方法。这些特殊字符包括但不限于尖括号、与号、引号等，它们在HTML中有特定的用途（如标签界定符、属性值分隔符等），如果直接使用，浏览器可能会误解它们。以下是常见的HTML实体字符及其用途：<-小于号（）&-与号（&）"-双引号（"）&a</div>
</li>
<li><a href="/article/1902992765134893056.htm"
title="如何在 HTML 中创建一个有序列表和无序列表，它们的语义有何不同？" target="_blank">如何在 HTML 中创建一个有序列表和无序列表，它们的语义有何不同？</a>
<span class="text-muted">前端大白话</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E7%99%BD%E8%AF%9D%E5%89%8D%E7%AB%AF%E5%85%AB%E8%82%A1/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/html/1.htm">html</a>
<div>大白话如何在HTML中创建一个有序列表和无序列表，它们的语义有何不同？1.HTML中有序列表和无序列表的基本概念在HTML里，列表是一种用来组织信息的方式。有序列表就是带有编号的列表，它可以让内容按照一定的顺序呈现；无序列表则是用符号（像圆点、方块等）来标记每一项内容，重点在于展示并列的信息，不强调顺序。2.创建无序列表无序列表使用标签来创建，每一项内容用标签包裹。下面是具体的代码示例，代码里有详</div>
</li>
<li><a href="/article/1902991882749800448.htm"
title="怎样修改下面HTML中存在的错误？" target="_blank">怎样修改下面HTML中存在的错误？</a>
<span class="text-muted">2301_79698214</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</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>
<div>functiongetTime(){vardate=newDate();vartime=date.toLocaleDateString();vartime1=date.toLocaleTimeString();vartime2=time+''+time1span.innerHTML=time2;}window.setInterval("getTime()",1000)window.alert("这</div>
</li>
<li><a href="/article/1902990494921715712.htm"
title="linux自律 第 40 天" target="_blank">linux自律 第 40 天</a>
<span class="text-muted">嵌入式大大白</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>在学习了sqlite3数据库的增删改查之后，我开始做了一个基于web服务端的商品查询系统，将商品的图片，名称，id，详细描述和关键词等都放入了该数据库中，利用该数据库和html构建的网页来完成该项目。该项目首先需要设计出登录系统，登录需要密码和账号，所以需要注册，我打算在注册的时候使用数据库，将注册的信息放在数据库中。然后使用账号密码登录的时候，输入的账号密码在请求报文中，以post的形式发出来，</div>
</li>
<li><a href="/article/1902987094125506560.htm"
title="k8s往secret里导入证书_Kubernetes K8S之存储Secret详解" target="_blank">k8s往secret里导入证书_Kubernetes K8S之存储Secret详解</a>
<span class="text-muted">weixin_39604598</span>
<a class="tag" taget="_blank" href="/search/k8s%E5%BE%80secret%E9%87%8C%E5%AF%BC%E5%85%A5%E8%AF%81%E4%B9%A6/1.htm">k8s往secret里导入证书</a>
<div>K8S之存储Secret概述与类型说明，并详解经常使用Secret示例html主机配置规划服务器名称(hostname)系统版本配置内网IP外网IP(模拟)k8s-masterCentOS7.72C/4G/20G172.16.1.11010.0.0.110k8s-node01CentOS7.72C/4G/20G172.16.1.11110.0.0.111k8s-node02CentOS7.72C/</div>
</li>
<li><a href="/article/1902985831962963968.htm"
title="【lua】面向对象" target="_blank">【lua】面向对象</a>
<span class="text-muted">岚花落_</span>
<a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a>
<div>建议提前学习https://www.runoob.com/lua/lua-metatables.html面向对象特征1）封装：指能够把一个实体的信息、功能、响应都装入一个单独的对象中的特性。2）继承：继承的方法允许在不改动原程序的基础上对其进行扩充，这样使得原功能得以保存，而新功能也得以扩展。这有利于减少重复编码，提高软件的开发效率。3）多态：同一操作作用于不同的对象，可以有不同的解释，产生不同的</div>
</li>
<li><a href="/article/1902984314765766656.htm"
title="【sass】学会这个技巧，少写很多css" target="_blank">【sass】学会这个技巧，少写很多css</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/sass/1.htm">sass</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>sass的高级用法我发现，大多数人使用sass预处理器最多的就是嵌套和变量这两种用法。现在我在列举一些常用的高级用法，希望让大家少敲两行代码。@extend意思是将某个选择器下的所有样式继承过来.error{border:1px#f00;background-color:#fdd;}.seriousError{@extend.error;border-width:3px;}@mixin样式混入，搭</div>
</li>
<li><a href="/article/1902971201618243584.htm"
title="Docker 存储" target="_blank">Docker 存储</a>
<span class="text-muted">Psycho_MrZhang</span>
<a class="tag" taget="_blank" href="/search/Docker/1.htm">Docker</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a>
<div>目录挂载在执行run时设置参数-v即可实现目录映射,实现原理会在宿主机器创建一个空文件夹#挂载宿主机的/data目录到容器的/app目录dockerrun-d-v/data:/app--namemy-appmy-image#挂载docker内的/usr/share/nginx/html目录到本地机的/app/nghtmldockerrun-d-v/app/nghtml:/usr/share/ngi</div>
</li>
<li><a href="/article/44.htm"
title="Enum 枚举" target="_blank">Enum 枚举</a>
<span class="text-muted">120153216</span>
<a class="tag" taget="_blank" href="/search/enum/1.htm">enum</a><a class="tag" taget="_blank" href="/search/%E6%9E%9A%E4%B8%BE/1.htm">枚举</a>
<div>原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration
于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样：
public static final int APPLE_FUJI = 0</div>
</li>
<li><a href="/article/171.htm"
title="Java8简明教程" target="_blank">Java8简明教程</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/jdk1.8/1.htm">jdk1.8</a>
<div> Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。
一.允许在接口中有默认方法实现
Java 8 允许我们使用default关键字，为接口声明添</div>
</li>
<li><a href="/article/298.htm"
title="Oracle表维护 快速备份删除数据" target="_blank">Oracle表维护 快速备份删除数据</a>
<span class="text-muted">cuisuqiang</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E7%B4%A2%E5%BC%95/1.htm">索引</a><a class="tag" taget="_blank" href="/search/%E5%BF%AB%E9%80%9F/1.htm">快速</a><a class="tag" taget="_blank" href="/search/%E5%A4%87%E4%BB%BD/1.htm">备份</a><a class="tag" taget="_blank" href="/search/%E5%88%A0%E9%99%A4/1.htm">删除</a>
<div>我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。
当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。
为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。
为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备</div>
</li>
<li><a href="/article/425.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/%E5%86%85%E5%AD%98%E5%88%86%E6%9E%90/1.htm">内存分析</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E6%80%81%E5%8E%9F%E7%90%86/1.htm">多态原理</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3%E5%92%8C%E6%8A%BD%E8%B1%A1%E7%B1%BB/1.htm">接口和抽象类</a>
<div> “ 时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。
但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心</div>
</li>
<li><a href="/article/552.htm"
title="Xshell实现Windows上传文件到Linux主机" target="_blank">Xshell实现Windows上传文件到Linux主机</a>
<span class="text-muted">被触发</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a>
<div>经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛；
我是怎么操作的：
1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo</div>
</li>
<li><a href="/article/679.htm"
title="类的加载ClassLoader" target="_blank">类的加载ClassLoader</a>
<span class="text-muted">肆无忌惮_</span>
<a class="tag" taget="_blank" href="/search/ClassLoader/1.htm">ClassLoader</a>
<div>类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。
其中重要的方法为findClass(String name)。
如何写一个自己的类加载器呢？
首先写一个便于测试的类Student</div>
</li>
<li><a href="/article/806.htm"
title="html5写的玫瑰花" target="_blank">html5写的玫瑰花</a>
<span class="text-muted">知了ing</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div><html>
<head>
<title>I Love You!</title>
<meta charset="utf-8" />
</head>
<body>
<canvas id="c"></canvas>
</div>
</li>
<li><a href="/article/933.htm"
title="google的ConcurrentLinkedHashmap源代码解析" target="_blank">google的ConcurrentLinkedHashmap源代码解析</a>
<span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/LRU/1.htm">LRU</a>
<div>原文地址：
http://janeky.iteye.com/blog/1534352
简述
ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对
ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见
http://code.google.com/p/concurrentlinke</div>
</li>
<li><a href="/article/1060.htm"
title="webservice获取访问服务的ip地址" target="_blank">webservice获取访问服务的ip地址</a>
<span class="text-muted">alleni123</span>
<a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a>
<div>1. 首先注入javax.xml.ws.WebServiceContext,
@Resource
private WebServiceContext context;
2. 在方法中获取交换请求的对象。
javax.xml.ws.handler.MessageContext mc=context.getMessageContext();
com.sun.net.http</div>
</li>
<li><a href="/article/1187.htm"
title="菜鸟的java基础提升之道——————>是否值得拥有" target="_blank">菜鸟的java基础提升之道——————>是否值得拥有</a>
<span class="text-muted">百合不是茶</span>
<div>1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员
java组成：</div>
</li>
<li><a href="/article/1314.htm"
title="通过修改Linux服务自动启动指定应用程序" target="_blank">通过修改Linux服务自动启动指定应用程序</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig
功能说明：检查，设置系统的各种服务。
语 法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level <</SPAN></div>
</li>
<li><a href="/article/1441.htm"
title="spring拦截器的一个简单实例" target="_blank">spring拦截器的一个简单实例</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/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E6%8B%A6%E6%88%AA%E5%99%A8/1.htm">拦截器</a><a class="tag" taget="_blank" href="/search/Interceptor/1.htm">Interceptor</a>
<div>Purview接口
package aop;
public interface Purview {
void checkLogin();
}
Purview接口的实现类PurviesImpl.java
package aop;
public class PurviewImpl implements Purview {
public void check</div>
</li>
<li><a href="/article/1568.htm"
title="[Velocity二]自定义Velocity指令" target="_blank">[Velocity二]自定义Velocity指令</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a>
<div>什么是Velocity指令
在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令
自定义指令(Directive)的一般步骤
&nbs</div>
</li>
<li><a href="/article/1695.htm"
title="【Hive十】Programming Hive学习笔记" target="_blank">【Hive十】Programming Hive学习笔记</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/programming/1.htm">programming</a>
<div> 第二章 Getting Started
1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.</div>
</li>
<li><a href="/article/1822.htm"
title="nginx有选择性进行限制" target="_blank">nginx有选择性进行限制</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+%E5%8A%A8%E9%9D%99%E3%80%80%E9%99%90%E5%88%B6/1.htm">nginx 动静 限制</a>
<div>http {
limit_conn_zone $binary_remote_addr zone=addr:10m;
limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;...
server {...
location ~.*\.(gif|png|css|js|icon)$ {
</div>
</li>
<li><a href="/article/1949.htm"
title="java-4.-在二元树中找出和为某一值的所有路径 ." target="_blank">java-4.-在二元树中找出和为某一值的所有路径 .</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
/*
* 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it.
* 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
</div>
</li>
<li><a href="/article/2076.htm"
title="Netty学习笔记" target="_blank">Netty学习笔记</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/netty/1.htm">netty</a>
<div>本文是阅读以下两篇文章时：
http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html
http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html
我的一些笔记
===</div>
</li>
<li><a href="/article/2203.htm"
title="js获取项目路径" target="_blank">js获取项目路径</a>
<span class="text-muted">cngolon</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a>
<div>//js获取项目根路径，如： http://localhost:8083/uimcardprj
function getRootPath(){
//获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.locati</div>
</li>
<li><a href="/article/2330.htm"
title="oracle 的性能优化" target="_blank">oracle 的性能优化</a>
<span class="text-muted">cuishikuan</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a>
<div> 在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。
1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！</div>
</li>
<li><a href="/article/2457.htm"
title="Shell变量和数组使用详解" target="_blank">Shell变量和数组使用详解</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E5%8F%98%E9%87%8F/1.htm">变量</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%BB%84/1.htm">数组</a>
<div>Shell 变量
定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如：
your_name="w3cschool.cc"
注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则：
首个字符必须为字母（a-z，A-Z）。
中间不能有空格，可以使用下划线（_）。
不能使用标点符号。
不能使用ba</div>
</li>
<li><a href="/article/2584.htm"
title="编程中的一些概念，KISS、DRY、MVC、OOP、REST" target="_blank">编程中的一些概念，KISS、DRY、MVC、OOP、REST</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/REST/1.htm">REST</a>
<div>KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie</div>
</li>
<li><a href="/article/2711.htm"
title="[Android]设置Activity为全屏显示的两种方法" target="_blank">[Android]设置Activity为全屏显示的两种方法</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Activity/1.htm">Activity</a>
<div>1. 方法1：AndroidManifest.xml 里，Activity的 android:theme 指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例: <application </div>
</li>
<li><a href="/article/2838.htm"
title="solrcloud 部署方式比较" target="_blank">solrcloud 部署方式比较</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/solrCloud/1.htm">solrCloud</a>
<div>solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。 第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理
谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo</div>
</li>
<li><a href="/article/2965.htm"
title="Java synchronized关键字详解" target="_blank">Java synchronized关键字详解</a>
<span class="text-muted">gqdy365</span>
<a class="tag" taget="_blank" href="/search/synchronized/1.htm">synchronized</a>
<div>转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html
多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。
同步机制可以使用synchronized关键字实现。
当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。
当s</div>
</li>
<li><a href="/article/3092.htm"
title="js实现登录时记住用户名" target="_blank">js实现登录时记住用户名</a>
<span class="text-muted">hw1287789687</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E6%88%91/1.htm">记住我</a><a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E5%AF%86%E7%A0%81/1.htm">记住密码</a><a class="tag" taget="_blank" href="/search/cookie/1.htm">cookie</a><a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E7%94%A8%E6%88%B7%E5%90%8D/1.htm">记住用户名</a><a class="tag" taget="_blank" href="/search/%E8%AE%B0%E4%BD%8F%E8%B4%A6%E5%8F%B7/1.htm">记住账号</a>
<div>在页面中如何获取cookie值呢?
如果是JSP的话,可以通过servlet的对象request 获取cookie,可以
参考:http://hw1287789687.iteye.com/blog/2050040
如果要求登录页面是html呢?html页面中如何获取cookie呢?
直接上代码了
页面:loginInput.html
代码:
<!DOCTYPE html PUB</div>
</li>
<li><a href="/article/3219.htm"
title="开发者必备的 Chrome 扩展" target="_blank">开发者必备的 Chrome 扩展</a>
<span class="text-muted">justjavac</span>
<a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a>
<div>Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench
ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl</div>
</li>
<li><a href="/article/3346.htm"
title="算法机试题" target="_blank">算法机试题</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/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E8%AF%95%E9%A2%98/1.htm">机试题</a>
<div> 在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。
这道题大致意思是：输入一个数，比如4,。这时会输出：
&n</div>
</li>
<li><a href="/article/3473.htm"
title="正确配置Linux系统ulimit值" target="_blank">正确配置Linux系统ulimit值</a>
<span class="text-muted">字符串</span>
<a class="tag" taget="_blank" href="/search/ulimit/1.htm">ulimit</a>
<div>在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进</div>
</li>
<li><a href="/article/3600.htm"
title="hibernate调用返回游标的存储过程" target="_blank">hibernate调用返回游标的存储过程</a>
<span class="text-muted">Supanccy2013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a>
<div>注：原创作品，转载请注明出处。
上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。
此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。
1，创建oracle中的包，并在该包中创建的游标类型。
---创建oracle的程</div>
</li>
<li><a href="/article/3727.htm"
title="Spring 4.2新特性-更简单的Application Event" target="_blank">Spring 4.2新特性-更简单的Application Event</a>
<span class="text-muted">wiselyman</span>
<a class="tag" taget="_blank" href="/search/application/1.htm">application</a>
<div>1.1 Application Event
Spring 4.1的写法请参考10点睛Spring4.1-Application Event
请对比10点睛Spring4.1-Application Event
使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低;
1.2 示例
包依赖
<p</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> 