【Bootstrap学习 day13】

Bootstrap5 下拉菜单
下拉菜单通常用于导航标题内，在用户鼠标悬停或单击触发元素时显示相关链接列表。
基础的下拉列表

Bootstrap下拉菜单基本上有两个组件–下拉触发元素（可以是超链接或按钮）和下拉菜单本身.dropdown类只是下拉菜单.
如需打开下拉菜单，使用设置.dropdown-toggle类，.dropdown-toggle类定义了触发器元素，而触发器元素上需要属性data-bs-toggle="dropdown"来切换下拉菜单.
带有.dropdown-menu类的

元素可构建下拉菜单。然后将.dropdown-item类添加到下拉菜单中的每个元素（链接或按钮）。

下拉列表分隔线
.dropdown-divider类用于通过水平细边框分隔下拉菜单中的链接
.dropdown-header向下拉菜单的标签区域添加标题


	
    
    	链接 1
        链接 2
        链接 3
        下拉菜单标题
        
        	分离的链接

导航中的下拉菜单

表单
HTML表单是网页和应用程序不可或缺的一部分。Bootstrap通过预定义的类集极大地简化了表单控件（如标签、输入字段、选择框、文本区域、按钮等）的样式设置和对齐过程。
三种不同类型的表单布局：

垂直表单（默认）
水平表单
内联表单

创建垂直表单布局
基本的表单结构是Bootstrap自带的，个别的表单控件自动接收一些全局样式，把标签和空间放在一个带有class .form-group的

中。这是获取最佳间距所必需的。
label元素添加了.form-label类以确保正确的填充。
向所有的文本元素

添加class=“form-control”。 
  </div> 
  <p></p> 
  <pre><code><form>
	<div class="form-group">
    	<label class="form-label">名称</label>
        <input type="text" class="form-control" placeholder="请输入名称">
    </div>
    <div class="form-group">
    	<label class="form-label">Email</label>
        <input type="email" class="form-control" placeholder="Email">
    </div>
    <button type="submit" class="btn btn-primary">提交</button>
</form>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/ac152b9415374422b9a6b9a4021e240c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ac152b9415374422b9a6b9a4021e240c.jpg" alt="【Bootstrap学习 day13】_第4张图片" width="650" height="144" style="border:1px solid black;"></a></p> 
  <p><strong>创建内联表单</strong><br> 表单元素并排显示，可以使用.row和.col</p> 
  <pre><code><form>
	<div class="row">
    	<div class="col">
        	<input type="text" class="form-control" placeholder="请输入名称">
    	</div>
    	<div class="col">
        	<input type="email" class="form-control" placeholder="Email">
    	</div>
    </div>
</form>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/6ff73f54910546d2aea3dc0773e1bae4.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/6ff73f54910546d2aea3dc0773e1bae4.jpg" alt="在这里插入图片描述" width="650" height="43"></a><br> <strong>表单控件尺寸</strong><br> .form-control-lg或.form-control-sm更改.form-control输入控件的大小</p> 
  <pre><code><input type="text" class="form-control form-control-lg" placeholder="大型输入控件">
<input type="text" class="form-control" placeholder="普通输入控件">
<input type="text" class="form-control form-control-sm" placeholder="小型输入控件"> 
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/19704f15e9f848bdbdc797f42c998eca.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/19704f15e9f848bdbdc797f42c998eca.jpg" alt="【Bootstrap学习 day13】_第5张图片" width="650" height="101" style="border:1px solid black;"></a></p> 
  <p><strong>向表单控件添加帮助文本</strong></p> 
  <pre><code><div class="row">
	<div class="col-auto">
    	<label class="col-form-label" for="inputPassword">Password</label>
    </div>
    <div class="col-auto">
    	<input type="password" class="form-control">
    </div>
    <div class="col-auto">
    	<span class="form-text">必须8-20个字符长.</span>
    </div>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/8bbefacacd5d42d2b940a13d3c65810e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/8bbefacacd5d42d2b940a13d3c65810e.jpg" alt="在这里插入图片描述" width="512" height="54"></a></p> 
  <p><strong>选择菜单</strong><br> 通过将.form-select类添加到<select>元素</p> 
  <pre><code><select class="form-select">
	<option>选项1</option>
    <option>选项2</option>
    <option>选项3</option>
    <option>选项4</option>
</select>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/d40a80ce092642079821e6db16f35bae.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/d40a80ce092642079821e6db16f35bae.jpg" alt="【Bootstrap学习 day13】_第6张图片" width="650" height="114" style="border:1px solid black;"></a><br> <strong>选择菜单的大小</strong><br> 使用.form-select-lg或.form-select-sm类来改变选择菜单的大小</p> 
  <pre><code><select class="form-select form-select-lg"></select>
<select class="form-select form-select-sm"></select>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/6e3e0316f0724be399f0c8af330b0d52.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/6e3e0316f0724be399f0c8af330b0d52.jpg" alt="在这里插入图片描述" width="650" height="64"></a></p> 
  <p><strong>复选框和单选按钮</strong><br> 复选框有不同的标记，它们被设置了.form-check类的容器元素包围.label设置.form-check-label类，而复选框和单选按钮使用.form-check-input。希望默认选中复选框，可以使用checked属性。<br> <strong>复选框</strong><br> 使用class="form-check"的包装元素，来确保标签和复选框有适当的外边距</p> 
  <pre><code><div class="form-check">
	<input class="form-check-input" type="checkbox" checked>
    <label class="form-check-label">选项1</label>
</div>
<div class="form-check">
	<input class="form-check-input" type="checkbox">
    <label class="form-check-label">选项2</label>
</div>
<div class="form-check">
	<input class="form-check-input" type="checkbox">
    <label class="form-check-label">选项3</label>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/ec68f41b491a4afcb39ee59a692a18cb.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ec68f41b491a4afcb39ee59a692a18cb.jpg" alt="【Bootstrap学习 day13】_第7张图片" width="194" height="105" style="border:1px solid black;"></a></p> 
  <p><strong>单选按钮</strong></p> 
  <pre><code><div class="form-check">
	<input class="form-check-input" type="radio" name="option1" checked>选项1
    <label class="form-check-label"></label>
</div>
<div class="form-check">
	<input class="form-check-input" type="radio" name="option1" checked>选项2
    <label class="form-check-label"></label>
</div>
<div class="form-check">
	<input class="form-check-input" type="radio" name="option1" checked>选项3
    <label class="form-check-label"></label>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/38740fed1ead4fa5b91414096d8b547f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/38740fed1ead4fa5b91414096d8b547f.jpg" alt="在这里插入图片描述" width="216" height="95"></a><br> <strong>拨动开关</strong><br> 将复选框设置为切换开关的样式，可以将.form-switch类与.form-check容器一起使用</p> 
  <pre><code><div class="form-switch">
	<input class="form-check-input" type="checkbox" checked>
    <label class="form-check-label">开关</label>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/11da8b9288dc4cec828e6bd33d73a98c.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/11da8b9288dc4cec828e6bd33d73a98c.jpg" alt="在这里插入图片描述" width="94" height="42"></a></p> 
  <p><strong>滑块</strong><br> .form-range类添加到type="range"的input元素，可以设置范围菜单的样式</p> 
  <pre><code><label class="form-label">开关</label>
    <input class="form-range" type="range" checked>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/210653fcc625418eb1bf1b9ce1751884.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/210653fcc625418eb1bf1b9ce1751884.jpg" alt="在这里插入图片描述" width="650" height="58"></a></p> 
  <p><strong>表单组</strong><br> .input-group类是一种容器，通过在输入字段的前面或后面添加图标、文本或按钮作为“帮助文本”来增强输入。.input-group-text类指定帮助文本的样式.</p> 
  <pre><code><div class="input-group">
	<span class="input-group-text">用户名</span>
    <input type="text" class="form-control" placeholder="用户名">
</div>
<div class="input-group">
    <input type="text" class="form-control" placeholder="请输入邮箱">
    <span class="input-group-text">@qq.com</span>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/9bdf559517984eb2808be0d74c145072.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/9bdf559517984eb2808be0d74c145072.jpg" alt="在这里插入图片描述" width="650" height="74"></a></p> 
  <p><strong>输入组大小</strong><br> .input-group-sm类用于小型输入组，将.input-group-lg用于大型输入组</p> 
  <pre><code><div class="input-group input-group-sm">
	<span class="input-group-text">用户名</span>
    <input type="text" class="form-control" placeholder="用户名">
</div>
<div class="input-group">
    <input type="text" class="form-control" placeholder="请输入邮箱">
    <span class="input-group-text">@qq.com</span>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/2b3d867b7c344246a7fd7f8ea142d8fc.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/2b3d867b7c344246a7fd7f8ea142d8fc.jpg" alt="在这里插入图片描述" width="650" height="65"></a></p> 
  <p><strong>多个输入</strong></p> 
  <pre><code><div class="input-group">
	<span class="input-group-text">输入姓名</span>
    <input type="text" class="form-control" placeholder="姓">
    <input type="text" class="form-control" placeholder="名">
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/8348b765f5184b1194acd66c266721bd.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/8348b765f5184b1194acd66c266721bd.jpg" alt="在这里插入图片描述" width="650" height="40"></a><br> <strong>带复选框和单选框的输入组</strong></p> 
  <pre><code><div class="input-group">
	<div class="input-group-text">
    	<input type="checkbox">
    </div>
    <input type="text" class="form-control" placeholder="这是内容">
</div>

<div class="input-group">
	<div class="input-group-text">
    	<input type="radio">
    </div>
    <input type="text" class="form-control" placeholder="这是内容">
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/2227e527de0045da96fc60da26bb4c57.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/2227e527de0045da96fc60da26bb4c57.jpg" alt="在这里插入图片描述" width="650" height="75"></a></p> 
  <p><strong>带按钮的输入组</strong></p> 
  <pre><code><div class="input-group">
    <input type="text" class="form-control" placeholder="搜索">
    <button class="btn btn-success" type="submit">搜索</button>
</div>

<div class="input-group">
    <input type="text" class="form-control" placeholder="请输入内容">
    <button class="btn btn-primary" type="button">搜索</button>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/4f203d7a551a4bd49709f3badbb8a44b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/4f203d7a551a4bd49709f3badbb8a44b.jpg" alt="在这里插入图片描述" width="650" height="67"></a></p> 
  <p><strong>带下拉按钮的输入组</strong></p> 
  <pre><code><div class="input-group">
    <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">下拉按钮	</button>
    
    <ul class="dropdown-menu">
    	<li><a class="dropdown-item" href="#">链接1</a></li>
        <li><a class="dropdown-item" href="#">链接2</a></li>
        <li><a class="dropdown-item" href="#">链接3</a></li>
    </ul>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/2f49a410df8b42d88d003c761cda0e1a.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/2f49a410df8b42d88d003c761cda0e1a.jpg" alt="【Bootstrap学习 day13】_第8张图片" width="202" height="191" style="border:1px solid black;"></a><br> <strong>卡片</strong><br> 卡片提供了一个灵活的、可扩展的内容容器。可以通过类.card与.card-body可以快速创建一个简单的卡片，卡片可以包含头部、内容、底部以及各种颜色设置。<br> <strong>创建基本的卡片</strong><br> 外部包装器需要基类.card，而内容可以放置在.card-body元素内</p> 
  <pre><code><div class="card">
	<div class="card-body">基础的卡片</div>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/24fac49ac430426c8a5f725cb6131093.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/24fac49ac430426c8a5f725cb6131093.jpg" alt="在这里插入图片描述" width="650" height="65"></a></p> 
  <p><strong>页眉和页脚</strong></p> 
  <pre><code><div class="card">
	<div class="card-header">页眉</div>
	<div class="card-body">内容</div>
    <div class="card-footer">页脚</div>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/ac1d3f138be740738252b6dd7547efe9.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ac1d3f138be740738252b6dd7547efe9.jpg" alt="【Bootstrap学习 day13】_第9张图片" width="650" height="120" style="border:1px solid black;"></a></p> 
  <p><strong>带有标题、文本和链接的卡片</strong></p> 
  <pre><code><div class="card w-60">
	<div class="card-header">页眉</div>
	<div class="card-body">
    	<h4 class="card-title">卡片标题</h4>
        <p class="card-text">这是一些文本</p>
        <a href="#" class="card-link">卡片链接</a>
    </div>
    <div class="card-footer">页脚</div>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/e9775a00b0ef4cf7b9ec8df4b385c834.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/e9775a00b0ef4cf7b9ec8df4b385c834.jpg" alt="【Bootstrap学习 day13】_第10张图片" width="650" height="180" style="border:1px solid black;"></a><br> <strong>卡片图像</strong><br> 可以给<img>添加.card-img-top使图片位于文字上方，或添加.card-img-bottom使图片位于文字下方来设置卡片中图片的位置。</p> 
  <pre><code><div class="card" style="width:300px">
	<div class="card-header">页眉</div>
    <img class="card-img-top" src="avatar.png">
	<div class="card-body">
    	<h4 class="card-title">卡片标题</h4>
        <p class="card-text">这是一些文本</p>
        <a href="#" class="card-link">卡片链接</a>
    </div>
    <div class="card-footer">页脚</div>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/f029dc6c113848119ad2ffb9df8b249e.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/f029dc6c113848119ad2ffb9df8b249e.jpg" alt="【Bootstrap学习 day13】_第11张图片" width="358" height="580" style="border:1px solid black;"></a></p> 
  <p><strong>图像作为卡片背景</strong><br> 将图像转换为卡片背景并使用.card-img-overlay并叠加卡片的文字</p> 
  <pre><code><div class="card" style="width:300px">
    <img class="card-img-top" src="avatar.png">
	<div class="card-img-overlay">
    	<h4 class="card-title">卡片标题</h4>
        <p class="card-text">这是一些文本</p>
        <a href="#" class="card-link">卡片链接</a>
    </div>
</div>
</code></pre> 
  <p><a href="http://img.e-com-net.com/image/info8/ca142d8d8de342ff8c1ee955fc1ce6ec.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ca142d8d8de342ff8c1ee955fc1ce6ec.jpg" alt="【Bootstrap学习 day13】_第12张图片" width="359" height="385" style="border:1px solid black;"></a></p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="SOHUCS" sid="1744951025367793664"></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">
                        
                        <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>
                        
                        <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>
                        
                        <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">你可能感兴趣的:(bootstrap,学习,前端)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1773613272952537088.htm"
                           title="【Python】一文详细介绍 py格式 文件" target="_blank">【Python】一文详细介绍 py格式 文件</a>
                        <span class="text-muted">高斯小哥</span>
<a class="tag" taget="_blank" href="/search/Python%E5%9F%BA%E7%A1%80%E3%80%90%E9%AB%98%E8%B4%A8%E9%87%8F%E5%90%88%E9%9B%86%E3%80%91/1.htm">Python基础【高质量合集】</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%89%8B%E5%85%A5%E9%97%A8/1.htm">新手入门</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
                        <div>【Python】一文详细介绍py格式文件个人主页：高斯小哥高质量专栏：Matplotlib之旅：零基础精通数据可视化、Python基础【高质量合集】、PyTorch零基础入门教程希望得到您的订阅和支持~创作高质量博文(平均质量分92+)，分享更多关于深度学习、PyTorch、Python领域的优质内容！（希望得到您的关注~）文章目录一、py格式文件简介二、如何创建和编辑py格式文件三、如何运行py</div>
                    </li>
                    <li><a href="/article/1773610656310820864.htm"
                           title="大学播音主持都学什么内容？播音主持专业学什么？" target="_blank">大学播音主持都学什么内容？播音主持专业学什么？</a>
                        <span class="text-muted">配音新手圈</span>

<div>有些喜欢播音主持并且犹豫要不要报考这个大学专业的小伙伴们就会想要了解大学播音主持都学什么内容吧，毕竟如果不够了解就直接选择这个专业真的等选择完进去学习以后才知道这个专业并不是自己想要学习的东西那就来不及了。下面是小编为大家整理出来的一些播音主持专业学习的内容，请往下看吧。大学播音主持专业主要学习的课程有：播音发声、播音创作基础、广播播音主持、电视播音主持、文艺作品演播学概论、新闻学概论、新闻采编、</div>
                    </li>
                    <li><a href="/article/1773583062202908672.htm"
                           title="新网师的精神肤色（幕布笔记）" target="_blank">新网师的精神肤色（幕布笔记）</a>
                        <span class="text-muted">悦读书香</span>

<div>王子老师的《极简100小妙招》收到已经几天了，之前大概的浏览了全书，今天起给自己定了一个计划，必须每天学习极简小妙招里面的一个妙招，并加以运用。一、今天要打卡什么内容因有完成每天学习极简小妙招的计划，所以今天晚饭吃的比较简单，草草吃完以后带着小宝到广场溜达一圈，急忙赶回来学习极简小妙招。再重看的时候不知道自己要学点什么，打卡哪一招，感觉哪个都简单，就看这一环节像王子老师说的“一看就会”，但做这一环</div>
                    </li>
                    <li><a href="/article/1773578026081124352.htm"
                           title="学习JavaEE的日子 Day32 线程池" target="_blank">学习JavaEE的日子 Day32 线程池</a>
                        <span class="text-muted">A 北枝</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0JavaEE/1.htm">学习JavaEE</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/java-ee/1.htm">java-ee</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E6%B1%A0/1.htm">线程池</a>
                        <div>Day32线程池1.引入一个线程完成一项任务所需时间为：创建线程时间-Time1线程中执行任务的时间-Time2销毁线程时间-Time32.为什么需要线程池(重要)线程池技术正是关注如何缩短或调整Time1和Time3的时间，从而提高程序的性能。项目中可以把Time1，T3分别安排在项目的启动和结束的时间段或者一些空闲的时间段线程池不仅调整Time1，Time3产生的时间段，而且它还显著减少了创建</div>
                    </li>
                    <li><a href="/article/1773560996888117248.htm"
                           title="没有如释重负" target="_blank">没有如释重负</a>
                        <span class="text-muted">君远近</span>

<div>虽然只有短短的一个多月的努力复习时间，但今天的整个考试经过，还是发现了效果的，题目做的比较自如，没有慌里慌张，而且提前五分钟完成。至于考试成绩，没有实足的把握，60分都不敢保证。但绝对相信自己，比去年肯定要好！今天早早的赶到考场，见到了刘老师，谈起来学习情况，坦率的说，真的是自己不够重视。总以为会很难，没有信心。其实不是的，只要认真对待，树立足够的信心，绝对可以通过考试的。还向老师询问了，后续再报</div>
                    </li>
                    <li><a href="/article/1773545802220765184.htm"
                           title="C++学习笔记（lambda函数）" target="_blank">C++学习笔记（lambda函数）</a>
                        <span class="text-muted">__TAT__</span>
<a class="tag" taget="_blank" href="/search/C%26amp%3BC%2B%2B/1.htm">C&C++</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
                        <div>C++learningnote1、lambda函数的语法2、lambda函数的几种用法1、lambda函数的语法lambda函数的一般语法如下：[capture_clause](parameters)->return_type{function_body}capture_clause：需要捕获的变量，但要求该变量必须在这个作用域中。通常的捕获方式有以下几种：[]：不捕获任何变量[&]：按引用捕获变</div>
                    </li>
                    <li><a href="/article/1773530120070430720.htm"
                           title="心赏（2018.10.8）" target="_blank">心赏（2018.10.8）</a>
                        <span class="text-muted">六一节_3928</span>

<div>1.上班第一天，同事彤休完产假，回来上班，给我带了酸奶和水果。她生小孩时，我给她发了一个小红包贺喜，哪知她就记在心里了。心赏这个有心的90后。2.女儿放学回来，说自己当了小组长。一边说不想当，一边得意的样子。心赏老师给了孩子这个锻炼的机会。3.老妈今天做了"蚂蚁上树"的菜，得到女儿的高度肯定。心赏老妈还在不断学习。</div>
                    </li>
                    <li><a href="/article/1773514238858428416.htm"
                           title="2022-2-13晨间日记" target="_blank">2022-2-13晨间日记</a>
                        <span class="text-muted">越亮也打烊</span>

<div>今天是什么日子起床：7:00就寝：12:08天气：晴心情：糟糕纪念日：无任务清单昨日完成的任务，最重要的三件事：寒假作业，网课，画画改进：作业时间剪短习惯养成：网课不逃～周目标·完成进度数学卷子100％学习·信息·阅读《傅雷家书》《钢铁是怎样炼成的》健康·饮食·锻炼我终于不喝饮料啦，喝茶～人际·家人·朋友邝姐姐带我吃火锅工作·思考啥时候开学，我还有几天赶完作业最美好的三件事1.卷子写完了2.我有冰</div>
                    </li>
                    <li><a href="/article/1773512348661776384.htm"
                           title="中原焦点团队38期王芳芳坚持分享第236天，20230630总约练134次，来访113次，咨8次，观察员13次" target="_blank">中原焦点团队38期王芳芳坚持分享第236天，20230630总约练134次，来访113次，咨8次，观察员13次</a>
                        <span class="text-muted">芳芳王</span>

<div>学习焦点的初心是想拯救孩子，孩子由于沉迷游戏，成绩下滑，在学习的过程中发现是自己的教育方式出了状况。经过半年的学习，一些焦点的基本技巧，如接纳、欣赏、倾听、同理心、尊重等都有了一定的了解。但在实际应用时仍然存在很多问题，感觉自己仍然没有放下对孩子成绩的期望，仍然把握不住对孩子管理的度。我该如何去陪伴好孩子？多用心去听课，并加强反思，多约练。去思考如何让自己快乐起来？</div>
                    </li>
                    <li><a href="/article/1773504513622212608.htm"
                           title="大前端-postcss安装使用指南" target="_blank">大前端-postcss安装使用指南</a>
                        <span class="text-muted">黑夜照亮前行的路</span>
<a class="tag" taget="_blank" href="/search/postcss/1.htm">postcss</a>
                        <div>PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把</div>
                    </li>
                    <li><a href="/article/1773504261557125120.htm"
                           title="谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程" target="_blank">谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程</a>
                        <span class="text-muted">pigerr杨</span>
<a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/drivers/1.htm">drivers</a>
                        <div>ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装</div>
                    </li>
                    <li><a href="/article/1773501994674225152.htm"
                           title="虚拟 DOM 的优缺点有哪些" target="_blank">虚拟 DOM 的优缺点有哪些</a>
                        <span class="text-muted">咕噜签名分发</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>虚拟DOM（VirtualDOM）技术作为现代前端开发中的重要组成部分，已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势，同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点，深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优</div>
                    </li>
                    <li><a href="/article/1773500735770656768.htm"
                           title="大创项目推荐 深度学习 opencv python 公式识别(图像识别 机器视觉)" target="_blank">大创项目推荐 深度学习 opencv python 公式识别(图像识别 机器视觉)</a>
                        <span class="text-muted">laafeer</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>文章目录0前言1课题说明2效果展示3具体实现4关键代码实现5算法综合效果6最后0前言优质竞赛项目系列，今天要分享的是基于深度学习的数学公式识别算法实现该项目较为新颖，适合作为竞赛课题方向，学长非常推荐！学长这里给一个题目综合评分(每项满分5分)难度系数：3分工作量：4分创新点：4分更多资料,项目分享：https://gitee.com/dancheng-senior/postgraduate1课题</div>
                    </li>
                    <li><a href="/article/1773499614951964672.htm"
                           title="#D174-读书会作业-《财务自由之路》3" target="_blank">#D174-读书会作业-《财务自由之路》3</a>
                        <span class="text-muted">白洲笔记</span>

<div>最近沉迷于写作营，一直就没时间去弄读书会的作业，书的第二遍也就看了个开头，趁着日更的时间，赶紧把作业做了，这次是15到21课。【1.印象最深刻的部分】(本周所读内容中印象最深刻的部分)*活在未来，最正确的方法是什么？用正确的方法做正确的事情，判断什么是正确的？逻辑。学会思考。"作对事情"永远比“把事情作对“重要的多。”长远思考，耐心验证，小心总结提炼“证明自己正确并不是学习的任务和目标，时刻成长，</div>
                    </li>
                    <li><a href="/article/1773495574226599936.htm"
                           title="3、JavaWeb-Ajax/Axios-前端工程化-Element" target="_blank">3、JavaWeb-Ajax/Axios-前端工程化-Element</a>
                        <span class="text-muted">所谓远行Misnearch</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
                        <div>P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名</div>
                    </li>
                    <li><a href="/article/1773478938652246016.htm"
                           title="账务处理又出错？资深会计来教你，学会效率翻倍！共同学习" target="_blank">账务处理又出错？资深会计来教你，学会效率翻倍！共同学习</a>
                        <span class="text-muted">小橘子要努力吖</span>

<div>作为一名会计，在实际工作中会遇到各种麻烦的账务处理问题。那么，最常用的会计处理方法都有哪些呢？今天小编为大家带来了从业二十六年的资深老会计分享的十四中会计常用的账务处理问题的解决方案，快来看看吧！一、促销品的账务处理在促销时公司经常会把一些商品按进价赠送给消费者使用二、款已付清但发票未到的账务处理三、购买材料发生不合理损耗的账务处理问题公司在购买材料时，常常会发生一些不合理的损耗，那么这种问题该怎</div>
                    </li>
                    <li><a href="/article/1773477427016695808.htm"
                           title="【真诚子】通晓鬼谷第七篇读书日记。" target="_blank">【真诚子】通晓鬼谷第七篇读书日记。</a>
                        <span class="text-muted">真诚子l通晓鬼谷</span>

<div>今天把个人品牌，从193读到208页，书的内容质量出奇的高，尤其是这一段。对标学习法，找一个比自己强，或者你期望成为的人进行模仿性学习，对标学习，不是到处，去找人对标兵学习很多人的优点，或是学习自己认为好的方面，而是找准一个对标高手，然后全方位的学习这个人。我在做品牌咨询时就对标，学习了一个在国内很有名的行业顶尖大咖。我先找到他公司的方案，进行完全模仿，连PPT的排版都一样，而且我只参照他一个人的</div>
                    </li>
                    <li><a href="/article/1773475811752476672.htm"
                           title="ES-LTR粗排模块" target="_blank">ES-LTR粗排模块</a>
                        <span class="text-muted">poins</span>
<a class="tag" taget="_blank" href="/search/jenkins/1.htm">jenkins</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
                        <div>ES-LTR粗排模块官方资源：https://github.com/HeiBoWang/elasticsearch-learning-to-rankElasticsearch学习排名插件使用机器学习提高搜索相关性排名。它为维基媒体基金会和Snagajob等地方的搜索提供了动力！这个插件有什么功能此插件：允许您在Elasticsearch中存储特征（Elasticsearch查询模板）记录特征得分（</div>
                    </li>
                    <li><a href="/article/1773475780618158080.htm"
                           title="2018-11-18成长小组学习笔记" target="_blank">2018-11-18成长小组学习笔记</a>
                        <span class="text-muted">实验中学45</span>

<div>因为嗓子“罢工”，我面对众人只能借“微笑”代言。在开始授课前，绣霞老师先反馈上次作业的情况，提到“接纳”需是真正发自内心的完全接纳，而不是口头上的接纳，内心却是排斥的。提到一个“问题”孩子恰恰对家爱的更加“深沉”，夫妻间的问题不能影响到孩子，对孩子更好的爱不是你为他做的更多，而是给他自由、健康成长的空间。图片发自App一、孩子：家庭的一面镜子夫妻成了彼此的“投射”，婚姻便“吵的不可开交”，婚姻便成</div>
                    </li>
                    <li><a href="/article/1773441502228316160.htm"
                           title="2019-07-16" target="_blank">2019-07-16</a>
                        <span class="text-muted">振华老凤祥店长崔宁宁</span>

<div>大爱的李老师，智慧的教授，亲爱的跃友们：大家好！我是莱州鑫和金店李总的人～崔宁宁今天是我的日精进行动第56天，我分享一下今天的改变，我们相互勉励，每天进步一点点，离成功便不远。1、比学习：人这一生最主要的就是信念，坚定不移的信念是成功路上的重要基石！2、比改变：我是一切的根源，我变了世界就变了！改变自己的心态！3、比付出：承担才能成长，付出才会杰出！4、比谦卑：学习每位优秀店长身上的优点！5、比感</div>
                    </li>
                    <li><a href="/article/1773439683024453632.htm"
                           title="python清华大学出版社答案_Python机器学习及实践" target="_blank">python清华大学出版社答案_Python机器学习及实践</a>
                        <span class="text-muted">weixin_39805119</span>
<a class="tag" taget="_blank" href="/search/python%E6%B8%85%E5%8D%8E%E5%A4%A7%E5%AD%A6%E5%87%BA%E7%89%88%E7%A4%BE%E7%AD%94%E6%A1%88/1.htm">python清华大学出版社答案</a>
                        <div>第1章机器学习的基础知识1.1何谓机器学习1.1.1传感器和海量数据1.1.2机器学习的重要性1.1.3机器学习的表现1.1.4机器学习的主要任务1.1.5选择合适的算法1.1.6机器学习程序的步骤1.2综合分类1.3推荐系统和深度学习1.3.1推荐系统1.3.2深度学习1.4何为Python1.4.1使用Python软件的由来1.4.2为什么使用Python1.4.3Python设计定位1.4.</div>
                    </li>
                    <li><a href="/article/1773437340203679744.htm"
                           title="2018-12-02" target="_blank">2018-12-02</a>
                        <span class="text-muted">子分小</span>

<div>姓名：张颖公司：菲尔德国际英语【反省总结第146天，始于20180709今天是20181202】【知～学习】六项精进大纲背诵3遍每天十个单词坚持第181天每天学习一篇英文文章第94天英语流利说课程第71天学习30分钟【行～实践】一、修身：（对自己个人）步行5000步二、齐家：（对家庭和家人）无三、建功：（对工作)完成与Arti活动课和两节Demo准备开班事宜｛积善｝：发愿从2018年7月9日起1年</div>
                    </li>
                    <li><a href="/article/1773433809660870656.htm"
                           title="如何成为思维的高手？" target="_blank">如何成为思维的高手？</a>
                        <span class="text-muted">明安包装闫慧玲</span>

<div>六项精进训练营Day2复盘20210112湖北荆州学习靠氛围，成长靠圈子1.关于金钱认知金句：1.当今世界，非钱不行2.有钱能使鬼推磨3.金钱是万恶之本4.时间就是金钱5.金钱不是万能的，但是没有钱是万万不能的6.谈钱伤感情，谈感情伤钱道德系统→好人→美德→回流利益系统→好好生活天下熙熙皆为利来，天下攘攘皆为利往出自西汉著名史学家、文学家司马迁《史记》的第一百二十九章“货殖列传”。这句话意思是说天</div>
                    </li>
                    <li><a href="/article/1773433808389996544.htm"
                           title="十分钟自由写作" target="_blank">十分钟自由写作</a>
                        <span class="text-muted">知意zy</span>

<div>主题：我缺乏的东西自从加入2022年弘丹写作学院，感觉每天的生活都忙碌了起来，我要上班，要学习。所以我每天都必须拼尽全力向前奔跑，才追得上小伙伴们的脚步。在写作学院，我学会了反省自己的不足，我的想法多，缺乏的东西也太多。比如：写作的文笔，写作逻辑，底层自信心……看到社群里那么多优秀的小伙伴，我感觉自己越来越自卑，我这么一个平庸的人，会完成今年的写作目标吗？我开始不停怀疑自己是否能坚持下去。而弘丹老</div>
                    </li>
                    <li><a href="/article/1773424105362620416.htm"
                           title="2021-04-11" target="_blank">2021-04-11</a>
                        <span class="text-muted">英英成长日记</span>

<div>（1）每天写50字以上的催眠语言肯定自己或孩子或爱人今天的公益沙龙第二期，你有充分的准备！所以一切都很顺利！你还可以更灵活，我相信你可以做到！你是一个有爱的人！爱能成就一切！加油！分享也是成长！你说对吗？（2）每天晚上跟潜意识沟通一次。谢谢你潜意识，今天支持我讲完两个小时沙龙！感恩你每天这样支持我成长学习！（3）每天学习三条时间管理方法，共100条。(4)自己想要坚持3件事（确定下来至少一件，坚持</div>
                    </li>
                    <li><a href="/article/1773415532297519104.htm"
                           title="忙忙碌碌才是生活" target="_blank">忙忙碌碌才是生活</a>
                        <span class="text-muted">北渔说</span>

<div>观海年后上班，因为项目接近尾声甚是消闲。说是消闲，其实身消闲，心不消闲。都说当下社会是焦虑的社会，因为人们普遍焦虑。上班已有半月，想想这好像是上班几年来最空闲的一段时间了。空闲的主要原因是工作处在了瓶颈期，心有余而力不足。因为有一颗力求完美的心，但却没有力求完美的能力，所以徒有焦虑。不知道大家有没有这种感觉，在高压学习或工作一段时间之后，突然闲下来就会茫然无措。有时候读一本长篇，好不容易结束本来应</div>
                    </li>
                    <li><a href="/article/1773411736095883264.htm"
                           title="数据管理知识体系指南（第二版）-第五章——数据建模和设计-学习笔记" target="_blank">数据管理知识体系指南（第二版）-第五章——数据建模和设计-学习笔记</a>
                        <span class="text-muted">键盘上的五花肉</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%B2%BB%E7%90%86/1.htm">数据治理</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/%E6%95%B0%E6%8D%AE%E4%BB%93%E5%BA%93/1.htm">数据仓库</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%B2%BB%E7%90%86/1.htm">数据治理</a>
                        <div>目录5.1引言5.1.1业务驱动因素5.1.2目标和原则5.1.3基本概念5.2活动5.2.1规划数据建模5.2.2建立数据模型5.2.3审核数据模型5.2.4维护数据模型5.3工具5.3.1数据建模工具5.3.2数据血缘工具5.3.3数据分析工具5.3.4元数据资料库5.3.5数据模型模式5.3.6行业数据模型5.4方法5.4.1命名约定的最佳实践5.4.2数据库设计中的最佳实践5.5数据建模和</div>
                    </li>
                    <li><a href="/article/1773403804033679360.htm"
                           title="职场人员学习时间管理的重大意义" target="_blank">职场人员学习时间管理的重大意义</a>
                        <span class="text-muted">时间管理v8</span>

<div>时间管理是指通过事先规划和运用一定的技巧、方法与工具实现对时间的灵活以及有效运用，从而实现个人或组织的既定目标。职场人员能否在自己的事业生涯中取得成功，秘诀就在于搞好时间管理。世界上最重要的东西是"时间"，不能管理时间，便什么也不能管理。时间是世界上最短缺的资源，除非严加管理，否则就会一事无成。职场人员学习时间管理的重大意义职场中时间陷阱为什么职场人员总是觉得时间不够，经常会导致加班加点的工作？主</div>
                    </li>
                    <li><a href="/article/1773388547047358464.htm"
                           title="遗落的光阴" target="_blank">遗落的光阴</a>
                        <span class="text-muted">古诗风光</span>

<div>第七篇，小明的学生时代。小明和他的同桌的共听一首歌的行为已经实现了。所以每次没事就和他的同桌一起畅听音乐，这也导致了一些场面都发生，一就是她的隔壁同桌时不时的鄙夷的眼光，二是他进一步加聚了他同桌对他的态度，他的同桌除了平时的听音乐交流之外，还增加了与他的交流。其中最关键的就是，因为他的同桌没事就与他的进行生活的交流。其中最关键的就是在一个不上课的周末小明独自一人回到了宿舍进行学习。而这时他的同桌带</div>
                    </li>
                    <li><a href="/article/1773382031552610304.htm"
                           title="java实体中返回前端的double类型四舍五入（格式化）" target="_blank">java实体中返回前端的double类型四舍五入（格式化）</a>
                        <span class="text-muted">婲落ヽ紅顏誶</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>根据业务，需要通过后端给前端返回部分double类型的数值，一般需要保留两位小数，使用jackson转换对象packagecom.ruoyi.common.core.config;importcom.fasterxml.jackson.core.JsonGenerator;importcom.fasterxml.jackson.databind.JsonSerializer;importcom.f</div>
                    </li>
                                <li><a href="/article/113.htm"
                                       title="windows下源码安装golang" target="_blank">windows下源码安装golang</a>
                                    <span class="text-muted">616050468</span>
<a class="tag" taget="_blank" href="/search/golang%E5%AE%89%E8%A3%85/1.htm">golang安装</a><a class="tag" taget="_blank" href="/search/golang%E7%8E%AF%E5%A2%83/1.htm">golang环境</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a>
                                    <div>         系统： 64位win7， 开发环境：sublime text 2，  go版本： 1.4.1 
  
 1.  安装前准备(gcc, gdb, git) 
       golang在64位系</div>
                                </li>
                                <li><a href="/article/240.htm"
                                       title="redis批量删除带空格的key" target="_blank">redis批量删除带空格的key</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
                                    <div>redis批量删除的通常做法： 
 
 
redis-cli keys "blacklist*" | xargs redis-cli del 
 
上面的命令在key的前后没有空格时是可以的，但有空格就不行了：

$redis-cli keys "blacklist*"
1) "blacklist:12: 361942420@qq.com</div>
                                </li>
                                <li><a href="/article/367.htm"
                                       title="oracle正则表达式的用法" target="_blank">oracle正则表达式的用法</a>
                                    <span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</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>
                                    <div>  方括号表达示 
方括号表达式 
描述 
[[:alnum:]] 
字母和数字混合的字符 
[[:alpha:]] 
字母字符 
[[:cntrl:]] 
控制字符 
[[:digit:]] 
数字字符 
[[:graph:]] 
图像字符 
[[:lower:]] 
小写字母字符 
[[:print:]] 
打印字符 
[[:punct：]] 
标点符号字符 
[[:space:]]</div>
                                </li>
                                <li><a href="/article/494.htm"
                                       title="2048源码(核心算法有，缺少几个anctionbar，以后补上)" target="_blank">2048源码(核心算法有，缺少几个anctionbar，以后补上)</a>
                                    <span class="text-muted">不懂事的小屁孩</span>
<a class="tag" taget="_blank" href="/search/2048/1.htm">2048</a>
                                    <div>2048游戏基本上有四部分组成， 
1：主activity，包含游戏块的16个方格，上面统计分数的模块 
2：底下的gridview，监听上下左右的滑动，进行事件处理， 
3：每一个卡片，里面的内容很简单，只有一个text，记录显示的数字 
4：Actionbar，是游戏用重新开始，设置等功能(这个在底下可以下载的代码里面还没有实现) 
 
写代码的流程 
1：设计游戏的布局，基本是两块，上面是分</div>
                                </li>
                                <li><a href="/article/621.htm"
                                       title="jquery内部链式调用机理" target="_blank">jquery内部链式调用机理</a>
                                    <span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
                                    <div>只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象（通过this  因为一旦一个函数称为一个对象方法的话那么在这个方法内部this（结合下面的setStyles）指向这个对象）

function  create(type){
var element=document.createElement(type);
    //this=element;
</div>
                                </li>
                                <li><a href="/article/748.htm"
                                       title="你订酒店时的每一次点击 背后都是NoSQL和云计算" target="_blank">你订酒店时的每一次点击 背后都是NoSQL和云计算</a>
                                    <span class="text-muted">蓝儿唯美</span>
<a class="tag" taget="_blank" href="/search/NoSQL/1.htm">NoSQL</a>
                                    <div>全球最大的在线旅游公司Expedia旗下的酒店预订公司，它运营着89个网站，跨越68个国家，三年前开始实验公有云，以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。 
云端本身是用于驱动网站的部分小功能的，如搜索框的自动推荐功能，还能保证处理Hotels.com服务的季节性需求高峰整体储能。 
Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou</div>
                                </li>
                                <li><a href="/article/875.htm"
                                       title="java笔记1" target="_blank">java笔记1</a>
                                    <span class="text-muted">a-john</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>1，面向对象程序设计（Object-oriented Propramming，OOP）：java就是一种面向对象程序设计。 
2，对象：我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说，对象是某个类型的实例。比如狗是一个类型，哈士奇可以是狗的一个实例，也就是对象。 
3，面向对象程序设计方式的特性： 
    3.1 万物皆为对象。 
   </div>
                                </li>
                                <li><a href="/article/1002.htm"
                                       title="C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点（一）" target="_blank">C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点（一）</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/C%2FC%2B%2B%E6%B1%82%E8%81%8C%E9%9D%A2%E8%AF%95%E5%BF%85%E5%A4%87%E8%80%83%E7%82%B9/1.htm">C/C++求职面试必备考点</a>
                                    <div>        找工作在即，以后决定每天至少写一个知识点，主要是记录，逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益，后学幸运之至也。如有错误，还希望大家帮忙指出来。感激不尽。 
       后学保证每个写出来的结果都是自己在电脑上亲自跑过的，咱人笨，以前学的也半吊子。很多时候只能靠运行出来的结果再反过来</div>
                                </li>
                                <li><a href="/article/1129.htm"
                                       title="程序员写代码时就不要管需求了吗？" target="_blank">程序员写代码时就不要管需求了吗？</a>
                                    <span class="text-muted">asia007</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E4%B8%8D%E8%83%BD%E4%B8%80%E5%91%B3%E8%B7%9F%E9%9C%80%E6%B1%82%E8%B5%B0/1.htm">程序员不能一味跟需求走</a>
                                    <div>      编程也有2年了，刚开始不懂的什么都跟需求走，需求是怎样就用代码实现就行，也不管这个需求是否合理，是否为较好的用户体验。当然刚开始编程都会这样，但是如果有了2年以上的工作经验的程序员只知道一味写代码，而不在写的过程中思考一下这个需求是否合理，那么，我想这个程序员就只能一辈写敲敲代码了。 
      我的技术不是很好，但是就不代</div>
                                </li>
                                <li><a href="/article/1256.htm"
                                       title="Activity的四种启动模式" target="_blank">Activity的四种启动模式</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E6%A0%88%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">栈模式启动</a><a class="tag" taget="_blank" href="/search/Activity%E7%9A%84%E6%A0%87%E5%87%86%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">Activity的标准模式启动</a><a class="tag" taget="_blank" href="/search/%E6%A0%88%E9%A1%B6%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">栈顶模式启动</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F%E5%90%AF%E5%8A%A8/1.htm">单例模式启动</a>
                                    <div>android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ; 
  
启动模式xml中配置 
    <activity android:name=".MainActivity" android:launchMode="standard&quo</div>
                                </li>
                                <li><a href="/article/1383.htm"
                                       title="Spring中@Autowired标签与@Resource标签的区别" target="_blank">Spring中@Autowired标签与@Resource标签的区别</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%40Resource/1.htm">@Resource</a><a class="tag" taget="_blank" href="/search/%40Autowired/1.htm">@Autowired</a><a class="tag" taget="_blank" href="/search/%40Qualifier/1.htm">@Qualifier</a>
                                    <div>Spring不但支持自己定义的@Autowired注解，还支持由JSR-250规范定义的几个注解，如：@Resource、 @PostConstruct及@PreDestroy。 
  
1. @Autowired    @Autowired是Spring 提供的，需导入    Package:org.springframewo</div>
                                </li>
                                <li><a href="/article/1510.htm"
                                       title="Changes Between SOAP 1.1 and SOAP 1.2" target="_blank">Changes Between SOAP 1.1 and SOAP 1.2</a>
                                    <span class="text-muted">sunjing</span>
<a class="tag" taget="_blank" href="/search/Changes/1.htm">Changes</a><a class="tag" taget="_blank" href="/search/Enable/1.htm">Enable</a><a class="tag" taget="_blank" href="/search/SOAP+1.1/1.htm">SOAP 1.1</a><a class="tag" taget="_blank" href="/search/SOAP+1.2/1.htm">SOAP 1.2</a>
                                    <div>JAX-WS 
SOAP Version 1.2 Part 0: Primer (Second Edition) 
SOAP Version 1.2 Part 1: Messaging Framework (Second Edition) 
SOAP Version 1.2 Part 2: Adjuncts (Second Edition) 
  
Which style of WSDL</div>
                                </li>
                                <li><a href="/article/1637.htm"
                                       title="【Hadoop二】Hadoop常用命令" target="_blank">【Hadoop二】Hadoop常用命令</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a>
                                    <div>以Hadoop运行Hadoop自带的wordcount为例， 
  
hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop，需要说明的是，这些命令的使用必须在Hadoop已经运行的情况下才能执行 
  Hadoop HDFS相关命令 
 
  hadoop fs -ls 
 
 列出HDFS文件系统的第一级文件和第一级</div>
                                </li>
                                <li><a href="/article/1764.htm"
                                       title="java异常处理（初级）" target="_blank">java异常处理（初级）</a>
                                    <span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a>
                                    <div>从学习到现在从事java开发一年多了，个人觉得对java只了解皮毛，很多东西都是用到再去慢慢学习，编程真的是一项艺术，要完成一段好的代码，需要懂得很多。 
最近项目经理让我负责一个组件开发，框架都由自己搭建，最让我头疼的是异常处理，我看了一些网上的源码，发现他们对异常的处理不是很重视，研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码，通过他们对异常处理的解决方案，我终</div>
                                </li>
                                <li><a href="/article/1891.htm"
                                       title="记录整理-工作问题" target="_blank">记录整理-工作问题</a>
                                    <span class="text-muted">braveCS</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
                                    <div>1）那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。 
2）今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题，以后要是写更大的文件还是得改内存。想问题要长远啊</div>
                                </li>
                                <li><a href="/article/2018.htm"
                                       title="org.apache.tools.zip实现文件的压缩和解压，支持中文" target="_blank">org.apache.tools.zip实现文件的压缩和解压，支持中文</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a>
                                    <div>刚开始用java.util.Zip，发现不支持中文（网上有修改的方法，但比较麻烦） 
后改用org.apache.tools.zip 
org.apache.tools.zip的使用网上有更简单的例子 
下面的程序根据实际需求，实现了压缩指定目录下指定文件的方法

import java.io.BufferedReader;
import java.io.BufferedWrit</div>
                                </li>
                                <li><a href="/article/2145.htm"
                                       title="读书笔记-4" target="_blank">读书笔记-4</a>
                                    <span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a>
                                    <div>1、JSTL 核心标签库标签 
2、避免SQL注入 
3、字符串逆转方法 
4、字符串比较compareTo 
5、字符串替换replace 
6、分拆字符串 
 
 
1、JSTL 核心标签库标签共有13个，
学习资料：http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html
功能上分为4类：
(1)表达式控制标签：out</div>
                                </li>
                                <li><a href="/article/2272.htm"
                                       title="[物理与电子]半导体教材的一个小问题" target="_blank">[物理与电子]半导体教材的一个小问题</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E9%97%AE%E9%A2%98/1.htm">问题</a>
                                    <div> 
 
      各种模拟电子和数字电子教材中都有这个词汇-空穴 
 
      书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴 
 
      我现在回过头翻大学时候的教材,觉得这个</div>
                                </li>
                                <li><a href="/article/2399.htm"
                                       title="Flashback Database --闪回数据库" target="_blank">Flashback Database --闪回数据库</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E9%97%AA%E5%9B%9E%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">闪回数据库</a>
                                    <div>Flashback 技术是以Undo segment中的内容为基础的， 因此受限于UNDO_RETENTON参数。要使用flashback 的特性，必须启用自动撤销管理表空间。 
在Oracle 10g中， Flash back家族分为以下成员： Flashback Database， Flashback Drop，Flashback Query(分Flashback Query,Flashbac</div>
                                </li>
                                <li><a href="/article/2526.htm"
                                       title="简单排序:插入排序" target="_blank">简单排序:插入排序</a>
                                    <span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E6%8F%92%E5%85%A5%E6%8E%92%E5%BA%8F/1.htm">插入排序</a>
                                    <div>
    public void insertSort(int[] array){
        int temp;
        
        for(int i=1;i<array.length;i++){
            temp = array[i];
            
            for(int k=i-1;k>=0;k--)</div>
                                </li>
                                <li><a href="/article/2653.htm"
                                       title="C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容" target="_blank">C语言学习六指针小示例、一维数组名含义，定义一个函数输出数组的内容</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
                                    <div># include <stdio.h>

int main(void)
{
	int * p; //等价于 int *p 也等价于 int* p;
	int i = 5;
	char ch = 'A';

//p = 5;	//error
	//p = &ch;	//error
	//p = ch;	//error

p = &i;		// </div>
                                </li>
                                <li><a href="/article/2780.htm"
                                       title="centos下php redis扩展的安装配置3种方法" target="_blank">centos下php redis扩展的安装配置3种方法</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
                                    <div>方法一 
1.下载php redis扩展包     代码如下 复制代码    
#wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz     
2 tar -zxvf 解压压缩包，cd /扩展包 （进入扩展包然后 运行phpize 一下是我环境中phpize的目录，/usr/local/php/bin/phpize (一定要</div>
                                </li>
                                <li><a href="/article/2907.htm"
                                       title="线程池(Executors)" target="_blank">线程池(Executors)</a>
                                    <span class="text-muted">shuizhaosi888</span>
<a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E6%B1%A0/1.htm">线程池</a>
                                    <div>在java类库中，任务执行的主要抽象不是Thread，而是Executor，将任务的提交过程和执行过程解耦 
	public interface Executor {

void execute(Runnable command);
	}
 
  
public class RunMain implements Executor{

@Override
	pub</div>
                                </li>
                                <li><a href="/article/3034.htm"
                                       title="openstack 快速安装笔记" target="_blank">openstack 快速安装笔记</a>
                                    <span class="text-muted">haoningabc</span>
<a class="tag" taget="_blank" href="/search/openstack/1.htm">openstack</a>
                                    <div>前提是要配置好yum源 
版本icehouse，操作系统redhat6.5 
最简化安装，不要cinder和swift 
三个节点 
172 control节点keystone glance horizon 
173 compute节点nova 
173 network节点neutron

control
/etc/sysctl.conf

net.ipv4.ip_forward =</div>
                                </li>
                                <li><a href="/article/3161.htm"
                                       title="从c面向对象的实现理解c++的对象（二）" target="_blank">从c面向对象的实现理解c++的对象（二）</a>
                                    <span class="text-muted">jimmee</span>
<a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/1.htm">面向对象</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E5%87%BD%E6%95%B0/1.htm">虚函数</a>
                                    <div>1. 类就可以看作一个struct，类的方法，可以理解为通过函数指针的方式实现的，类对象分配内存时，只分配成员变量的，函数指针并不需要分配额外的内存保存地址。 
2. c++中类的构造函数，就是进行内存分配(malloc)，调用构造函数 
3. c++中类的析构函数，就时回收内存(free) 
4. c++是基于栈和全局数据分配内存的，如果是一个方法内创建的对象，就直接在栈上分配内存了。 
专门在</div>
                                </li>
                                <li><a href="/article/3288.htm"
                                       title="如何让那个一个div可以拖动" target="_blank">如何让那个一个div可以拖动</a>
                                    <span class="text-muted">lingfeng520240</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                                    <div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml</div>
                                </li>
                                <li><a href="/article/3415.htm"
                                       title="第10章 高级事件（中）" target="_blank">第10章 高级事件（中）</a>
                                    <span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%8B%E4%BB%B6/1.htm">事件</a>
                                    <div>index.html 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/</div>
                                </li>
                                <li><a href="/article/3542.htm"
                                       title="计算两个经纬度之间的距离" target="_blank">计算两个经纬度之间的距离</a>
                                    <span class="text-muted">roadrunners</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97/1.htm">计算</a><a class="tag" taget="_blank" href="/search/%E7%BA%AC%E5%BA%A6/1.htm">纬度</a><a class="tag" taget="_blank" href="/search/LBS/1.htm">LBS</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E5%BA%A6/1.htm">经度</a><a class="tag" taget="_blank" href="/search/%E8%B7%9D%E7%A6%BB/1.htm">距离</a>
                                    <div>要解决这个问题的时候，到网上查了很多方案，最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。 
	/**
	 * 
	 * @param longitudeA
	 *            经度A点
	 * @param latitudeA
	 *            纬度A点
	 * @param longitudeB
	 *    </div>
                                </li>
                                <li><a href="/article/3669.htm"
                                       title="最具争议的10个Java话题" target="_blank">最具争议的10个Java话题</a>
                                    <span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>1、Java8已经到来。什么！？ Java8 支持lambda。哇哦，RIP Scala！   　　随着Java8 的发布，出现很多关于新发布的Java8是否有潜力干掉Scala的争论，最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围，但Java并非是函数式编程王位的真正觊觎者。   　 
　2、Java 9 即将到来   　　 
Oracle早在8月份就发布</div>
                                </li>
                                <li><a href="/article/3796.htm"
                                       title="zoj 3826 Hierarchical Notation(模拟)" target="_blank">zoj 3826 Hierarchical Notation(模拟)</a>
                                    <span class="text-muted">阿尔萨斯</span>
<a class="tag" taget="_blank" href="/search/rar/1.htm">rar</a>
                                    <div> 题目链接：zoj 3826 Hierarchical Notation 
 题目大意：给定一些结构体，结构体有value值和key值，Q次询问，输出每个key值对应的value值。 
 解题思路：思路很简单，写个类词法的递归函数，每次将key值映射成一个hash值，用map映射每个key的value起始终止位置，预处理完了查询就很简单了。 这题是最后10分钟出的，因为没有考虑value为{}的情</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.

        </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>