聪明的王二狗

HTML学习（三）

文章目录

网页内嵌

属性

框架标签
form标签及表单域标签

form标签
input标签
下拉框
文本域
效果

网页内嵌

作用：在一个网页中嵌入另一个网页，相互不影响。

<iframe src="http://www.taobao.com" width="50%" height="50%">iframe>

在当前网页中加载淘宝网页，宽50%，高50%

属性

name：标注此标签的名字
可以用a标签实现动态加载内嵌网页

<a href="http://www.baidu.com" target="_if">百度a>
<a href="http://www.taobao.com" target="_if">淘宝a>
<a href="http://www.jd.com" target="_if">京东a>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>iframe</span><span class="token punctuation">></span></span>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/071759747fbb4e0fa554d70f2cefa0e2.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/071759747fbb4e0fa554d70f2cefa0e2.jpg" alt="HTML学习（三）_第2张图片" width="650" height="380" style="border:1px solid black;"></a><br> <em>前面讲到要让a标签在新页面打开网页，只需要写target = “_blank”，说明浏览器内置叫_blank的空白网页，target其他参数也是浏览器内置的网页</em></p> 
  <h2>框架标签</h2> 
  <p>将一个页面分割成几个部分，每个部分加载一个html文件，组成整个页面。</p> 
  <p><strong>作用：</strong> 减少重复代码的书写。</p> 
  <p><strong>使用：</strong></p> 
  <ul> 
   <li>用框架做的页面不用写body标签，而是用frameset标签，从名字可以看出，在这个标签里面是frame标签的集合，值得注意的是，frameset标签是可以嵌套的，即frameset里面可以有另一个frameset标签。</li> 
   <li>frameset标签内有rows和cols属性，分别是标签内的frame/frameset按一行一行排列，按一列一列排列，例如按行排三个frame/frameset，分别占15%，70%，15%，可以写成rows=“15%,*,15%”，*的意思是余下全部。</li> 
   <li>frame标签内src属性用来加载其他html文件。</li> 
  </ul> 
  <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>框架学习<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span>
	<span class="token comment"><!-- 框架：将网页分成好多分，进行拼接，重复的不需要重复写代码，应用：邮箱 --></span>
	<frameset rows = "15%,*,15%">
		<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>frame</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>frameset/top.html<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>frameset</span> <span class="token attr-name">cols</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>15%,*<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span>
			<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>frame</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>frameset/left.html<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span>
			<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>frame</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>frameset/right.html<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>_right<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>frameset</span><span class="token punctuation">></span></span>	
		<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>frame</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>frameset/bottom.html<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>frameset</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span>
</code></pre> 
  <pre><code class="prism language-html"><span class="token comment"><!--其他文件--></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>top<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
		我是top <span class="token comment"><!--right/left/bottom--></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/0428e6357b4144c7a1a25d7984aecf37.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/0428e6357b4144c7a1a25d7984aecf37.jpg" alt="HTML学习（三）_第3张图片" width="650" height="314" style="border:1px solid black;"></a><br> <strong>应用：</strong><br> 常用于邮箱</p> 
  <p><mark>注：在框架内用a标签做网页的后退时，要给a标签加上 target="_parent"或者target="_top"属性，因为不加target，后退的页面会仅仅在当前frame框架内显示，如下</mark></p> 
  <p><mark>1点击登录</mark><br> <a href="http://img.e-com-net.com/image/info8/bfbd128674f14f9aace365e305a05b78.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/bfbd128674f14f9aace365e305a05b78.jpg" alt="HTML学习（三）_第4张图片" width="461" height="337" style="border:1px solid black;"></a></p> 
  <p><mark>2点击退出</mark><br> <a href="http://img.e-com-net.com/image/info8/0bdca08b13db42468f7880e7bc10e2cc.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/0bdca08b13db42468f7880e7bc10e2cc.jpg" alt="HTML学习（三）_第5张图片" width="650" height="315" style="border:1px solid black;"></a></p> 
  <p><mark>3只在top框架中显示登录页面</mark><br> <a href="http://img.e-com-net.com/image/info8/7e7904eab46e4940a544619c1329f592.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/7e7904eab46e4940a544619c1329f592.jpg" alt="HTML学习（三）_第6张图片" width="650" height="340" style="border:1px solid black;"></a></p> 
  <h2>form标签及表单域标签</h2> 
  <h3>form标签</h3> 
  <p><strong>作用：</strong> 收集并提交用户数据给指定服务器。</p> 
  <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span> <span class="token attr-name">method</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>get<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
表单域标签
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span>
</code></pre> 
  <p>其中<strong>action属性是数据要提交给的服务器地址</strong>，#表示自己提交给自己；<strong>method表示数据提交的方式</strong>，有get和post两种方式，get方法在提交数据的时候会将数据放在网站url后面（例如：https://editor.csdn.net/md?articleId=104630464，?后面是数据），因为是放在url后面，所以适合提交少量数据，而post方法是将数据放在对服务器的请求后面（url在请求里面，具体的在我《手写serve》博客中有写），可以提交大量数据，同时因为在url中不可见，所以更安全。</p> 
  <p>form标签会提交标签内的特定数据，不会提交标签外的数据。</p> 
  <p><strong>表单域标签</strong>是给给用户提供可以进行数据书写或者选择的标签。每个标签都有name和value属性，分别是提交给服务器的数据名称和数据值。有以下几种：</p> 
  <h3>input标签</h3> 
  <p>提供一个文本框，供用户输入少量数据，数据可见。</p> 
  <pre><code class="prism language-html">用户名<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>uname<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span>
</code></pre> 
  <p>提供一个密码框，供用户输入少量数据，数据不可见。</p> 
  <pre><code class="prism language-html">密码<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>password<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>upwd<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span>
</code></pre> 
  <p>提供一个单选框，供用户选择，不可取消选择，多个名字相同的单选框只能选一个。<br> checked属性，默认选中。</p> 
  <pre><code class="prism language-html">男 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sex<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>checked<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span>  
女 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>sex<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span>
</code></pre> 
  <p>提供一个多选框，供用户选择，可取消选择，同一组多选框用同一名字。</p> 
  <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>serve<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> 第一个服务条框<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>checkbox<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>serve<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> 第二个服务条框<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
</code></pre> 
  <p>提供一个普通按钮</p> 
  <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>button<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>normal<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>验证码<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</code></pre> 
  <p>提供一个隐藏标签，不会在浏览器中显示出来，用于提交不需要用户知道，但要跟随用户提交数据一起提交的数据。</p> 
  <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>hidden<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>hidden<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>隐藏数据<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
</code></pre> 
  <p>提供一个可以提交表单中数据的按钮，将表单中的数据以method的方法提交到action那里去。</p> 
  <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>登录<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span>
</code></pre> 
  <p><mark>最后一起展示效果</mark></p> 
  <h3>下拉框</h3> 
  <p>提供一个下拉框供用户选择。<br> 用select标签创建一个空的下拉框，在标签内使用option标签插入选项。<br> selected属性表示默认显示（选择）</p> 
  <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>select</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>user<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>管理员<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>option</span><span class="token punctuation">></span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span> <span class="token attr-name">selected</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>selected<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>用户<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>option</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>select</span><span class="token punctuation">></span></span>
</code></pre> 
  <p><mark>最后一起展示效果</mark></p> 
  <h3>文本域</h3> 
  <p>**作用：**供用户输入大段文字。</p> 
  <p>rows：行数，cols：列数。</p> 
  <p>文本域可在浏览器改变大小，要想固定住需要css,js.</p> 
  <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>textarea</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>intro<span class="token punctuation">"</span></span> <span class="token attr-name">rows</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>10<span class="token punctuation">"</span></span> <span class="token attr-name">cols</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>30<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>textarea</span><span class="token punctuation">></span></span>
</code></pre> 
  <h3>效果</h3> 
  <p><a href="http://img.e-com-net.com/image/info8/1335e0c2acd44b4b8baef9daba602096.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/1335e0c2acd44b4b8baef9daba602096.jpg" alt="HTML学习（三）_第7张图片" width="638" height="457" style="border:1px solid black;"></a><br> <strong>用get方法提交数据后</strong><br> <a href="http://img.e-com-net.com/image/info8/211c688a75414ef7845a2881cd27aad1.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/211c688a75414ef7845a2881cd27aad1.jpg" alt="HTML学习（三）_第8张图片" width="650" height="288" style="border:1px solid black;"></a></p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1297820853303582720"></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+CSS+JS)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1835186351805394944.htm"
                           title="前端HTML+CSS+JS的入门学习" target="_blank">前端HTML+CSS+JS的入门学习</a>
                        <span class="text-muted">俊昭喜喜里</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>一.HTMLHTML（HyperTextMarkupLanguage）即超文本标记语言，是用于创建网页和网页应用程序的标准标记语言。它不是一种编程语言，而是一种标记语言，通过一系列的元素（elements）来告诉浏览器如何显示网页上的内容，如文本、图片、链接、表格、列表等。HTML文档由一系列的标签（tags）组成，这些标签告诉浏览器如何显示内容。标签通常成对出现，例如和，其中是开始标签，表示一个</div>
                    </li>
                    <li><a href="/article/1833895593613815808.htm"
                           title="479.迪斯尼公主动漫主题网页 大学生期末大作业 Web前端网页制作 html+css+js" target="_blank">479.迪斯尼公主动漫主题网页 大学生期末大作业 Web前端网页制作 html+css+js</a>
                        <span class="text-muted">仙女网页制作</span>
<a class="tag" taget="_blank" href="/search/Web%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E5%AE%9E%E4%BE%8B/1.htm">Web网页设计实例</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%BC%AB/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/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>目录一、网页概述二、网页文件三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界！这里有各行各业的Web前端网页制作的案例，样式齐全新颖，并持续更新！感谢CSDN，提供了这么好的知识学习、技术交流的平台，让我们在这里相遇，小伙伴们，来吧，让我们一起开启Web前端网页制作的奇妙之旅！说起Web前端</div>
                    </li>
                    <li><a href="/article/1833760573838422016.htm"
                           title="健身运动俱乐部主题网页设计制作 | html网页模板源码" target="_blank">健身运动俱乐部主题网页设计制作 | html网页模板源码</a>
                        <span class="text-muted">学博星辰</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E6%88%90%E5%93%81/1.htm">网页成品</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a>
                        <div>文章目录网站主题网站描述网站介绍网站演示学习理念更多干货一、网站主题健身网站、健身房网站、健身网页、健身房网页、健身网页、团操运动网页、健身俱乐部html网页、html健身运动主题网页、html网页设计与制作、学生期末网页大作业二、网站描述编码：A04、页数：6页，技术：html+css+js健身运动是一项通过徒手或利用各种器械，运用专门的动作方式和方法进行锻炼，以发达肌肉、增长体力、改善形体和陶</div>
                    </li>
                    <li><a href="/article/1832621857744973824.htm"
                           title="HTML5生日祝福蛋糕页面(生日蛋糕树) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心" target="_blank">HTML5生日祝福蛋糕页面(生日蛋糕树) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心</a>
                        <span class="text-muted">@秋天的笔记</span>
<a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%97%A5%E7%A5%9D%E7%A6%8F%E7%BD%91%E9%A1%B5html/1.htm">生日祝福网页html</a><a class="tag" taget="_blank" href="/search/520%E6%83%85%E4%BA%BA%E8%8A%82%E5%91%8A%E7%99%BD%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C/1.htm">520情人节告白网页制作</a><a class="tag" taget="_blank" href="/search/%E4%B8%83%E5%A4%95%E6%83%85%E4%BA%BA%E8%8A%82%E8%A1%A8%E7%99%BD%E7%BD%91%E9%A1%B5%E6%BA%90%E4%BB%A3%E7%A0%81/1.htm">七夕情人节表白网页源代码</a><a class="tag" taget="_blank" href="/search/HTML5%E4%B8%83%E5%A4%95%E6%83%85%E4%BA%BA%E8%8A%82%E5%8A%A8%E7%94%BB%E7%BD%91%E9%A1%B5/1.htm">HTML5七夕情人节动画网页</a><a class="tag" taget="_blank" href="/search/HTML%E7%94%9F%E6%97%A5%E5%BF%AB%E4%B9%90%E4%BB%A3%E7%A0%81/1.htm">HTML生日快乐代码</a><a class="tag" taget="_blank" href="/search/3D%E6%97%8B%E8%BD%AC%E7%94%B5%E5%AD%90%E7%9B%B8%E5%86%8C/1.htm">3D旋转电子相册</a>
                        <div>HTML5七夕情人节表白网页❤生日蛋糕(蛋糕树)❤HTML+CSS+JS求婚html生日快乐祝福代码网页520情人节告白代码程序员表白源码抖音3D旋转相册js烟花代码css爱心表白这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。此波共有100个表白网站，可以任意修改和使用，源码已上传，演示网址如下。文章末尾-已经附上源码下载地址作者主页-更多源码1</div>
                    </li>
                    <li><a href="/article/1830529922305716224.htm"
                           title="HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面)</a>
                        <span class="text-muted">爱码网页成品</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">静态网页</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，使用Javacsript代码实现图片轮播切换，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码中国八大菜系徽菜徽菜，它起源于黄山麓下的歙县（古徽州）。后来，由于新安江畔的屯溪小镇成为“祁红”、“屯绿”等名茶和徽墨、歙砚等土特产品的</div>
                    </li>
                    <li><a href="/article/1830471824861917184.htm"
                           title="蓝色炫酷碎粒子HTML5导航源码" target="_blank">蓝色炫酷碎粒子HTML5导航源码</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/html5/1.htm">html5</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>源码介绍蓝色炫酷碎粒子HTML5导航源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面效果预览源码获取蓝色炫酷碎粒子HTML5导航源码</div>
                    </li>
                    <li><a href="/article/1830281486578839552.htm"
                           title="制作一个简单HTML旅游网站（HTML+CSS+JS）桂林旅游网页设计与实现5个页面" target="_blank">制作一个简单HTML旅游网站（HTML+CSS+JS）桂林旅游网页设计与实现5个页面</a>
                        <span class="text-muted">软件技术NINI</span>
<a class="tag" taget="_blank" href="/search/html%2Bcss%2Bjs%E6%97%85%E6%B8%B8/1.htm">html+css+js旅游</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>一、‍网站题目旅游，当地特色，历史文化，特色小吃等网站的设计与制作。二、✍️网站描述桂林旅游主题的网页一共五个个页面-旅游网页使用htmlcssjs制作有banana图-页面可以相互跳转包含表单三级页面-网页可以使用vscodehbuilderdw等打开修改-里面的图片和文字都可以替换为其他旅游网页-桂林旅游网页介绍了景点，美食，联系我们，桂林旅游等-html静态网页没有复杂效果布局简单原创htm</div>
                    </li>
                    <li><a href="/article/1829958049465462784.htm"
                           title="HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）" target="_blank">HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）</a>
                        <span class="text-muted">爱码网页</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目,可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。文章目录一、</div>
                    </li>
                    <li><a href="/article/1829316782754721792.htm"
                           title="密码访问单页自定义跳转页面源码" target="_blank">密码访问单页自定义跳转页面源码</a>
                        <span class="text-muted">CSDN专家-微编程</span>
<a class="tag" taget="_blank" href="/search/HTML%E9%A1%B9%E7%9B%AE/1.htm">HTML项目</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
                        <div>源码介绍密码访问单页自定义跳转页面源码，密码访问单页自定义跳转页面，修改了的密码访问单页，添加了js自定义密码跳转页面。需要正确输入密码才能跳转目标网址。源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面源码截图源码下载密码访问单页自定义跳转页面源码</div>
                    </li>
                    <li><a href="/article/1826892358063583232.htm"
                           title="大学生HTML期末大作业——HTML+CSS+JavaScript购物商城（美食）" target="_blank">大学生HTML期末大作业——HTML+CSS+JavaScript购物商城（美食）</a>
                        <span class="text-muted">无·糖</span>
<a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">Web前端期末大作业</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%AD%A6%E7%94%9F/1.htm">大学生</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">大作业</a><a class="tag" taget="_blank" href="/search/web%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">web网页设计</a>
                        <div>HTML+CSS+JS【购物商城】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目购物商城美食7页含jQuery登录注册二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证</div>
                    </li>
                    <li><a href="/article/1826830338341564416.htm"
                           title="HTML+CSS+JS计算器" target="_blank">HTML+CSS+JS计算器</a>
                        <span class="text-muted">睿智的海鸥</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>效果图计算器功能详解本计算器实现了多种功能，以下是所有功能的详细说明：清空显示框©功能:清除显示框中的所有内容。解释:该功能用于重置计算器状态，清空当前输入的内容，使用户可以重新开始输入。输入数字(0-9)功能:将数字输入到显示框中。解释:数字按钮用于输入数学表达式中的数字部分。点击这些按钮会将相应的数字添加到显示框中。输入小数点(.)功能:在显示框中添加小数点。解释:小数点按钮用于输入小数。如果</div>
                    </li>
                    <li><a href="/article/1826830085412450304.htm"
                           title="html+css+js贪吃蛇游戏" target="_blank">html+css+js贪吃蛇游戏</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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
                        <div>贪吃蛇游戏四个按钮控制方向源代码在图片后面点赞❤️关注收藏⭐️互粉必回源代码贪吃蛇游戏body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5;margin:0;font-family:Arial,sans-serif;}.game-container{widt</div>
                    </li>
                    <li><a href="/article/1769728476581003264.htm"
                           title="HTML5球体下落粒子爆炸特效" target="_blank">HTML5球体下落粒子爆炸特效</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/html5/1.htm">html5</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>HTML5球体下落粒子爆炸特效，源码由HTML+CSS+JS组成，双击html文件可以本地运行效果，也可以上传到服务器里面下载地址HTML5球体下落粒子爆炸特效</div>
                    </li>
                    <li><a href="/article/1763226388824940544.htm"
                           title="HTML+CSS+JS：动态滑块组件" target="_blank">HTML+CSS+JS：动态滑块组件</a>
                        <span class="text-muted">若冰说</span>
<a class="tag" taget="_blank" href="/search/%E8%8B%A5%E5%86%B0%E8%AF%B4CSS/1.htm">若冰说CSS</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%8B%A5%E5%86%B0%E8%AF%B4CSS/1.htm">若冰说CSS</a>
                        <div>效果演示实现了一个简单的滑块效果，其中包括一个滑块（slider）和一个可以拖动的球（ball）。当用户拖动球时，球会在滑块内部左右移动，同时改变颜色。CodeHaveyoubeennaughtyornicethisyear?*{transition:all1sease-in-out;/*对所有元素应用过渡效果，持续1秒，缓动函数为ease-in-out*/}body{margin:0;/*设置页</div>
                    </li>
                    <li><a href="/article/1759942812377378816.htm"
                           title="使用HTML、CSS和JavaScript构建响应式企业官网" target="_blank">使用HTML、CSS和JavaScript构建响应式企业官网</a>
                        <span class="text-muted">mon_star°</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/h5/1.htm">h5</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%AE%98%E7%BD%91/1.htm">企业官网</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%AE%98%E7%BD%91/1.htm">企业官网</a><a class="tag" taget="_blank" href="/search/%E5%93%8D%E5%BA%94%E5%BC%8F/1.htm">响应式</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>使用HTML、CSS和JavaScript构建响应式企业官网，web网页设计与制作-html+css+js实现企业官网展示。页面效果展示pc端和移动端动态演示文件目录assets文件夹：静态资源目录，主要存放css、fonts、images、js等静态资源文件；favicon.ico文件：网站图标；index.html文件：首页html，主要的页面结构与布局；适用于期末HTML大作业、课设项目、毕</div>
                    </li>
                    <li><a href="/article/1759608186937110528.htm"
                           title="html+css+js炫酷特效+加速粒子效果" target="_blank">html+css+js炫酷特效+加速粒子效果</a>
                        <span class="text-muted">门前大桥下.</span>
<a class="tag" taget="_blank" href="/search/javaScript%E7%89%B9%E6%95%88/1.htm">javaScript特效</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>完整目录1.效果展示2.思路2.0布局2.1让火箭位于屏幕的中心--flex2.2让火箭上下不停的移动2.3利用::after制造尾部的火焰2.3使用js创建并添加随机的大小和位置颜色2.4使用js创建插入到页面上2.5给添加下落的动画2.6给添加下落的落差感3.源码分享html+jscss1.效果展示2.思路2.0布局//总容器存放火箭以及添加的//居中的火箭会有个after的尾火焰2.1让火箭</div>
                    </li>
                    <li><a href="/article/1759474488807862272.htm"
                           title="HTML5+CSS3+JS小实例：黑客帝国“代码雨”特效" target="_blank">HTML5+CSS3+JS小实例：黑客帝国“代码雨”特效</a>
                        <span class="text-muted">艾恩小灰灰</span>
<a class="tag" taget="_blank" href="/search/HTML%2BCSS%2BJS%E5%B0%8F%E5%AE%9E%E4%BE%8B/1.htm">HTML+CSS+JS小实例</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>实例：黑客帝国“代码雨”特效技术栈：HTML+CSS+JS效果：源码：【HTML】黑客帝国“代码雨”特效【CSS】*{margin:0;padding:0;}body{overflow:hidden;}canvas{</div>
                    </li>
                    <li><a href="/article/1757081654423207936.htm"
                           title="Web前端--HTML+CSS+JS实现3D立体魔方小游戏" target="_blank">Web前端--HTML+CSS+JS实现3D立体魔方小游戏</a>
                        <span class="text-muted">奥斯卡1号</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AFH5%E5%B0%8F%E6%B8%B8%E6%88%8F/1.htm">web前端H5小游戏</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/3D%E7%AB%8B%E4%BD%93%E9%AD%94%E6%96%B9%E5%B0%8F%E6%B8%B8%E6%88%8F/1.htm">3D立体魔方小游戏</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">前端大作业</a>
                        <div>临近期末,你还在为HTML网页设计结课作业,老师的作业要求感到头大？网页要求的总数量太多？HTML网页作业无从下手？没有合适的模板？等等一系列问题。你想要解决的问题，在这里常见网页设计作业题材有个人、美食、公司、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、文化、家乡、鲜花、礼品、汽车、其他等网页设计</div>
                    </li>
                    <li><a href="/article/1756767899306967040.htm"
                           title="程序员专属情人节表白网站HTML+CSS+JS(满天星3D相册)" target="_blank">程序员专属情人节表白网站HTML+CSS+JS(满天星3D相册)</a>
                        <span class="text-muted">html网页设计</span>

                        <div>一、网站介绍基于html+css+js制作的表白网页代码，可以直接替换文字和图片即可使用二、作品效果▶️视频演示https://live.csdn.net/v/embed/237887(title-103满天星星音乐背景动画特效)]截图演示三、作品代码HTML代码唯美满天星CSS代码html,body{margin:0;padding:0;}/*满天星*/audio{z-index:5;posit</div>
                    </li>
                    <li><a href="/article/1756316398616854528.htm"
                           title="vue的介绍" target="_blank">vue的介绍</a>
                        <span class="text-muted">flyjar</span>

                        <div>一、Vue的介绍Vue是一个渐进式的js框架，只注视视图层，结合了HTML+CSS+JS，非常的一用哪个，并且有很好的生态系统。而且vue体积很小，速度很快，优化很到位。二、MVVM字母单词含义Mmodel数据模型Vview视图VMViewModel连接视图和数据的中间件三、快速开始1.页面中引入2.body中加入{{name}}3.编写jsnewVue({el:"#app",//div的idda</div>
                    </li>
                    <li><a href="/article/1756178319021195264.htm"
                           title="2024 域名售卖HTML源码" target="_blank">2024 域名售卖HTML源码</a>
                        <span class="text-muted">会说源码</span>
<a class="tag" taget="_blank" href="/search/%E6%BA%90%E4%BB%A3%E7%A0%81%E7%AE%A1%E7%90%86/1.htm">源代码管理</a>
                        <div>域名售卖页源码，HTML+CSS+JS，记事本修改即可使用，也可以做个人引导2024域名售卖HTML源码2024域名售卖HTML源码2024域名售卖HTML源码</div>
                    </li>
                    <li><a href="/article/1756075856851124224.htm"
                           title="自适应二次元404页面源码" target="_blank">自适应二次元404页面源码</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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/404/1.htm">404</a>
                        <div>自适应二次元404页面源码，HTML+CSS+JS,喜欢二次元的朋友可以下载使用蓝奏云：https://wfr.lanzout.com/iuPNQ1ns7dxg</div>
                    </li>
                    <li><a href="/article/1755713483346821120.htm"
                           title="Gradio: 快速构建你的 webApp" target="_blank">Gradio: 快速构建你的 webApp</a>
                        <span class="text-muted">javastart</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/app/1.htm">app</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a>
                        <div>原文：Gradio:快速构建你的webApp_Python_AIWeker_InfoQ写作社区1.什么是Gradio如果你了解web开发，一定会知道开发一款webApp需要涉及很多技术栈：前端：HTML+CSS+JS(可能会涉及不同的CSS框架和JS框架如jqueryVUEreact等)后端语言：如python/javaweb容器：如flask/tomcat如果你只会python，又不想重头学习上</div>
                    </li>
                    <li><a href="/article/1755534766003732480.htm"
                           title="❤️创意网页：生日快乐！穿越奇妙时光的温暖庆祝（HTML+CSS+JS）简单好用" target="_blank">❤️创意网页：生日快乐！穿越奇妙时光的温暖庆祝（HTML+CSS+JS）简单好用</a>
                        <span class="text-muted">命运之光</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%88%9B%E6%84%8F%E7%BD%91%E9%A1%B5/1.htm">创意网页</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/web%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C/1.htm">web网页制作</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5/1.htm">网页</a>
                        <div>✨博主：命运之光专栏：Python星辰秘典专栏：web开发（简单好用又好看）❤️专栏：Java经典程序设计☀️博主的其他文章：点击进入博主的主页前言：欢迎踏入我的Web项目专栏，一段神奇而令人陶醉的数字世界！在这里，我将带您穿越时空，揭开属于Web的奥秘。通过HTML、CSS和JavaScript的魔力，我创造了一系列令人惊叹的Web项目，它们仿佛是从梦境中涌现而出。在这个专栏中，您将遇到华丽的界</div>
                    </li>
                    <li><a href="/article/1755217189612306432.htm"
                           title="【html+css+js】如何轻松在网页中嵌入b站视频？" target="_blank">【html+css+js】如何轻松在网页中嵌入b站视频？</a>
                        <span class="text-muted">归忆_AC</span>
<a class="tag" taget="_blank" href="/search/web%E5%AD%A6%E4%B9%A0/1.htm">web学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E8%A7%86%E9%A2%91/1.htm">嵌入视频</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a>
                        <div>引言昨天心情不太好，b站看了原版《海底》N遍，后来无意中对分享处的嵌入代码起了兴趣，因为最近刚好在学web，复制过来瞄了一下，发现是iframe标签，如下所示。工具：vscode+谷歌浏览器尝试First我将这段代码放入body标签内，然后运行，发现提示“该文件可能已被移至别处、修改或删除。”。（为避免侵权不展示图片，可自行尝试，下同。）DocumentSecond本来想着找个博客速通一下，结果发</div>
                    </li>
                    <li><a href="/article/1755125513430515712.htm"
                           title="360度拖拽图片" target="_blank">360度拖拽图片</a>
                        <span class="text-muted">大山里的前端攻城狮</span>

                        <div>只支持webkit内核的浏览器html代码我是一名从事了5年前端的程序员，辞职目前在做讲师，今年年初整理了一份适合2019年学习的web前端干货，从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理，免费送给每一位前端小伙伴，这里是小白聚集地，欢迎初学和进阶中的小伙伴。加微信：wwo2519</div>
                    </li>
                    <li><a href="/article/1753759669710503936.htm"
                           title="大二学生web期末大作业 在线电影网站 HTML+CSS+JS" target="_blank">大二学生web期末大作业 在线电影网站 HTML+CSS+JS</a>
                        <span class="text-muted">html网页设计</span>

                        <div>一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/239786(title-电影网页设计)]截图演示05.png04.png03.png</div>
                    </li>
                    <li><a href="/article/1753573216913211392.htm"
                           title="HTML用户充值页面充值中心模板" target="_blank">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/html5/1.htm">html5</a>
                        <div>HTML用户充值页面充值中心模板,HTML+CSS+JS，记事本修改index.html里面的内容即可，本地双击可以运行，也可以上传到服务器蓝奏云：https://wfr.lanzout.com/izdQ41n4hqbi</div>
                    </li>
                    <li><a href="/article/1753541228676268032.htm"
                           title="前端小案例——导航回顶部（HTML+CSS+JS, 附源码）" target="_blank">前端小案例——导航回顶部（HTML+CSS+JS, 附源码）</a>
                        <span class="text-muted">H4999</span>
<a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>一、前言实现功能：这个案例实现了页面滚动到一定位置时显示"回到顶部"按钮，并且点击按钮能够平滑滚动回页面顶部的功能。实现逻辑：页面结构：通过HTML标签定义了页面的基本结构。页面主要由多个div.content组成，每个div都有不同的背景颜色，用来模拟页面内容。此外，还有一个div.nav作为侧边的导航栏，里面包含了几个列表项（li），每个列表项都有一个图标（使用svg）和文字描述（p标签），用</div>
                    </li>
                    <li><a href="/article/1753412433575165952.htm"
                           title="HTML5+CSS3+JS小实例：黑色的简约下拉菜单" target="_blank">HTML5+CSS3+JS小实例：黑色的简约下拉菜单</a>
                        <span class="text-muted">艾恩小灰灰</span>

                        <div>实例：黑色的简约下拉菜单技术栈：HTML+CSS+JS效果：源码：【html】黑色的简约下拉菜单抖音【css】*{/*初始化*/margin:0;padding:0;box-sizing:border-box;}/*:root选择器匹配文档根元素*/:root{/*声明自定义属性*/--rotate-arrow:0;--dropdown-height:0;--list-opacity:0;--tr</div>
                    </li>
                                <li><a href="/article/52.htm"
                                       title="解读Servlet原理篇二---GenericServlet与HttpServlet" target="_blank">解读Servlet原理篇二---GenericServlet与HttpServlet</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/HttpServlet/1.htm">HttpServlet</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%90%86/1.htm">源理</a><a class="tag" taget="_blank" href="/search/GenericService/1.htm">GenericService</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81/1.htm">源码</a>
                                    <div>在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte</div>
                                </li>
                                <li><a href="/article/179.htm"
                                       title="MySQL性能优化" target="_blank">MySQL性能优化</a>
                                    <span class="text-muted">bijian1013</span>
<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/mysql/1.htm">mysql</a>
                                    <div>&nbsp; &nbsp; &nbsp; &nbsp; 性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有： 
&nbsp; &nbsp; &nbsp; &nbsp; a.优化查询 
&nbsp; &nbsp; &nbsp; &nbsp; b.优化数据库结构 
&nbsp; </div>
                                </li>
                                <li><a href="/article/306.htm"
                                       title="ThreadPool定时重试" target="_blank">ThreadPool定时重试</a>
                                    <span class="text-muted">dai_lm</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ThreadPool/1.htm">ThreadPool</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a><a class="tag" taget="_blank" href="/search/timertask/1.htm">timertask</a>
                                    <div>项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 
由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 
为了解决不定间隔的重试，选择Timer和TimerTask来完成 
 
 

package threadpool;

public class ThreadPoolTest {

</div>
                                </li>
                                <li><a href="/article/433.htm"
                                       title="Oracle 查看数据库的连接情况" target="_blank">Oracle 查看数据库的连接情况</a>
                                    <span class="text-muted">周凡杨</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/oracle+%E8%BF%9E%E6%8E%A5/1.htm">oracle 连接</a>
                                    <div>首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 
 
select * from dict where table_name like '%SESSION%'; 
就可以查出一些表，然后根据这些表就可以获得会话信息 
 
select sid,serial#,status,username,schemaname,osuser,terminal,ma</div>
                                </li>
                                <li><a href="/article/560.htm"
                                       title="类的继承" target="_blank">类的继承</a>
                                    <span class="text-muted">朱辉辉33</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 
格式:public class 类名（子类）extends 类名（父类）{ } 
子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 
protected属性，但要使用private属性仍需通过调用。 
子类的方法可以重写，但必须和父类的返回值类</div>
                                </li>
                                <li><a href="/article/687.htm"
                                       title="android 悬浮窗特效" target="_blank">android 悬浮窗特效</a>
                                    <span class="text-muted">肆无忌惮_</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下： 
&nbsp; 
一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。 
&nbsp; 
后来想利用Dialog的dismiss动画来完成。 
&nbsp; 
自定义一个Dialog后，在styl</div>
                                </li>
                                <li><a href="/article/814.htm"
                                       title="hadoop伪分布式搭建" target="_blank">hadoop伪分布式搭建</a>
                                    <span class="text-muted">林鹤霄</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a>
                                    <div>要修改4个文件&nbsp;&nbsp;&nbsp; 1: vim hadoop-env.sh&nbsp; 第九行&nbsp;&nbsp;&nbsp; 2: vim core-site.xml&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;configuration&gt;&nbsp;&nbsp;&nbsp; &nbsp;&n</div>
                                </li>
                                <li><a href="/article/941.htm"
                                       title="gdb调试命令" target="_blank">gdb调试命令</a>
                                    <span class="text-muted">aigo</span>
<a class="tag" taget="_blank" href="/search/gdb/1.htm">gdb</a>
                                    <div>原文：http://blog.csdn.net/hanchaoman/article/details/5517362 
&nbsp; 
一、GDB常用命令简介 
&nbsp;    r run 运行.程序还没有运行前使用   c&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; cuntinue&nbsp</div>
                                </li>
                                <li><a href="/article/1068.htm"
                                       title="Socket编程的HelloWorld实例" target="_blank">Socket编程的HelloWorld实例</a>
                                    <span class="text-muted">alleni123</span>
<a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a>
                                    <div>public class Client
{
	
	
	public static void main(String[] args)
	{	
		Client c=new Client();
	 	c.receiveMessage();
	}
	
	public void receiveMessage(){
		Socket s=null;
		
		BufferedRea</div>
                                </li>
                                <li><a href="/article/1195.htm"
                                       title="线程同步和异步" target="_blank">线程同步和异步</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E5%90%8C%E6%AD%A5/1.htm">线程同步</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E6%AD%A5/1.htm">异步</a>
                                    <div>多线程和同步 :&nbsp;如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。  所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法  
&nbsp; 
多线程和异步:多线程可以做不同的事情,涉及到线程通知 
&nbsp; 
&nbsp; 
&</div>
                                </li>
                                <li><a href="/article/1322.htm"
                                       title="JSP中文乱码分析" target="_blank">JSP中文乱码分析</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/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E6%96%87%E4%B9%B1%E7%A0%81/1.htm">中文乱码</a>
                                    <div>&nbsp; &nbsp; &nbsp; &nbsp; 在JSP的开发过程中，经常出现中文乱码的问题。 
&nbsp; &nbsp; &nbsp; &nbsp; 首先了解一下Java中文问题的由来： 
&nbsp; &nbsp; &nbsp; &nbsp; Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，</div>
                                </li>
                                <li><a href="/article/1449.htm"
                                       title="js实现页面跳转重定向的几种方式" target="_blank">js实现页面跳转重定向的几种方式</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E5%AE%9A%E5%90%91/1.htm">重定向</a>
                                    <div>&nbsp; &nbsp; &nbsp; &nbsp; js实现页面跳转重定向有如下几种方式： 
一.window.location.href 
&lt;script language=&quot;javascript&quot;type=&quot;text/javascript&quot;&gt; 
	window.location.href=&quot;http://www.baidu.c</div>
                                </li>
                                <li><a href="/article/1576.htm"
                                       title="【Struts2三】Struts2 Action转发类型" target="_blank">【Struts2三】Struts2 Action转发类型</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a>
                                    <div>&nbsp;在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下 
&nbsp; 
&lt;!DOCTYPE struts PUBLIC  
        &quot;-//Apache Software Foundation//DTD Struts Configurat</div>
                                </li>
                                <li><a href="/article/1703.htm"
                                       title="【HBase十一】Java API操作HBase" target="_blank">【HBase十一】Java API操作HBase</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a>
                                    <div>Admin类的主要方法注释： 
&nbsp; 1. 创建表 
 /**
   * Creates a new table. Synchronous operation.
   *
   * @param desc table descriptor for table
   * @throws IllegalArgumentException if the table name is res</div>
                                </li>
                                <li><a href="/article/1830.htm"
                                       title="nginx gzip" target="_blank">nginx gzip</a>
                                    <span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+gzip/1.htm">nginx gzip</a>
                                    <div>Nginx GZip 压缩  
Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 
常用配置片段如下：  
gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q</div>
                                </li>
                                <li><a href="/article/1957.htm"
                                       title="java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交" target="_blank">java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>

public class LinkListTest {

	/**
	 * we deal with two main missions:
	 * 
	 * A.
	 * 1.we create two joined-List(both have no loop)
	 * 2.whether list1 and list2 join
	 * 3.print the join</div>
                                </li>
                                <li><a href="/article/2084.htm"
                                       title="Spring源码学习-JdbcTemplate batchUpdate批量操作" target="_blank">Spring源码学习-JdbcTemplate batchUpdate批量操作</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/spring/1.htm">spring</a>
                                    <div>Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 
 
JDBC的batch操作： 
 
 


String sql = &quot;INSERT INTO CUSTOMER &quot; +
				  &quot;(CUST_ID, NAME, AGE) VALUES (?, ?, ?)&quot;;
				</div>
                                </li>
                                <li><a href="/article/2211.htm"
                                       title="[JWFD开源工作流]大规模拓扑矩阵存储结构最新进展" target="_blank">[JWFD开源工作流]大规模拓扑矩阵存储结构最新进展</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C%E6%B5%81/1.htm">工作流</a>
                                    <div>&nbsp;&nbsp;&nbsp; 生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档&quot;构造下一代工作流存储结构的尝试&quot;,更加相信的设计和代码将陆续推出......... 
 
&nbsp;&nbsp;&nbsp; 竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....</div>
                                </li>
                                <li><a href="/article/2338.htm"
                                       title="base64编码和url编码" target="_blank">base64编码和url编码</a>
                                    <span class="text-muted">cuityang</span>
<a class="tag" taget="_blank" href="/search/base64/1.htm">base64</a><a class="tag" taget="_blank" href="/search/url/1.htm">url</a>
                                    <div>import java.io.BufferedReader; 
import java.io.IOException; 
import java.io.InputStreamReader; 
import java.io.PrintWriter; 
import java.io.StringWriter; 
import java.io.UnsupportedEncodingException; </div>
                                </li>
                                <li><a href="/article/2465.htm"
                                       title="web应用集群Session保持" target="_blank">web应用集群Session保持</a>
                                    <span class="text-muted">dalan_123</span>
<a class="tag" taget="_blank" href="/search/session/1.htm">session</a>
                                    <div>关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简</div>
                                </li>
                                <li><a href="/article/2719.htm"
                                       title="Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式']" target="_blank">Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式']</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
                                    <div>&nbsp;&nbsp;&nbsp; public function getMinLimit () {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $sql = &quot;...&quot;;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $result = yii::app()-&gt;db-&gt;createCo</div>
                                </li>
                                <li><a href="/article/2846.htm"
                                       title="solr StatsComponent（聚合统计）" target="_blank">solr StatsComponent（聚合统计）</a>
                                    <span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/solr%E8%81%9A%E5%90%88%E6%9F%A5%E8%AF%A2/1.htm">solr聚合查询</a><a class="tag" taget="_blank" href="/search/solr+stats/1.htm">solr stats</a>
                                    <div>StatsComponent 
转载请出自出处：http://eksliang.iteye.com/blog/2169134 
http://eksliang.iteye.com/ 一、概述 
&nbsp; &nbsp; &nbsp; &nbsp;Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能 
&nbsp; 二、参数</div>
                                </li>
                                <li><a href="/article/2973.htm"
                                       title="百度一道面试题" target="_blank">百度一道面试题</a>
                                    <span class="text-muted">greemranqq</span>
<a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6%E9%9D%A2%E8%AF%95/1.htm">百度面试</a><a class="tag" taget="_blank" href="/search/%E5%AF%BB%E6%89%BE%E5%A5%87%E6%95%B0%E7%AE%97%E6%B3%95/1.htm">寻找奇数算法</a><a class="tag" taget="_blank" href="/search/bitmap+%E7%AE%97%E6%B3%95/1.htm">bitmap 算法</a>
                                    <div>那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5} &nbsp;找出出现次数为奇数的数字. 
&nbsp; 
我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。 
&nbsp; 
还有人觉得应该用算法xxx,我是没想到用啥算法好...！ 
&nbsp; 
还有觉得应该先排序... 
&nbsp; 
还有觉</div>
                                </li>
                                <li><a href="/article/3100.htm"
                                       title="Spring之在开发中使用SpringJDBC" target="_blank">Spring之在开发中使用SpringJDBC</a>
                                    <span class="text-muted">ihuning</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
                                    <div>&nbsp; 
在实际开发中使用SpringJDBC有两种方式： 
&nbsp; 
1. 在Dao中添加属性JdbcTemplate并用Spring注入； 
&nbsp; &nbsp; JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度</div>
                                </li>
                                <li><a href="/article/3227.htm"
                                       title="JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节" target="_blank">JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节</a>
                                    <span class="text-muted">justjavac</span>
<a class="tag" taget="_blank" href="/search/json/1.htm">json</a>
                                    <div>2013年5月，Yehuda Katz&nbsp;完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和&nbsp;Steve Klabnik&nbsp;就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库——&nbsp;ActiveModel::Serializers&nbsp;和单一 JavaScript 客户端库——&</div>
                                </li>
                                <li><a href="/article/3354.htm"
                                       title="网站项目建设流程概述" target="_blank">网站项目建设流程概述</a>
                                    <span class="text-muted">macroli</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
                                    <div>一.概念 
网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 
二.需求分析 
项目立项 
　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 
客户的需求说明书 
　　第一步是需</div>
                                </li>
                                <li><a href="/article/3481.htm"
                                       title="AngularJs 三目运算 表达式判断" target="_blank">AngularJs 三目运算 表达式判断</a>
                                    <span class="text-muted">qiaolevip</span>
<a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/%E4%BC%97%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">众观千象</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a>
                                    <div>事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 
var b = &quot;{{&quot;,
      a = &quot;}}&quot;;
        this.startSymbol = function(a) {
</div>
                                </li>
                                <li><a href="/article/3608.htm"
                                       title="Spark算子：统计RDD分区中的元素及数量" target="_blank">Spark算子：统计RDD分区中的元素及数量</a>
                                    <span class="text-muted">superlxw1234</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/spark%E7%AE%97%E5%AD%90/1.htm">spark算子</a><a class="tag" taget="_blank" href="/search/Spark+RDD%E5%88%86%E5%8C%BA%E5%85%83%E7%B4%A0/1.htm">Spark RDD分区元素</a>
                                    <div>关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量 
&nbsp; 
&nbsp; 
Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。 
&nbsp; 
可以利用RDD的mapPartitionsWithInd</div>
                                </li>
                                <li><a href="/article/3735.htm"
                                       title="Spring 3.2.x将于2016年12月31日停止支持" target="_blank">Spring 3.2.x将于2016年12月31日停止支持</a>
                                    <span class="text-muted">wiselyman</span>
<a class="tag" taget="_blank" href="/search/Spring+3/1.htm">Spring 3</a>
                                    <div>&nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。 
&nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp;请大家及时准备及时升级到Spring </div>
                                </li>
                                <li><a href="/article/3862.htm"
                                       title="fis纯前端解决方案fis-pure" target="_blank">fis纯前端解决方案fis-pure</a>
                                    <span class="text-muted">zccst</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
                                    <div>作者：zccst 
 
FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 
 
 
1，fis-pure的安装 
$ fis install -g fis-pure 
$ pure -v 
0.1.4 
 
 
2，下载demo到本地 
git clone https://github.com/hefangshi/f</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>