HTML基础教程_1

一、前言、web标准

1. 浏览器内核

浏览器 内核 备注
IE Trident IE、猎豹浏览器、360浏览器、百度浏览器
Firefox Gecko 可惜这几年已经没落了,打开速度慢,升级平凡、猪一样的队友Flash
Safari webkit 现在很多人错误把webkit叫做Chrome内核(即使Chrome内核已经是Blink了)
Chrome chromium/Blink 在Chromium项目中研发Blink渲染引擎(即浏览器核心),内置于Chrome浏览器之中,Blink其实是webkit的分支,大部分国产浏览器最新版都采用Blink内核,二次开发
Opera Blink 现在跟随Chrome用Blink内核

移动端的浏览器内核主要说的是系统内置浏览器的内核

  • Android手机,使用率最高的就是webkit内核,大部分国产浏览器宣称自己的内核,基本上也是属于webkit二次开发
  • iOS以及WP7平台上,由于系统原因,系统大部分自带浏览器内核,一般是Safari或者IE内核Trident

2. Web标准

2.1 Web标准的好处

  • 让web的发展前景更广阔
  • 内容能被广泛的设备访问
  • 更容易被搜索引擎搜索
  • 降低网站流量费用
  • 使网站更易于维护
  • 提高页面浏览速度

2.2 Web标准构成

Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合
主要包括:

  • 结构标准:结构用于对网页元素进行整理和分类,主要指的是HTML
  • 表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS
  • 行为标准:行为是指网页模型的定义即交互的编写,主要指的是Javascript

二、认识HTML

1. HTML初始

  • HTML,全称“Hyper Text Markup Language”(超文本标记语言),是用来描述网页的一种语言
  • HTML不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签
    总结:HTML的作用就是用来标记标签来描述网页,把网页内容在浏览器中展示出来

1.1 HTML骨架格式


	
		
	
	
	

1.2 HTML标签分类

1)双标签

<标签名> 内容 
  • 该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)”,“”表示该标签的作用结束,一般称为“结束标签(end tag)”
  • 和开始标签相比,结束标签只在前面加了一个关闭符“/”

2)单标签(空元素)

<标签名 />

1.3 HTML标签关系

标签的相互关系分为两种:

1)嵌套关系


	</ title>
</ head>
</code></pre> 
 <h4 id="2)并列关系">2)并列关系</h4> 
 <pre><code class="language-HTML"><head></ head>
<body></ body>
</code></pre> 
 <h2 id="2-文档类型doctype">2. 文档类型<!DOCTYPE></h2> 
 <p>用法:</p> 
 <pre><code class="language-HTML"><!DOCTYPE html>
</code></pre> 
 <p>作用:<!DOCTYPE>声明位于文档中的最前面,处于标签之前,此标签可<strong>告知浏览器文档使用哪种HTML或XHTML规范</strong></p> 
 <p>注:<strong>就是告诉浏览器按照HTML5规范解析页面</strong></p> 
 <h2 id="3-页面语言lang">3. 页面语言lang</h2> 
 <pre><code class="language-HTML"><html lang=""en>                                   指定html语言种类
</code></pre> 
 <p>常见的两种:</p> 
 <ul> 
  <li>en定义语言为英语</li> 
  <li>zh-CN定义语言为中文</li> 
 </ul> 
 <pre><code>拓展阅读:
简单来说,可能对程序没有太大的作用,但是它可以告诉浏览器、搜索引擎,一般处理HTML的程序对页面语言内容来做一些对应的处理或者事情
</code></pre> 
 <h2 id="4-字符集">4. 字符集</h2> 
 <pre><code class="language-HTML"><meta charset="UTF-8" />
</code></pre> 
 <p>字符集(character set)是多个字符的集合,计算机要准确的处理各种字符集文字,需要进行字符编码,以便计算机能够是识别和存储各种文字</p> 
 <p>UTF-8是目前最常用的字符编码方式,常用的字符编码方式还有gbk和gb2312</p> 
 <ul> 
  <li>GB2312简体中文,包含6763个汉字</li> 
  <li>BIG5繁体中文,港澳台等用</li> 
  <li>GBK包含全部中文字符集,是GB22的扩展,加入对繁体字的支持,兼容GB2312</li> 
  <li>UTF-8则基本包含全世界所有国家需要用到的字符</li> 
  <li><strong>这句代码非常关键,是必须要写的代码,否则可能引起乱码的情况</strong></li> 
 </ul> 
 <pre><code>团队约定:一般情况下统一使用"UTF-8"编码,请尽量统一写成标准的"UTF-8",不要写成"utf-8"、“utf8”或“UTF8”
</code></pre> 
 <h2 id="5-html标签的语义化">5. HTML标签的语义化</h2> 
 <p>所谓标签语义化,就是指标签的含义<br> 目的:根据标签的语义,在合适的地方给一个最为合理的标签,让结构更清晰</p> 
 <ul> 
  <li>方便代码的阅读和维护</li> 
  <li>同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中地内容</li> 
  <li>使用语义标签会更好地搜索引擎优化</li> 
 </ul> 
 <p>语义是否良好:当我们去掉CSS之后,网页结构依然组织有序,并且有良好地可读性<br> 遵循原则:先确定语义地HTML,再选合适地CSS</p> 
 <h1 id="三、html常用标签">三、HTML常用标签</h1> 
 <h2 id="1-html常用标签">1. HTML常用标签</h2> 
 <h3 id="11-排版标签">1.1 排版标签</h3> 
 <p>排版标签主要和CSS搭配使用,显示网页结构地标签,是网页布局最常用地标签</p> 
 <h4 id="1)标题标签h">1)标题标签h</h4> 
 <p>其基本语法格式如下:</p> 
 <pre><code class="language-HTML"><h1>标题文本</h1>
<h2>标题文本</h2>
<h3>标题文本</h3>
<h4>标题文本</h4>
<h5>标题文本</h5>
<h6>标题文本</h6>
</code></pre> 
 <p>显示效果如下:<br> <a href="http://img.e-com-net.com/image/info8/bc96ad4815db43d4ad00e1a4baaa4c2f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/bc96ad4815db43d4ad00e1a4baaa4c2f.jpg" alt="HTML基础教程_1_第1张图片" width="219" height="294" style="border:1px solid black;"></a></p> 
 <h4 id="2)段落标签p">2)段落标签p</h4> 
 <p>作用含义:<br> 可以把HTML文档分割成若干段落</p> 
 <pre><code class="language-HTML"><p>文本内容</p>
</code></pre> 
 <p>是HTML文档中最常见地标签,默认情况下,文本在一个段落中会根据浏览器窗口地大小自动换行</p> 
 <h4 id="3)水平线标签hr">3)水平线标签hr</h4> 
 <p>其基本语法格式如下:</p> 
 <pre><code class="language-HTML"><hr />是单标签
</code></pre> 
 <p>在网页中显示默认样式地水平线</p> 
 <h4 id="4)换行标签br">4)换行标签br</h4> 
 <p>在HTML中,一个段落中地文字会从左到右一次排列,直到浏览器窗口地右端,然后自动换行,如果希望某段文本强制显示,就需要使用换行标签<br> 基本语法格式如下:</p> 
 <pre><code class="language-HTML"><br />
</code></pre> 
 <p>换行标签和段落标签地区别</p> 
 <pre><code class="language-HTML">三生三世十里桃花,<br />
一心一意百行代码。<br />
----前端万岁

<p>三生三世十里桃花,</p>
<p>一心一意百行代码。</p>
----前端万岁
</code></pre> 
 <p><a href="http://img.e-com-net.com/image/info8/2a4fa35d787c49d4b9b069500e50f19f.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/2a4fa35d787c49d4b9b069500e50f19f.png" alt="HTML基础教程_1_第2张图片" width="204" height="233" style="border:1px solid black;"></a></p> 
 <h4 id="5div和span标签">5)div和span标签</h4> 
 <p>语法格式如下:</p> 
 <pre><code class="language-HTML"><div>这是头部</div>
<span>今日价格</span>
</code></pre> 
 <p>他们两个都是盒子,用来装我们网页元素的,只不过有区别的</p> 
 <ul> 
  <li>div标签,用来布局的,但是<strong>一行只能放一个div</strong></li> 
  <li>span标签,用来布局的,<strong>一行上可以放好多个span</strong></li> 
 </ul> 
 <h3 id="12-文本格式标签">1.2 文本格式标签</h3> 
 <table> 
  <thead> 
   <tr> 
    <th>标签</th> 
    <th>显示效果</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>b和 strong</td> 
    <td>文字以<strong>粗体</strong>方式显示(XHTML推荐使用strong)</td> 
   </tr> 
   <tr> 
    <td>i和 em</td> 
    <td>文字以<strong>斜体</strong>方式显示(XHTML推荐使用em)</td> 
   </tr> 
   <tr> 
    <td>s和del</td> 
    <td>文字以<strong>加删除线</strong>方式显示(XHTML推荐使用del)</td> 
   </tr> 
   <tr> 
    <td>u和ins</td> 
    <td>文字以加<strong>下划线</strong>方式显示(XHTML推荐使用ins)</td> 
   </tr> 
  </tbody> 
 </table> 
 <p>区别:<br> b 只是加粗<br> strong 除了可以加粗还有强调的意思,语义更强烈</p> 
 <h3 id="13-标签属性">1.3 标签属性</h3> 
 <p>使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置,基本语法如下:</p> 
 <pre><code class="language-HTML"><标签名 属性1=“属性值” 属性2=“属性值2” ……> 内容 </标签名>
</code></pre> 
 <h3 id="14-图像标签img">1.4 图像标签img</h3> 
 <p>语法格式如下:</p> 
 <pre><code class="language-HTML"><img src="图像URL" />
</code></pre> 
 <table> 
  <thead> 
   <tr> 
    <th>属性</th> 
    <th>属性值</th> 
    <th>备注</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>src</td> 
    <td>URL</td> 
    <td>图像的路径</td> 
   </tr> 
   <tr> 
    <td>alt</td> 
    <td>文本</td> 
    <td>图像不能显示时的替换文本</td> 
   </tr> 
   <tr> 
    <td>title</td> 
    <td>文本</td> 
    <td>鼠标悬停时显示的内容</td> 
   </tr> 
   <tr> 
    <td>width</td> 
    <td>像素(XHTML不支持%页面百分比)</td> 
    <td>设置图像的宽度</td> 
   </tr> 
   <tr> 
    <td>height</td> 
    <td>像素(XHTML不支持%页面百分比)</td> 
    <td>设置图像的高度</td> 
   </tr> 
   <tr> 
    <td>border</td> 
    <td>数字</td> 
    <td>设置图像边框的宽度</td> 
   </tr> 
  </tbody> 
 </table> 
 <p>注:</p> 
 <ol> 
  <li>标签可以拥有多个属性,必须写在开始标签中,位于标签名后面</li> 
  <li>属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开</li> 
  <li>采用键值对的格式key=“value”的格式</li> 
 </ol> 
 <h3 id="15-链接标签">1.5 链接标签</h3> 
 <p>语法格式:</p> 
 <pre><code class="language-HTML"><a href="跳转目标" target="目标窗口的弹出方式">文本或图像 </a>
</code></pre> 
 <table> 
  <thead> 
   <tr> 
    <th>属性</th> 
    <th>作用</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>href</td> 
    <td>用于指定链接目标的URL地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能</td> 
   </tr> 
   <tr> 
    <td>target</td> 
    <td>用于指定链接页面的打开方式,其值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式</td> 
   </tr> 
  </tbody> 
 </table> 
 <p>注:</p> 
 <ol> 
  <li>外部链接需要添加网页地址</li> 
  <li>内部链接直接链接内容网页名称即可</li> 
  <li>如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href=“#”),表示该链接暂时为一个空链接</li> 
  <li>不仅可以创建文本链接,在网页中各种网页元素,如图像、表格、音频、视频都可以添加超链接</li> 
 </ol> 
 <h3 id="16-注释标签">1.6 注释标签</h3> 
 <p>语法格式:</p> 
 <pre><code class="language-HTML"><!-- 注释语句 -->                             快捷键:ctrl+/
</code></pre> 
 <h2 id="2-路径">2. 路径</h2> 
 <p>路径可以分为相对路径和绝对路径</p> 
 <h3 id="1)相对路径">1)相对路径</h3> 
 <p>以引用文件之网页所在位置为参考基础,而建立的目录路径</p> 
 <table> 
  <thead> 
   <tr> 
    <th>路径分类</th> 
    <th>符号</th> 
    <th>说明</th> 
   </tr> 
  </thead> 
  <tbody> 
   <tr> 
    <td>同一级路径</td> 
    <td></td> 
    <td>只需要输入图像文件的名称即可,如 <img src="baidu.png" /><a href="http://img.e-com-net.com/image/info8/89bd2ce2615c4966a7aff7e4974b6c58.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/89bd2ce2615c4966a7aff7e4974b6c58.jpg" alt="HTML基础教程_1_第3张图片" width="529" height="150" style="border:1px solid black;"></a></td> 
   </tr> 
   <tr> 
    <td>下一级路径</td> 
    <td>“/”</td> 
    <td>图像文件位于HTML文件同一文件夹下(例如文件夹名为images),如<img src="images/baidu.png" /><a href="http://img.e-com-net.com/image/info8/c440ea8ca9944713af281493f2f5a05c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/c440ea8ca9944713af281493f2f5a05c.jpg" alt="HTML基础教程_1_第4张图片" width="529" height="171" style="border:1px solid black;"></a></td> 
   </tr> 
   <tr> 
    <td>上一路径</td> 
    <td>“../”</td> 
    <td>在文件名之前加“../”,如果是上两级,则需要使用“../../”,以此类推,如<img src="../baidu.png" /><a href="http://img.e-com-net.com/image/info8/c89651d433e64180ac363603c53754cc.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/c89651d433e64180ac363603c53754cc.jpg" alt="HTML基础教程_1_第5张图片" width="650" height="144" style="border:1px solid black;"></a></td> 
   </tr> 
  </tbody> 
 </table> 
 <h3 id="绝对路径">绝对路径</h3> 
 <p>绝对路径以web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的,如“D:\web\img\logo.gif”</p> 
 <p><strong>注:绝对路径用的少,但要注意,它的写法特别是符号“\”并不是相对路径的“/”</strong></p> 
 <h2 id="拓展阅读">拓展阅读</h2> 
 <h3 id="31-锚点定位">3.1 锚点定位</h3> 
 <p>通过创建锚点链接,用户能够快速定位到目标内容<br> 创建锚点链接分为两步</p> 
 <pre><code class="language-HTML">1. 使用相应的id名标注跳转目标的位置
<h3 id="two>第二集</h3>

2. 使用<a href="#id名"> 链接文本</a>创建链接文本
</code></pre> 
 <h3 id="32-base标签">3.2 base标签</h3> 
 <p>语法:</p> 
 <pre><code class="language-HTML"><base target="_blank" />
</code></pre> 
 <p>总结:</p> 
 <ol> 
  <li>base可以设置整体链接的打开状态</li> 
  <li>base写到<head></head>之间</li> 
  <li>把所有的链接都默认添加target=“_blank”</li> 
 </ol> 
 <h3 id="33-预格式化文本pre标签">3.3 预格式化文本pre标签</h3> 
 <p>pre标签可定义预格式化的文本<br> 被包围在<pre>标签元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体</p> 
 <h3 id="34-特殊字符">3.4 特殊字符</h3> 
 <p><a href="http://img.e-com-net.com/image/info8/cccb4b9400c64b8ba665f9f79a733caf.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/cccb4b9400c64b8ba665f9f79a733caf.jpg" alt="HTML基础教程_1_第6张图片" width="474" height="453" style="border:1px solid black;"></a><br> 总结:</p> 
 <ol> 
  <li>是以运算符“&”开头,以分号运算符“;”结尾</li> 
  <li>他们不是标签,而是符号</li> 
  <li>HTML中不能使用小于号“<”和大于号“>”特殊符号,浏览器会将它们作为标签解析</li> 
 </ol> 
 <pre><code>团队约定:
推荐使用如下格式:
<a href="#">more >></a>
</code></pre> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1274522106138214400"></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基础教程_1)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1835290475628687360.htm"
                           title="若依后端正常启动但是uniapp移动端提示后端接口异常" target="_blank">若依后端正常启动但是uniapp移动端提示后端接口异常</a>
                        <span class="text-muted">大可大可抖</span>
<a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a>
                        <div>pc端能用模拟器也能正常连接接口,手机端真机调试连不上接口解决:1.先看config.js的填自己的ip地址module.exports={//baseUrl:'https://vue.ruoyi.vip/prod-api',baseUrl:"http://192.168.101.5:8080",}2.网络环境问题(防火墙)点击属性然后选择专用</div>
                    </li>
                    <li><a href="/article/1835290342958657536.htm"
                           title="2021-08-19" target="_blank">2021-08-19</a>
                        <span class="text-muted">fengxianzi2001</span>

                        <div>姜英中原焦点团队初中24期坚持分享第326天2020.08.19咨询和约练共计140次今天约练同一个问题的来访者两次。上午咨询师在充分倾听后采用了外化技术,让我体会到了焦虑和身体的分离,尤其是对话部分,让我看到自己对情绪的不接纳、排斥、反感;如果他这里让我充分的停留,可能会看到更多;假想自己在理想的地方工作,加强了这份期待;最后未来的我和自己对话,让自己更清醒的意识到现在所有的焦虑都是无效的,只能</div>
                    </li>
                    <li><a href="/article/1835290097688342528.htm"
                           title="Linux使用mjpg-streamer进行图像传输" target="_blank">Linux使用mjpg-streamer进行图像传输</a>
                        <span class="text-muted">—你的鼬先生</span>
<a class="tag" taget="_blank" href="/search/Linux%E9%A9%B1%E5%8A%A8/1.htm">Linux驱动</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E6%A0%91%E8%8E%93%E6%B4%BE/1.htm">树莓派</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E4%BC%A0%E8%BE%93/1.htm">图像传输</a>
                        <div>图像传输是一项在Linux操作系统中比较常见的一个操作,在视频图传时,一般是采用MJPG-streamer来进行图像传输,本文就以树莓派为例子,来示范一个图像传输。1.树莓派的摄像头激活首先更新树莓派sudoapt-getupdatesudoapt-getupgrade随后打开树莓派的配置界面,选择InterfaceOptionsudoraspi-config在InterfaceOption选择C</div>
                    </li>
                    <li><a href="/article/1835289959007875072.htm"
                           title="PMP冲刺一" target="_blank">PMP冲刺一</a>
                        <span class="text-muted">Cynric</span>

                        <div>记录考点一、计算类考题一般就1题,主要涉及在三大过程组:启动过程组、规划过程组、控制过程组。1.启动过程组项目选择方法涉及名词:NPV净现值、IRR内部收益率、BCR投资回报率、ROI投资利润率、回收期2.规划过程组三点估算PERT法(默认使用贝塔分布)三角分布:Te=(O+M+P)/3贝塔分布:Te=(O+4M+P)/6关键路径法CPM关键路径是相对的,也可以是变化的。路径汇聚固定资产折旧沟通渠</div>
                    </li>
                    <li><a href="/article/1835289467791962112.htm"
                           title="基于STM32F103C8T6定时器的PWM通道的重映射" target="_blank">基于STM32F103C8T6定时器的PWM通道的重映射</a>
                        <span class="text-muted">—你的鼬先生</span>
<a class="tag" taget="_blank" href="/search/stm32/1.htm">stm32</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a>
                        <div>在我们平时的的使用中,我们最常使用的是TIM2和TIM3的PWM通道,但是由于C8T6的IO口有限,所以可能会出现PWM通道的资源不够的情况,从而我们可能会使用PWM4的PWM通道,但是TIM4的PWM通道并不能直接使用,它需要进行一个重映射,不然可能会导致PWM波不能正常发送。以下就是对PWM4的PWM通道进行一个重映射#include"stm32f10x.h"//Deviceheadervoi</div>
                    </li>
                    <li><a href="/article/1835288683834601472.htm"
                           title="互联网大咖分享:三个日常生活细节决定了你能否成为一名产品经理" target="_blank">互联网大咖分享:三个日常生活细节决定了你能否成为一名产品经理</a>
                        <span class="text-muted">三不小青年</span>

                        <div>生活中的细节和习惯决定了你将来适合从事什么类型的职业乔布斯乔布斯说:“生活中的点点滴滴,在将来的某一天会不自觉的串联起来”,这句话对产品经理这个职业来说最适合不过了。互联网大咖在做分享腾讯高级产品经理在馒头商学院分享,行业型产品经理要具备三点项目思维。实际上,这需要我们在日常生活中都要养成这样的习惯。1项目化管理你的工作时间时间观念一定要强,可以按照李开复的时间管理法则,把事情按照“重要,不重要,</div>
                    </li>
                    <li><a href="/article/1835288585851465728.htm"
                           title="【自用25.1】C++-智能交友系统项目" target="_blank">【自用25.1】C++-智能交友系统项目</a>
                        <span class="text-muted">.远_</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">学习笔记</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/Pro/1.htm">Pro</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>注:项目类文章会陆续更新,请大家关注系列文章创建Girl类头文件#pragmaonce#includeusingnamespacestd;classBoy;classGirl{public:Girl();Girl(intage,stringname,intstyle);~Girl();intgetAge()const;stringgetName()const;intgetStyle()const;</div>
                    </li>
                    <li><a href="/article/1835288207923703808.htm"
                           title="C# 禁止程序重复启动" target="_blank">C# 禁止程序重复启动</a>
                        <span class="text-muted">wiseyao1219</span>
<a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a>
                        <div>修改:Program.cs[STAThread]staticvoidMain(){Mutexmutex=newMutex(true,"NewGuid123456",outboolisCreatedNew);if(!isCreatedNew){MessageBox.Show(Application.ProductName+"isrunning...");return;}Application.Ena</div>
                    </li>
                    <li><a href="/article/1835288177913458688.htm"
                           title="想要孩子具备敏锐的观察力,只需了解这五大关键点" target="_blank">想要孩子具备敏锐的观察力,只需了解这五大关键点</a>
                        <span class="text-muted">美式学习零距离</span>

                        <div>孩子上了小学后,很多家长辅导孩子作业时发现孩子总是粗心大意,一会看错了题,一会又把相似的图案混淆在一起。对孩子的学习来说,观察力其实是专注力和记忆力的基础,孩子只有具备优秀的洞察力,清晰辨别事物,才在此基础上才能发展更好的专注力和记忆力。其实,各行各业都需要有敏锐观察力的人才。而且,对孩子来说,良好的观察力可以让孩子的学习、记忆都上一个台阶。01何为“观察力”?观察力是大脑多种智力活动的一项基础能</div>
                    </li>
                    <li><a href="/article/1835287922409041920.htm"
                           title="在校学生怎么赚零花钱?盘点12个适合大学生无成本赚钱方法" target="_blank">在校学生怎么赚零花钱?盘点12个适合大学生无成本赚钱方法</a>
                        <span class="text-muted">氧惠好项目</span>

                        <div>今天给大家分享一下大学生可以赚到零花钱的兼职,都是一些简单容易上手的,没有任何专业技术,大多数大学生都能做到的。01、淘宝客赚钱这里不是说开网店哦,淘宝客是在淘宝推广专区那里得到商品代码,之后买家只要是通过你推广链接购买商品,你就能赚取商品的佣金了。推广方式还是蛮多的,这里给大家推荐:全网佣金最高的「氧惠」APP,氧惠邀请码:009900。分享商品及推广APP做团队赚佣金,适合新手小白(有导师一对</div>
                    </li>
                    <li><a href="/article/1835287543457869824.htm"
                           title="2018-07-05安静" target="_blank">2018-07-05安静</a>
                        <span class="text-muted">天高地阔心飞扬</span>

                        <div>梁素红,焦点网络九期持续分享第131天(275)舞钢我已经能做到早上不在饭桌上就开始不停的对爱人说话了,真的很难得,也许爱人觉得自己的耳朵根清净了很多。中午从老家回来的路上,我又像以前,说了一路。都是些什么事情呢?也许早说过的,也许是猜测的,还有加上自己的评论,爱人一句话也不说,只有我一个人的独白,还像自言自语。现在我在审视自己的这个问题。我前一段时间怎么能做到,安静的不说话,我是怎么做到的?做到</div>
                    </li>
                    <li><a href="/article/1835287452261117952.htm"
                           title="MATLAB语言基础教程、 小项目1:简单的计算器、 小项目2:有页面的计算器、使用App Designer创建GUI计算器" target="_blank">MATLAB语言基础教程、 小项目1:简单的计算器、 小项目2:有页面的计算器、使用App Designer创建GUI计算器</a>
                        <span class="text-muted">azuredragonz</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%95%99%E7%A8%8B/1.htm">学习教程</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>MATLABMATLAB语言基础教程1.MATLAB简介2.基本语法变量与赋值向量与矩阵矩阵运算数学函数控制流3.函数4.绘图案例:简单方程求解小项目1:简单的科学计算器功能代码项目说明小项目2:有页面的计算器使用AppDesigner创建GUI计算器主要步骤:完整代码(使用MATLAB编写)说明:如何运行:小项目总结MATLAB语言基础教程1.MATLAB简介MATLAB(矩阵实验室)是一种用于</div>
                    </li>
                    <li><a href="/article/1835287325995790336.htm"
                           title="使用FPGA接收MIPI CSI RX信号并进行去抖动、RGB转YUV处理:FX3014 USB3.0 UVC传输与帧率控制源代码,FPGA实现MIPI CSI RX接收,去Debayer, RGB转" target="_blank">使用FPGA接收MIPI CSI RX信号并进行去抖动、RGB转YUV处理:FX3014 USB3.0 UVC传输与帧率控制源代码,FPGA实现MIPI CSI RX接收,去Debayer, RGB转</a>
                        <span class="text-muted">kVfINoSzdrt</span>
<a class="tag" taget="_blank" href="/search/fpga%E5%BC%80%E5%8F%91/1.htm">fpga开发</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a>
                        <div>fpgamipicsirx接收去debayer,rgb转yuv,fx3014usb3.0uvc传输与帧率控制源代码,具体架构看图,除dphy物理层外,mipi均为源码sensorimx219mipi源码mipi4lanecsirxraw10fpgamachXO3lf-690usb3.0fx301432bityuvdatawithframesync测试模式3280*246415fps1920*108</div>
                    </li>
                    <li><a href="/article/1835287073381249024.htm"
                           title="talib的python库安装" target="_blank">talib的python库安装</a>
                        <span class="text-muted">jesonwz</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>talib的python库安装反正用清华源装不上发现talib的指标好多,想着用用,结果在python里装不上,清华源里提示找不到。也难怪,这个库上网查了一下,最新一次更新是在2013年,太老了。废话不说,上我的解决办法。解决方法步骤(靠谱的)思路:既然在线装不上,就用离线的1.下载对应python版本的talib的whl版本安装文件,链接在这:https://blog.csdn.net/FL16</div>
                    </li>
                    <li><a href="/article/1835287032214155264.htm"
                           title="疫情,疫情" target="_blank">疫情,疫情</a>
                        <span class="text-muted">东山草</span>

                        <div>2020年,疫情爆发,至今已近三年,反反复复,此起彼伏。不但没被消灭,还自我发展,从德尔塔到奥密克戎,与时俱进的变异着。去年11月,疫情之下,大数据800米范围内,都成为时空伴随者。“你的码儿有没有变颜色”“你绿码还是黄码”成为那段时间的流行语,当然少不了的还有全员核酸。段子手整出来一首歌:我走过你走过的路,这算不算相逢?我吹过你吹过的风,这算不算相拥?800米内我们不曾擦肩而过,你却要我14天相</div>
                    </li>
                    <li><a href="/article/1835285939723792384.htm"
                           title="利用frp实现内网穿透(需要云主机)" target="_blank">利用frp实现内网穿透(需要云主机)</a>
                        <span class="text-muted">heiyumiao</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%B7%A5%E5%85%B7/1.htm">网络工具</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
                        <div>详细实现教程:https://www.iplaysoft.com/frp.htmlhttps://blog.csdn.net/u013144287/article/details/78589643/项目官网地址:https://github.com/fatedier/frp/releases按照系统下载相应的程序包什么是frp内网穿透工具有很多,其中Frp(FastReverseProxy)是比较</div>
                    </li>
                    <li><a href="/article/1835285813361995776.htm"
                           title="【C#Mutex】 initiallyOwned错误引起的缺陷" target="_blank">【C#Mutex】 initiallyOwned错误引起的缺陷</a>
                        <span class="text-muted">闻缺陷则喜何志丹</span>
<a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/%E4%BA%92%E6%96%A5%E9%87%8F/1.htm">互斥量</a><a class="tag" taget="_blank" href="/search/%E8%BF%9B%E7%A8%8B/1.htm">进程</a><a class="tag" taget="_blank" href="/search/%E5%90%8C%E6%AD%A5/1.htm">同步</a><a class="tag" taget="_blank" href="/search/WaitOne/1.htm">WaitOne</a><a class="tag" taget="_blank" href="/search/initiallyOwned/1.htm">initiallyOwned</a><a class="tag" taget="_blank" href="/search/%E4%B8%B4%E7%95%8C%E5%8C%BA/1.htm">临界区</a>
                        <div>临界区只能对同一个进程的不同线程同步,互斥量可以跨进程同步。典型应用场景:两个exe会操作同一个注册表项。错误代码封装类publicclassCMutexHelp:IDisposable{publicCMutexHelp(){s_mutex.WaitOne();}privatestaticMutexs_mutex=newMutex(true,"Time202409091406ab");public</div>
                    </li>
                    <li><a href="/article/1835285434691842048.htm"
                           title="TA-Lib Python 库 Windows 64位安装包" target="_blank">TA-Lib Python 库 Windows 64位安装包</a>
                        <span class="text-muted">黄桥壮Quinn</span>

                        <div>TA-LibPython库Windows64位安装包TA.rar项目地址:https://gitcode.com/open-source-toolkit/3ff39简介本仓库提供了一个适用于Windows64位系统的TA-LibPython库安装包。TA-Lib是一个广泛用于金融技术分析的库,支持多种技术指标的计算。资源文件文件名TA-Lib-0.4.29-cp312-win-amd64.whl描</div>
                    </li>
                    <li><a href="/article/1835285180512825344.htm"
                           title="Lombok:Java开发者的代码简化神器【后端 17】" target="_blank">Lombok:Java开发者的代码简化神器【后端 17】</a>
                        <span class="text-muted">终末圆</span>
<a class="tag" taget="_blank" href="/search/Java%E5%90%8E%E7%AB%AF/1.htm">Java后端</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><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>Lombok:Java开发者的代码简化神器在Java开发中,我们经常需要编写大量的样板代码,如getter、setter、equals、hashCode、toString等方法。这些代码虽然基础且必要,但往往占据了大量开发时间,且容易在属性变更时引发错误。幸运的是,Lombok这个Java库通过注解的方式,为我们提供了一种高效的解决方案。本文将详细介绍Lombok的使用及其优势。什么是Lombok</div>
                    </li>
                    <li><a href="/article/1835285182073106432.htm"
                           title="MySQL日志" target="_blank">MySQL日志</a>
                        <span class="text-muted">沉着冷静2024</span>
<a class="tag" taget="_blank" href="/search/MySQL/1.htm">MySQL</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
                        <div>MySQL日志文章目录MySQL日志MySQL三大日志binlog的三种格式redolog和binlog的区别和应用场景为什么崩溃恢复不用binlog而用redolog?redolog如何实现持久化redolog还能做什么?redolog的三种刷盘策略两阶段提交什么是?为什么?两阶段提交过程MySQL三大日志1.undologundolog是InnoDB存储引擎层的日志,实现了事务的原子性,主要用</div>
                    </li>
                    <li><a href="/article/1835284370089406464.htm"
                           title="2018-08-16【Swift 4.1】 关于Swift4.0以后调用MJExtension无法模型转换问题" target="_blank">2018-08-16【Swift 4.1】 关于Swift4.0以后调用MJExtension无法模型转换问题</a>
                        <span class="text-muted">码农happy</span>

                        <div>1、本人使用swift4.1,弄了一晚上才弄好,结果还是一个小问题真是尴尬,要在model中每个属性前面加上@objcimportUIKitclassUserModel:NSObject{@objcvardix=String()}letdic=["dix":"ffffff"]asNSDictionaryletmodel=UserModel.mj_object(withKeyValues:dic)!</div>
                    </li>
                    <li><a href="/article/1835284364955578368.htm"
                           title="无畏孤独" target="_blank">无畏孤独</a>
                        <span class="text-muted">蔚蓝以北</span>

                        <div>孤独这两个字拆开来看,有孩童,有瓜果,有小犬,有蚊蝇,足以撑起一个盛夏傍晚间的巷子口,人情味十足。稚儿擎瓜柳棚下,细犬逐蝶窄巷中,人间繁华多笑语,惟我空余两鬓风。——孩童水果猫狗飞蝇当然热闹,可都和你无关,这就叫孤独。——林语堂人生中,哪个时刻,让你感觉自己是孤独的?看到这个问题,脑海画面犹如影片一般快速的翻动,一段段闪亮的时刻仿佛就在眼前,模糊又清晰。也许是在医院吧,从14年开始,因为甲状腺的问</div>
                    </li>
                    <li><a href="/article/1835284237847195648.htm"
                           title="2019-12-10" target="_blank">2019-12-10</a>
                        <span class="text-muted">中中地山谦</span>

                        <div>人在低谷找自己的长处耐心蛰伏总能找到出路天生我材必有用,千金散尽还复来——李白《将进酒·君不见》</div>
                    </li>
                    <li><a href="/article/1835284109467938816.htm"
                           title="2023-10-26" target="_blank">2023-10-26</a>
                        <span class="text-muted">Eltonpeople</span>

                        <div>文化通史121今日启发:Elton:第八章中世文化的初兴第一节幕府体制与公武二元文化的确立镰仓幕府在日本历史上,平安时代末期,出现平氏和源氏两大武士集团。首先平氏取代贵族而获得了政权,但仍沿袭贵族政治。平氏与源氏两大武士集团之间不断发生战争。源赖朝于1180年奉以仁王之旨令,举兵讨伐平氏,经过富士川、一谷、坛浦等战役,最终推翻了平氏政权。源赖朝夺取政权后,在地方领主的武力支持下,在镰仓地方初步建立</div>
                    </li>
                    <li><a href="/article/1835283920720064512.htm"
                           title="python绘制等高线和等值面初步" target="_blank">python绘制等高线和等值面初步</a>
                        <span class="text-muted">bcbobo21cn</span>
<a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%BD%A2%E5%AD%A6%E5%92%8C3D/1.htm">图形学和3D</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/Matplotlib/1.htm">Matplotlib</a><a class="tag" taget="_blank" href="/search/NumPy/1.htm">NumPy</a><a class="tag" taget="_blank" href="/search/%E7%AD%89%E9%AB%98%E7%BA%BF/1.htm">等高线</a>
                        <div>importmatplotlib.pyplotaspltimportnumpyasnpx=np.linspace(-5,6,210)y=np.linspace(-5,6,210)x,y=np.meshgrid(x,y)z=(1-x/2+x**5+y**4)*np.exp(-x**2-y**2)plt.contour(x,y,z,levels=9,colors='black')plt.show()i</div>
                    </li>
                    <li><a href="/article/1835283416749273088.htm"
                           title="⭐算法入门⭐《归并排序》简单01 —— LeetCode 21. 合并两个有序链表" target="_blank">⭐算法入门⭐《归并排序》简单01 —— LeetCode 21. 合并两个有序链表</a>
                        <span class="text-muted">英雄哪里出来</span>
<a class="tag" taget="_blank" href="/search/%E3%80%8ALeetCode%E7%AE%97%E6%B3%95%E5%85%A8%E9%9B%86%E3%80%8B/1.htm">《LeetCode算法全集》</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%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E9%93%BE%E8%A1%A8/1.htm">链表</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F/1.htm">归并排序</a>
                        <div>饭不食,水不饮,题必须刷C语言免费动漫教程,和我一起打卡!《光天化日学C语言》LeetCode太难?先看简单题!《C语言入门100例》数据结构难?不存在的!《数据结构入门》LeetCode太简单?算法学起来!《夜深人静写算法》文章目录一、题目1、题目描述2、基础框架3、原题链接二、解题报告1、思路分析2、时间复杂度3、代码详解三、本题小知识一、题目1、题目描述  将两个不降序链表合并为一个新的不降</div>
                    </li>
                    <li><a href="/article/1835283349275504640.htm"
                           title="乘风破浪,我们眼里藏着努力和未来" target="_blank">乘风破浪,我们眼里藏着努力和未来</a>
                        <span class="text-muted">刘娟娟_培训师</span>

                        <div>居里夫人说:“17岁时你不漂亮,可以怪罪于母亲没有遗传好的容貌;但是30岁了依然不漂亮,就只能责怪自己,因为在那么漫长的日子里,你没有往生命里注入新的东西。”30岁之后相由心生,你内心的善良、智慧、经历都会写满整个脸。美一定是内外兼修我曾经遇到过很多女孩问我说说娟娟老师你怎么那么美,皮肤又好,还会穿搭。我笑笑想说其实是我天生底子好,但是我通常会说你要是稍加修饰美起来就没我啥事了。以前的我每天都是素</div>
                    </li>
                    <li><a href="/article/1835283345420939264.htm"
                           title="2021-04-06" target="_blank">2021-04-06</a>
                        <span class="text-muted">吕志刚l</span>

                        <div>京❤️达总店:吕志刚2021年4月5日落地真经严格就是爱,放纵既是害目标确认目标:油卡目标:30个完成1个。今日体验,在面对困难的时候或挫折时,我们要相信自己有能力和有办法去克服它。一要凡事不抱怨;二是不把事情严重化,而是简单化。三是多看自己优点。</div>
                    </li>
                    <li><a href="/article/1835282712320110592.htm"
                           title="感赏107(2019.3.7)能量放任让孩子行为更规范" target="_blank">感赏107(2019.3.7)能量放任让孩子行为更规范</a>
                        <span class="text-muted">张天艳</span>

                        <div>能量上的放任,逐渐让孩子的行为变得规范。我从点滴上举个小例子。女儿刚放寒假就剪了短头发,女孩子爱美的天性就完全展现了出来。女儿要剪短发,我支持了她,夸她这个头型很漂亮,她就很开心。而不是我一味的去阻挠。女儿自从剪了头发,隔一天就洗一次头发,浪费的时间相对很多。以往我会抱怨浪费时间啊,唠叨她快点啊,都是碎碎念。现在女儿洗头发我会说:“你爱清洁这个习惯很好,干干净净的,我女儿漂漂亮亮的,真是好!”由衷</div>
                    </li>
                    <li><a href="/article/1835282578844774400.htm"
                           title="做自媒体赚钱吗?这是我做自媒体一个月的真实收入" target="_blank">做自媒体赚钱吗?这是我做自媒体一个月的真实收入</a>
                        <span class="text-muted">一强看世界</span>

                        <div>2022年4月10日,我写了《做自媒体赚钱吗?我用真实经历告诉你》,限于篇幅没写完,今天接着写。1、收入多少?企鹅号0.02元,今日头条0.05元,百家号0.62元,大鱼号1元,B站2.59元,合计4.28元。这就是我尝试着做自媒体一个月的真实收入。是谁说做自媒体可以轻松月入过万的?是谁说某某某通过做自媒体买了几套房,换了几辆车的?赶紧出来,看我打不打你?(哈哈开个玩笑,去打别人,我的收入也不会增</div>
                    </li>
                                <li><a href="/article/10.htm"
                                       title="jsonp 常用util方法" target="_blank">jsonp 常用util方法</a>
                                    <span class="text-muted">hw1287789687</span>
<a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jsonp%E5%B8%B8%E7%94%A8%E6%96%B9%E6%B3%95/1.htm">jsonp常用方法</a><a class="tag" taget="_blank" href="/search/jsonp+callback/1.htm">jsonp callback</a>
                                    <div>jsonp 常用java方法 
(1)以jsonp的形式返回:函数名(json字符串) 
/***
	 * 用于jsonp调用
	 * @param map : 用于构造json数据
	 * @param callback : 回调的javascript方法名
	 * @param filters : <code>SimpleBeanPropertyFilter theFilt</div>
                                </li>
                                <li><a href="/article/137.htm"
                                       title="多线程场景" target="_blank">多线程场景</a>
                                    <span class="text-muted">alafqq</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a>
                                    <div>0 
能不能简单描述一下你在java web开发中需要用到多线程编程的场景?0 
对多线程有些了解,但是不太清楚具体的应用场景,能简单说一下你遇到的多线程编程的场景吗? 
Java多线程 
2012年11月23日 15:41 Young9007 Young9007 
4 
0 0 4 
 
Comment添加评论关注(2) 
3个答案 按时间排序 按投票排序 
 
0 
0 
最典型的如: 
1、</div>
                                </li>
                                <li><a href="/article/264.htm"
                                       title="Maven学习——修改Maven的本地仓库路径" target="_blank">Maven学习——修改Maven的本地仓库路径</a>
                                    <span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                                    <div>      安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下,该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中,以方便重用。但是windows用户的操作系统都安装在C盘,把Maven仓库放到C盘是很危险的,为此我们需要修改Maven的本地仓库路径。 
  
 </div>
                                </li>
                                <li><a href="/article/391.htm"
                                       title="placeholder的浏览器兼容" target="_blank">placeholder的浏览器兼容</a>
                                    <span class="text-muted">120153216</span>
<a class="tag" taget="_blank" href="/search/placeholder/1.htm">placeholder</a>
                                    <div>【前言】 
自从html5引入placeholder后,问题就来了, 
不支持html5的浏览器也先有这样的效果, 
各种兼容,之前考虑,今天测试人员逮住不放, 
想了个解决办法,看样子还行,记录一下。 
  
【原理】 
不使用placeholder,而是模拟placeholder的效果, 
大概就是用focus和focusout效果。 
  
【代码】 
<scrip</div>
                                </li>
                                <li><a href="/article/518.htm"
                                       title="debian_用iso文件创建本地apt源" target="_blank">debian_用iso文件创建本地apt源</a>
                                    <span class="text-muted">2002wmj</span>
<a class="tag" taget="_blank" href="/search/Debian/1.htm">Debian</a>
                                    <div>1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内,本例是放在本机/iso/目录下

2.创建N个挂载点目录  
如下: 
debian:~#mkdir –r /media/dvd1 
debian:~#mkdir –r /media/dvd2 
debian:~#mkdir –r /media/dvd3 
…. 
debian:~#mkdir –r /media</div>
                                </li>
                                <li><a href="/article/645.htm"
                                       title="SQLSERVER耗时最长的SQL" target="_blank">SQLSERVER耗时最长的SQL</a>
                                    <span class="text-muted">357029540</span>
<a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a>
                                    <div>对于DBA来说,经常要知道存储过程的某些信息: 
 
1.   执行了多少次 
 
2.   执行的执行计划如何 
 
3.   执行的平均读写如何 
 
4.   执行平均需要多少时间 
 
列名          &</div>
                                </li>
                                <li><a href="/article/772.htm"
                                       title="com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil" target="_blank">com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil</a>
                                    <span class="text-muted">7454103</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
                                    <div>今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误,并且工程文件打不开了,在网上找了一下资料,然后按照方法操作了一遍,好了,解决方法如下: 
 
错误提示信息: 
 
An error has occurred.See error log for more details. 
Reason: 
com/genuitec/</div>
                                </li>
                                <li><a href="/article/899.htm"
                                       title="用正则删除文本中的html标签" target="_blank">用正则删除文本中的html标签</a>
                                    <span class="text-muted">adminjun</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E6%8E%89html%E6%A0%87%E7%AD%BE/1.htm">去掉html标签</a>
                                    <div>使用文本编辑器录入文章存入数据中的文本是HTML标签格式,由于业务需要对HTML标签进行去除只保留纯净的文本内容,于是乎Java实现自动过滤。 
如下: 
public static String Html2Text(String inputString) {  
String htmlStr = inputString; // 含html标签的字符串
  String textSt</div>
                                </li>
                                <li><a href="/article/1026.htm"
                                       title="嵌入式系统设计中常用总线和接口" target="_blank">嵌入式系统设计中常用总线和接口</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/linux+%E5%9F%BA%E7%A1%80/1.htm">linux 基础</a>
                                    <div>               嵌入式系统设计中常用总线和接口 
  
        任何一个微处理器都要与一定数量的部件和外围设备连接,但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接,那么连线</div>
                                </li>
                                <li><a href="/article/1153.htm"
                                       title="Java函数调用方式——按值传递" target="_blank">Java函数调用方式——按值传递</a>
                                    <span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%8C%89%E5%80%BC%E4%BC%A0%E9%80%92/1.htm">按值传递</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1/1.htm">对象</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/1.htm">基础数据类型</a>
                                    <div>Java使用按值传递的函数调用方式,这往往使我感到迷惑。因为在基础数据类型和对象的传递上,我就会纠结于到底是按值传递,还是按引用传递。其实经过学习,Java在任何地方,都一直发挥着按值传递的本色。 
  
首先,让我们看一看基础数据类型是如何按值传递的。 
  
public static void main(String[] args) {
		
	int a = 2;
</div>
                                </li>
                                <li><a href="/article/1280.htm"
                                       title="ios音量线性下降" target="_blank">ios音量线性下降</a>
                                    <span class="text-muted">bewithme</span>
<a class="tag" taget="_blank" href="/search/ios%E9%9F%B3%E9%87%8F/1.htm">ios音量</a>
                                    <div>直接上代码吧 
  
//second 几秒内下降为0
- (void)reduceVolume:(int)second {
    KGVoicePlayer *player = [KGVoicePlayer defaultPlayer];
    
    if (!_flag) {
        _tempVolume = player.volume;
       </div>
                                </li>
                                <li><a href="/article/1407.htm"
                                       title="与其怨它不如爱它" target="_blank">与其怨它不如爱它</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E9%80%89%E6%8B%A9/1.htm">选择</a><a class="tag" taget="_blank" href="/search/%E7%90%86%E6%83%B3/1.htm">理想</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E4%B8%9A/1.htm">职业</a><a class="tag" taget="_blank" href="/search/%E8%A7%84%E5%88%92/1.htm">规划</a>
                                    <div>        抱怨工作是年轻人的常态,但爱工作才是积极的心态,与其怨它不如爱它。 
        一般来说,在公司干了一两年后,不少年轻人容易产生怨言,除了具体的埋怨公司“扭门”,埋怨上司无能以外,也有许多人是因为根本不爱自已的那份工作,工作完全成了谋生的手段,跟自已的性格、专业、爱好都相差甚远。 
  </div>
                                </li>
                                <li><a href="/article/1534.htm"
                                       title="一边时间不够用一边浪费时间" target="_blank">一边时间不够用一边浪费时间</a>
                                    <span class="text-muted">bingyingao</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4/1.htm">时间</a><a class="tag" taget="_blank" href="/search/%E6%B5%AA%E8%B4%B9/1.htm">浪费</a>
                                    <div>一方面感觉时间严重不够用,另一方面又在不停的浪费时间。 
 
每一个周末,晚上熬夜看电影到凌晨一点,早上起不来一直睡到10点钟,10点钟起床,吃饭后玩手机到下午一点。 
精神还是很差,下午像一直野鬼在城市里晃荡。 
 
 
为何不尝试晚上10点钟就睡,早上7点就起,时间完全是一样的,把看电影的时间换到早上,精神好,气色好,一天好状态。 
控制让自己周末早睡早起,你就成功了一半。 
 
有多少个工作</div>
                                </li>
                                <li><a href="/article/1661.htm"
                                       title="【Scala八】Scala核心二:隐式转换" target="_blank">【Scala八】Scala核心二:隐式转换</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
                                    <div>Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con</div>
                                </li>
                                <li><a href="/article/1788.htm"
                                       title="sudoku slover in Haskell (2)" target="_blank">sudoku slover in Haskell (2)</a>
                                    <span class="text-muted">bookjovi</span>
<a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a><a class="tag" taget="_blank" href="/search/sudoku/1.htm">sudoku</a>
                                    <div>继续精简haskell版的sudoku程序,稍微改了一下,这次用了8行,同时性能也提高了很多,对每个空格的所有解不是通过尝试算出来的,而是直接得出。 
  
board = [0,3,4,1,7,0,5,0,0,
         0,6,0,0,0,8,3,0,1,
         7,0,0,3,0,0,0,0,6,
         5,0,0,6,4,0,8,0,7,
</div>
                                </li>
                                <li><a href="/article/1915.htm"
                                       title="Java-Collections Framework学习与总结-HashSet和LinkedHashSet" target="_blank">Java-Collections Framework学习与总结-HashSet和LinkedHashSet</a>
                                    <span class="text-muted">BrokenDreams</span>
<a class="tag" taget="_blank" href="/search/linkedhashset/1.htm">linkedhashset</a>
                                    <div>        本篇总结一下两个常用的集合类HashSet和LinkedHashSet。 
        它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合;之前总结过的java.util.List表示一种元素可重复且有序</div>
                                </li>
                                <li><a href="/article/2042.htm"
                                       title="读《研磨设计模式》-代码笔记-备忘录模式-Memento" target="_blank">读《研磨设计模式》-代码笔记-备忘录模式-Memento</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.util.ArrayList;
import java.util.List;



/*
 * 备忘录模式的功能是,在不破坏封装性的前提下,捕获一个对象的内部状态,并在对象之外保存这个状态,为以后的状态恢复作“备忘”
</div>
                                </li>
                                <li><a href="/article/2169.htm"
                                       title="《RAW格式照片处理专业技法》笔记" target="_blank">《RAW格式照片处理专业技法》笔记</a>
                                    <span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/PS/1.htm">PS</a>
                                    <div>注意,这不是教程!仅记录楼主之前不太了解的 
 
 一、色彩(空间)管理 
作者建议采用ProRGB(色域最广),但camera raw中设为ProRGB,而PS中则在ProRGB的基础上,将gamma值设为了1.8(更符合人眼) 
注意:bridge、camera raw怎么设置显示、输出的颜色都是正确的(会读取文件内的颜色配置文件),但用PS输出jpg文件时,必须先用Edit->conv</div>
                                </li>
                                <li><a href="/article/2296.htm"
                                       title="使用 Git 下载 Spring 源码 编译 for Eclipse" target="_blank">使用 Git 下载 Spring 源码 编译 for Eclipse</a>
                                    <span class="text-muted">crabdave</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a>
                                    <div>使用 Git 下载 Spring 源码 编译 for Eclipse 
  
1、安装gradle,下载 http://www.gradle.org/downloads 
配置环境变量GRADLE_HOME,配置PATH  %GRADLE_HOME%/bin,cmd,gradle -v 
  
2、spring4 用jdk8 下载 https://jdk8.java.</div>
                                </li>
                                <li><a href="/article/2423.htm"
                                       title="mysql连接拒绝问题" target="_blank">mysql连接拒绝问题</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E7%99%BB%E5%BD%95%E6%9D%83%E9%99%90/1.htm">登录权限</a>
                                    <div>mysql中在其它机器连接mysql服务器时报错问题汇总 
 
一、[running]root@192.168.9.136:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数,在下一步进行密码输入 
Enter password:    //无字符串输入 
ERROR 1045 (28000): Access </div>
                                </li>
                                <li><a href="/article/2550.htm"
                                       title="Google Chrome 为何打压 H.264" target="_blank">Google Chrome 为何打压 H.264</a>
                                    <span class="text-muted">dsjt</span>
<a class="tag" taget="_blank" href="/search/apple/1.htm">apple</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a>
                                    <div>Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准,Chrome 将在几个月后正式停止对 H.264 视频解码的支持,全面采用开放的 WebM 和 Theora 格式。 
 
Google 在博客上表示,自从 WebM 视频编解码器推出以后,在性能、厂商支持以及独立性方面已经取得了很大的进步,为了与 Chromium 现有支持的編解码器保持一致,Chrome</div>
                                </li>
                                <li><a href="/article/2677.htm"
                                       title="yii 获取控制器名 和方法名" target="_blank">yii 获取控制器名 和方法名</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a><a class="tag" taget="_blank" href="/search/framework/1.htm">framework</a>
                                    <div>1. 获取控制器名 
在控制器中获取控制器名:  $name = $this->getId(); 
在视图中获取控制器名:    $name = Yii::app()->controller->id;  
  
2. 获取动作名  
在控制器beforeAction()回调函数中获取动作名:  $name = </div>
                                </li>
                                <li><a href="/article/2804.htm"
                                       title="Android知识总结(二)" target="_blank">Android知识总结(二)</a>
                                    <span class="text-muted">come_for_dream</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>明天要考试了,速速总结如下 
  
1、Activity的启动模式 
       standard:每次调用Activity的时候都创建一个(可以有多个相同的实例,也允许多个相同Activity叠加。) 
       singleTop:可以有多个实例,但是不允许多个相同Activity叠加。即,如果Ac</div>
                                </li>
                                <li><a href="/article/2931.htm"
                                       title="高洛峰收徒第二期:寻找未来的“技术大牛” ——折腾一年,奖励20万元" target="_blank">高洛峰收徒第二期:寻找未来的“技术大牛” ——折腾一年,奖励20万元</a>
                                    <span class="text-muted">gcq511120594</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a>
                                    <div>高洛峰,兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖! 
首期现在的进程刚刚过半,徒弟们真的很棒,人品都没的说,团结互助,学习刻苦,工作认真积极,灵活上进。我几乎会把他们全部留下来,现在已有一多半安排了实际的工作,并取得了很好的成绩。等他们出徒之日,凭他们的能力一定能够拿到高薪,而且我还承诺过一个徒弟,当他拿到大学毕</div>
                                </li>
                                <li><a href="/article/3058.htm"
                                       title="linux expect" target="_blank">linux expect</a>
                                    <span class="text-muted">heipark</span>
<a class="tag" taget="_blank" href="/search/expect/1.htm">expect</a>
                                    <div>1. 创建、编辑文件go.sh 
  
#!/usr/bin/expect

spawn sudo su admin

expect  "*password*" { send "13456\r\n" }

interact  
   2. 设置权限 
   chmod u+x go.sh   3.</div>
                                </li>
                                <li><a href="/article/3185.htm"
                                       title="Spring4.1新特性——静态资源处理增强" target="_blank">Spring4.1新特性——静态资源处理增强</a>
                                    <span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a>
                                    <div>目录 
Spring4.1新特性——综述 
Spring4.1新特性——Spring核心部分及其他 
Spring4.1新特性——Spring缓存框架增强 
Spring4.1新特性——异步调用和事件机制的异常处理 
Spring4.1新特性——数据库集成测试脚本初始化 
Spring4.1新特性——Spring MVC增强 
Spring4.1新特性——页面自动化测试框架Spring MVC T</div>
                                </li>
                                <li><a href="/article/3312.htm"
                                       title="idea ubuntuxia 乱码" target="_blank">idea ubuntuxia 乱码</a>
                                    <span class="text-muted">liyonghui160com</span>

                                    <div>    
1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 
2.在ubuntu 下可以执行下面操作安装该字体: 
sudo mkdir /usr/share/fonts/truetype/simsun
sudo cp simsun.ttf  /usr/share/fonts/truetype/simsun
fc-cache -f -v 
</div>
                                </li>
                                <li><a href="/article/3439.htm"
                                       title="改良程序的11技巧" target="_blank">改良程序的11技巧</a>
                                    <span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/%E6%8A%80%E5%B7%A7/1.htm">技巧</a>
                                    <div>有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点,程序你只写一次,但以后会无数次的阅读。当你第二天回头来看你的代码 时,你就要开始阅读它了。当你把代码拿给其他人看时,他必须阅读你的代码。因此,在编写时多花一点时间,你会在阅读它时节省大量的时间。 
  
让我们看一些基本的编程技巧: 
  
 
 尽量保持方法简短 
 永远永远不要把同一个变量用于多个不同的</div>
                                </li>
                                <li><a href="/article/3566.htm"
                                       title="300个涵盖IT各方面的免费资源(下)——工作与学习篇" target="_blank">300个涵盖IT各方面的免费资源(下)——工作与学习篇</a>
                                    <span class="text-muted">shoothao</span>
<a class="tag" taget="_blank" href="/search/%E5%88%9B%E4%B8%9A/1.htm">创业</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9%E8%B5%84%E6%BA%90/1.htm">免费资源</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%AF%BE%E7%A8%8B/1.htm">学习课程</a><a class="tag" taget="_blank" href="/search/%E8%BF%9C%E7%A8%8B%E5%B7%A5%E4%BD%9C/1.htm">远程工作</a>
                                    <div>工作与生产效率: 
  
 
 A. 背景声音 
 
 
  Noisli:背景噪音与颜色生成器。 
  Noizio:环境声均衡器。 
  Defonic:世界上任何的声响都可混合成美丽的旋律。 
  Designers.mx:设计者为设计者所准备的播放列表。 
  Coffitivity:这里的声音就像咖啡馆里放的一样。 
 
 
 B. 避免注意力分散 
 
 
  Self Co</div>
                                </li>
                                <li><a href="/article/3693.htm"
                                       title="深入浅出RPC" target="_blank">深入浅出RPC</a>
                                    <span class="text-muted">uule</span>
<a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a>
                                    <div>深入浅出RPC-浅出篇 
深入浅出RPC-深入篇 
  
RPC 
Remote Procedure Call Protocol 
远程过程调用协议 
  
它是一种通过网络从远程计算机程序上请求服务,而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在,如TCP或UDP,为通信程序之间携带信息数据。在OSI网络通信模型中,RPC跨越了传输层和应用层。RPC使得开发</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>