weixin_34074740

HTML 基础控件介绍

　　主要介绍 input、select、textarea、label、fieldset、ul、ol、li等标签

2. 标签：多行文本区域。</span></p> <p><span style="line-height:1.5;">4. <label>标签：相当于一个展示文本框。</span></p> <p><span style="line-height:1.5;">5. <fieldset>标签：类似于winform中的groupBox控件。</span></p> <p><span style="line-height:1.5;">6. 列表标签：介绍ul、ol、li。</span></p> <p> </p> <h1>1. <input>标签</h1> <p><span style="line-height:1.5;"><input> 标签用于搜集用户信息。</span></p> <h2>1.1 type属性</h2> <p>根据不同的 type 属性值，输入字段拥有很多种形式。可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。</p> <p><span style="color:#0000ff;">text</span>：文本区域<br>　　　　readonly属性：是否只读。<br><span style="color:#0000ff;">password</span>：密码区域，输入的文本以'*'展示<br><span style="color:#0000ff;">checkbox</span>：复选框<br>　　　　checked属性：是否选中；<br><span style="color:#0000ff;">radio</span>：单选框；<br>　　　　name属性：指定多个单选框的在一个区域里进行单选操作<br><span style="color:#0000ff;">reset</span>：重置当前<form>表单里所有标签到初始化状态(如清除文本区域内容)<br><span style="color:#0000ff;">submit</span>：提交当前<form>表单信息到指定页面<br><span style="color:#0000ff;">button</span>：普通按钮<br>　　　　value属性：button按钮显示的文本<br><span style="color:#0000ff;">file</span>：文件选择标签<br><span style="color:#0000ff;">hide</span>：隐藏区域，可以把一些不展示给用户，而自己使用的信息存放于此<br><span style="color:#0000ff;">image</span>：图片区域<br>　　　　src属性：指定图片存放的路径；<br>　　　　title属性：鼠标移到图上显示的文本；<br>　　　　alt：图片加载失败或关闭时，显示的文本；</p> <p> </p> <h2>1.2 示例</h2> <p><a href="http://img.e-com-net.com/image/info8/a6fd2fbe6be649c3a1f968d4ef1fbfb6.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/a6fd2fbe6be649c3a1f968d4ef1fbfb6.jpg" alt="HTML 基础控件介绍_第1张图片" width="259" height="339" style="border:1px solid black;"></a></p> <p> </p> <h1>2. <select>标签</h1> <p>可创建单选或多选菜单，类似于winform的combox或listbox。</p> <h2>2.1 属性</h2> <p><span style="color:#000000;">1)<strong> size</strong> {int}：设置下拉列表尺寸。默认的为combox样式；大于1时，就是listbox样式。</span><br><span style="color:#000000;">2) <strong>multiple</strong> {boolean}：是否多项选择。若为多选，按住Ctrl+左键可进行多选操作。</span></p> <p>3) item子项：</p> <p><span style="color:#000000;">① <<strong>optgroup</strong>>标签：定义</span>选择项的类别，不能被选中。<br><span style="color:#000000;">　　label {string} 属性：类别展示的名称</span><br><span style="color:#000000;">　　title {string} 属性：鼠标移到选择项上去，要展示的信息</span></p> <p><span style="color:#000000;">② <<strong>option</strong>>标签：定义可选的项目</span><br><span style="color:#000000;">　　vlaue {string} 属性：选择项具体的名称</span><br><span style="color:#000000;">　　title {string} 属性：鼠标移到选择项上去，要展示的信息</span></p> <p> </p> <h2>2.2 示例</h2> <p><a href="http://img.e-com-net.com/image/info8/66deb7fba1d147479ff78f900785e7a8.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/66deb7fba1d147479ff78f900785e7a8.jpg" alt="HTML 基础控件介绍_第2张图片" width="179" height="212" style="border:1px solid black;"></a></p> <div class="cnblogs_code"> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">h3</span><span style="color:#0000ff;">></span>select标签<span style="color:#0000ff;"></</span><span style="color:#800000;">h3</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">select </span><span style="color:#ff0000;">id</span><span style="color:#0000ff;">="province"</span><span style="color:#ff0000;"> multiple</span><span style="color:#0000ff;">=multiple </span><span style="color:#ff0000;">size</span><span style="color:#0000ff;">="6" </span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">optgroup </span><span style="color:#ff0000;">label</span><span style="color:#0000ff;">="直辖市"</span> <span style="color:#0000ff;">></</span><span style="color:#800000;">optgroup</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">option </span><span style="color:#ff0000;">value</span><span style="color:#0000ff;">="bj"</span><span style="color:#ff0000;"> title</span><span style="color:#0000ff;">="北京市"</span> <span style="color:#0000ff;">></span>北京<span style="color:#0000ff;"></</span><span style="color:#800000;">option</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">option </span><span style="color:#ff0000;">value</span><span style="color:#0000ff;">="sh"</span><span style="color:#0000ff;">></span>上海<span style="color:#0000ff;"></</span><span style="color:#800000;">option</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">optgroup </span><span style="color:#ff0000;">label</span><span style="color:#0000ff;">="省市"</span> <span style="color:#0000ff;">></</span><span style="color:#800000;">optgroup</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">option </span><span style="color:#ff0000;">value</span><span style="color:#0000ff;">="zj"</span><span style="color:#0000ff;">></span>浙江<span style="color:#0000ff;"></</span><span style="color:#800000;">option</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">option </span><span style="color:#ff0000;">value</span><span style="color:#0000ff;">="fj"</span><span style="color:#0000ff;">></span>福建<span style="color:#0000ff;"></</span><span style="color:#800000;">option</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">select</span><span style="color:#0000ff;">></span></pre> </div> <p> </p> <h1>3. <textarea>标签</h1> <p>多行文本区域，可以通过 cols 和 rows 属性来设定 textarea 的尺寸。</p> <h2>3.1 属性</h2> <p><span style="color:#000000;">rows {int}：表示显示的行数。</span><br><span style="color:#000000;">cols {int}：表示显示的列数。</span><br><span style="color:#000000;">readonly {boolean}：是否只读。</span></p> <p> </p> <h2>3.2 示例</h2> <p><a href="http://img.e-com-net.com/image/info8/57c49f4f8b434cb4949e7b8dbdfdae68.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/57c49f4f8b434cb4949e7b8dbdfdae68.jpg" alt="HTML 基础控件介绍_第3张图片" width="409" height="207" style="border:1px solid black;"></a></p> <p> </p> <p> </p> <h1>4. <label>标签</h1> <p>相当于一个展示文本框。</p> <h2>4.1 属性</h2> <p><span style="color:#000000;">for</span> {elementID}：关联对应的控件id；当点击此label标签时，绑定id的控件会获取焦点；</p> <div class="cnblogs_code"> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">table</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">tr</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">td</span><span style="color:#0000ff;">><</span><span style="color:#800000;">label </span><span style="color:#ff0000;">for</span><span style="color:#0000ff;">='username'</span><span style="color:#0000ff;">></span>姓名：<span style="color:#0000ff;"></</span><span style="color:#800000;">label</span><span style="color:#0000ff;">></</span><span style="color:#800000;">td</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">td</span><span style="color:#0000ff;">><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="text"</span><span style="color:#ff0000;"> id</span><span style="color:#0000ff;">='username'</span><span style="color:#0000ff;">/></</span><span style="color:#800000;">td</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">tr</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">tr</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">td</span><span style="color:#0000ff;">><</span><span style="color:#800000;">label </span><span style="color:#ff0000;">for</span><span style="color:#0000ff;">='userpwd'</span><span style="color:#0000ff;">></span>密码：<span style="color:#0000ff;"></</span><span style="color:#800000;">label</span><span style="color:#0000ff;">></</span><span style="color:#800000;">td</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">td</span><span style="color:#0000ff;">><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="password"</span><span style="color:#ff0000;"> id</span><span style="color:#0000ff;">='userpwd' </span><span style="color:#0000ff;">/></</span><span style="color:#800000;">td</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">tr</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">table</span><span style="color:#0000ff;">></span></pre> </div> <p> </p> <h2>4.2 示例</h2> <p><a href="http://img.e-com-net.com/image/info8/7f1d1261d32e4ac0b33fa6afbd7157df.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/7f1d1261d32e4ac0b33fa6afbd7157df.jpg" alt="HTML 基础控件介绍_第4张图片" width="244" height="127" style="border:1px solid black;"></a></p> <p> </p> <h1>5. <fieldset>标签</h1> <p>类似于winform中的groupBox控件。</p> <h2>5.1 item子项</h2> <p><<span style="color:#0000ff;">legend</span>></<span style="color:#0000ff;">legend</span>>：表示抬头的名称。</p> <div class="cnblogs_code"> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">h3</span><span style="color:#0000ff;">></span>fieldset标签<span style="color:#0000ff;"></</span><span style="color:#800000;">h3</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">fieldset </span><span style="color:#ff0000;">style</span><span style="color:#0000ff;">='width:130px' </span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">legend</span><span style="color:#0000ff;">></span>性别<span style="color:#0000ff;"></</span><span style="color:#800000;">legend</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="radio"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">='sex' </span><span style="color:#ff0000;">value</span><span style="color:#0000ff;">='boy' </span><span style="color:#0000ff;">/></span><span style="color:#000000;">男 </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="radio"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">='sex' </span><span style="color:#ff0000;">value</span><span style="color:#0000ff;">='girl' </span><span style="color:#0000ff;">/></span><span style="color:#000000;">女 </span><span style="color:#0000ff;"></</span><span style="color:#800000;">fieldset</span><span style="color:#0000ff;">></span></pre> </div> <p> </p> <h2>5.2 示例</h2> <p><a href="http://img.e-com-net.com/image/info8/9b5f775c005b4f619d8017b6df69e77b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/9b5f775c005b4f619d8017b6df69e77b.jpg" alt="HTML 基础控件介绍_第5张图片" width="188" height="125" style="border:1px solid black;"></a></p> <p> </p> <h1>6. ul、ol、li 列表标签</h1> <h2>6.1 介绍</h2> <p><span style="color:#ff0000;">ul</span> ：unordered list （无序列表）<br><span style="color:#ff0000;">ol</span> ：ordered list （有序列表））<br><span style="color:#ff0000;">li</span> ：list item （列表项目），基于上面2个列表子项目。</p> <p>代码示例：</p> <div class="cnblogs_code"> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">ul </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">=circle</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span>ul1<span style="color:#0000ff;"></</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span>ul2<span style="color:#0000ff;"></</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span>ul3<span style="color:#0000ff;"></</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">ul</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">ol </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">=1</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span>li1<span style="color:#0000ff;"></</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span>li2<span style="color:#0000ff;"></</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span>li3<span style="color:#0000ff;"></</span><span style="color:#800000;">li</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">ol</span><span style="color:#0000ff;">></span></pre> </div> <p> </p> <h2>6.2 属性</h2> <p><strong>type</strong> {string}：定义了<li> 标签前面的符号样式。</p> <p><strong>ul</strong>：type 有：circle 空心圆，disc 实心圆，square 实心正方形， none ：前面无符号;<br><strong>ol</strong>：type 有：1 ：表示有序的1,2,3； a ：表示有序的a，b，c；i ：罗马数字i,ii,iii；虽然还可以定义为：circle、disc、square、none但现实都为1,2,3等序列；</p> <p><a href="http://img.e-com-net.com/image/info8/a47bc88a09354853a8abdf892b03fe59.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/a47bc88a09354853a8abdf892b03fe59.jpg" alt="HTML 基础控件介绍_第6张图片" width="237" height="183" style="border:1px solid black;"></a></p> <p> </p> <div class="polk_cust_footer"> <div class="end-wrapper"> <span class="tips">End</span> </div> <div class="blockquote"> Web开发之路系列文章 </div> <div id="divwebmenurose" class="menu-wrapper"> <span>菜单加载中...</span> </div> </div> </div> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1282625233039147008"></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">你可能感兴趣的:(HTML 基础控件介绍)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1903931169582411776.htm" title="css filter属性详解" target="_blank">css filter属性详解</a> <span class="text-muted">pengfeixc</span> <a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/development/1.htm">development</a> <div>cssfilter属性详解文章中codepen例子，无法实时预览，可以在这里获得更好阅读体验。最近琢磨着把网站主题色更改一下，看到了一篇文章DarkModeinOneLineofCode，作者讲述了如何用一句代码将网站主题色更改成相反色，这样网站就可以拥有有白天模式和黑夜模式了。html{filter:invert(1);}使用上面的代码，可以很方便的将页面颜色反转，达到黑夜模式的效果。但是我并不</div> </li> <li><a href="/article/1903930539040108544.htm" title="云原生工程师必修课：如何揪出“假忙真闲”的应用元凶" target="_blank">云原生工程师必修课：如何揪出“假忙真闲”的应用元凶</a> <span class="text-muted">YAMLMaster</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a><a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4%E5%BC%80%E5%8F%91/1.htm">运维开发</a><a class="tag" taget="_blank" href="/search/devops/1.htm">devops</a> <div>Tagamanent,Spain引言这是一个再经典不过的面试题了，希望大家能学到精髓。开始介绍在分布式系统和高并发场景中，高负载（HighLoad）与低使用率（LowUtilization）的共存矛盾是运维和开发者的常见挑战。这种问题往往隐蔽性强，传统监控指标难以直接定位根因。本文从系统层、应用层、架构层多维度拆解，提供一套完整的排查与优化方法论。核心概念厘清•负载（Load）：系统当前待处理任务</div> </li> <li><a href="/article/1903930033358041088.htm" title="Pytorch深度学习教程_9_nn模块构建神经网络" target="_blank">Pytorch深度学习教程_9_nn模块构建神经网络</a> <span class="text-muted">tRNA做科研</span> <a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E4%BF%9D%E5%A7%86%E6%95%99%E7%A8%8B/1.htm">深度学习保姆教程</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a> <div>欢迎来到《深度学习保姆教程》系列的第九篇！在前面的几篇中，我们已经介绍了Python、numpy及pytorch的基本使用，进行了梯度及神经网络的实践并学习了激活函数和激活函数，在上一个教程中我们学习了优化算法。今天，我们将开始使用pytorch构建我们自己的神经网络。欢迎订阅专栏进行系统学习：深度学习保姆教程_tRNA做科研的博客-CSDN博客目录1.理解nn模块：(1)使用nn.Sequent</div> </li> <li><a href="/article/1903930034721189888.htm" title="【MyBatisPlus】MyBatisPlus介绍与使用" target="_blank">【MyBatisPlus】MyBatisPlus介绍与使用</a> <span class="text-muted">web_15534274656</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/1.htm">学习路线</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4/1.htm">阿里巴巴</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>【MyBatisPlus】MyBatisPlus介绍与使用文章目录【MyBatisPlus】MyBatisPlus介绍与使用1、什么MyBatisPlus2、MyBatisPlus的CRUD操作3、MyBatisPlus分页使用1、什么MyBatisPlusMyBatisPlus（简称MP）是基于MyBatis框架基础上开发的增强型工具，旨在简化开发、提高效率官网：https://baomidou</div> </li> <li><a href="/article/1903928647031517184.htm" title="基于Redis分布锁+事务补偿解决数据不一致性问题" target="_blank">基于Redis分布锁+事务补偿解决数据不一致性问题</a> <span class="text-muted">yiridancan</span> <a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91%E7%BC%96%E7%A8%8B/1.htm">并发编程</a><a class="tag" taget="_blank" href="/search/Redis/1.htm">Redis</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</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/%E7%BC%93%E5%AD%98/1.htm">缓存</a> <div>基于Redis的分布式设备库存服务设计与实现概述本文介绍一个基于Redis实现的分布式设备库存服务方案，通过分布式锁、重试机制和事务补偿等关键技术，保证在并发场景下库存操作的原子性和一致性。该方案适用于物联网设备管理、分布式资源调度等场景。代码实现importjava.util.HashMap;importjava.util.Map;importorg.slf4j.Logger;importorg</div> </li> <li><a href="/article/1903928392810557440.htm" title="Python 单例模式的 5 种实现方式：深入解析与最佳实践" target="_blank">Python 单例模式的 5 种实现方式：深入解析与最佳实践</a> <span class="text-muted">做测试的小薄</span> <a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E9%AB%98%E9%98%B6/1.htm">测试高阶</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">自动化测试</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E6%A1%86%E6%9E%B6/1.htm">测试框架</a> <div>单例模式（SingletonPattern）是一种经典的设计模式，其核心思想是确保一个类在整个程序运行期间只有一个实例，并提供一个全局访问点。这种模式在许多场景中非常有用，例如全局配置管理、日志记录器、数据库连接池等。然而，Python的灵活性使得实现单例模式有多种方式，每种方法都有其特点和适用场景。本文将详细介绍Python中实现单例模式的5种常见方法，并深入分析它们的优缺点以及适用场景，帮助您</div> </li> <li><a href="/article/1903927763144863744.htm" title="MySQL密码修改的全部方式一篇详解" target="_blank">MySQL密码修改的全部方式一篇详解</a> <span class="text-muted">1加1等于</span> <a class="tag" taget="_blank" href="/search/MySQL/1.htm">MySQL</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文将详细介绍多种修改MySQL密码的方式。本文目录一、alteruser语句操作步骤二、setpassword操作步骤三、直接修改mysql.user表操作步骤一、alteruser语句当你以root用户或者拥有足够权限的用户登录MySQL时，可以使用ALTERUSER语句来修改密码。这种方式适用于MySQL5.7及以上版本，简单直接，且符合MySQL的标准操作规范。操作步骤首先，使用以下命令登</div> </li> <li><a href="/article/1903926124128301056.htm" title="P2P通信：WebRTC的原理与实现" target="_blank">P2P通信：WebRTC的原理与实现</a> <span class="text-muted">幻想彩虹中的绚丽光华</span> <a class="tag" taget="_blank" href="/search/p2p/1.htm">p2p</a><a class="tag" taget="_blank" href="/search/webrtc/1.htm">webrtc</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/WebRTC/1.htm">WebRTC</a> <div>WebRTC（WebReal-TimeCommunication）是一种用于在Web浏览器之间进行实时通信的开放标准。它提供了一种直接的点对点（P2P）通信方式，使得浏览器之间可以实时传输音频、视频和数据。本文将详细介绍WebRTC的原理和实现，并提供相应的源代码示例。WebRTC的原理：WebRTC利用了多种技术，包括实时传输协议（RTP）、会话发起协议（SDP）、媒体传输控制协议（RTCP）和</div> </li> <li><a href="/article/1903924478887391232.htm" title="基于跳表实现的轻量级KV存储引擎项目总结" target="_blank">基于跳表实现的轻量级KV存储引擎项目总结</a> <span class="text-muted">码云笔记</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/KV%E5%AD%98%E5%82%A8/1.htm">KV存储</a> <div>项目介绍KV存储引擎众所周知，非关系型数据库redis，以及levedb，rockdb其核心存储引擎的数据结构就是跳表。本项目就是基于跳表实现的轻量级键值型存储引擎，使用C++实现。插入数据、删除数据、查询数据、数据展示、数据落盘、文件加载数据，以及数据库大小显示。在随机写读情况下，该项目每秒可处理啊请求数（QPS）:24.39w，每秒可处理读请求数（QPS）:18.41w项目存储文件main.c</div> </li> <li><a href="/article/1903923848647077888.htm" title="WebRTC：构建实时通信应用的利器" target="_blank">WebRTC：构建实时通信应用的利器</a> <span class="text-muted">Hello-ZHE</span> <a class="tag" taget="_blank" href="/search/webrtc/1.htm">webrtc</a> <div>都已无处不在。而WebRTC（WebReal-TimeCommunication）则为开发者提供了一种简便的方式，来在浏览器中实现实时的音视频通信和数据传输。本文将介绍WebRTC的基本概念、工作原理，以及如何利用WebRTC构建实时通信应用。什么是WebRTC？WebRTC（WebReal-TimeCommunication）是一种开放的网络技术标准，它允许浏览器与浏览器之间进行实时音视频通话、</div> </li> <li><a href="/article/1903922587491168256.htm" title="MongoDB慢日志查询及索引创建" target="_blank">MongoDB慢日志查询及索引创建</a> <span class="text-muted">laolitou_1024</span> <a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/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/mongodb/1.htm">mongodb</a> <div>MongoDB的慢日志（SlowQueryLog）对于运维和程序员来说都非常重要，因为它直接关系到数据库的性能和应用程序的稳定性。以下分享介绍下MongoDB慢日志查询及索引创建相关的一些笔记。一，准备1.使用db.currentOp()实时监控db.currentOp()可以查看当前正在执行的操作，适合捕捉瞬时的高CPU操作。db.currentOp()示例：过滤长时间运行的操作db.curre</div> </li> <li><a href="/article/1903922334524305408.htm" title="http协议与https协议" target="_blank">http协议与https协议</a> <span class="text-muted">网络文化</span> <a class="tag" taget="_blank" href="/search/%E6%B8%97%E9%80%8F/1.htm">渗透</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>HTTP（HyperTextTransferProtocol：超文本传输协议）是一种用于分布式、协作式和超媒体信息系统的应用层协议。简单来说就是一种发布和接收HTML页面的方法，被用于在Web浏览器和网站服务器之间传递信息。HTTP默认工作在TCP协议80端口，用户访问网站http://打头的都是标准HTTP服务HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器</div> </li> <li><a href="/article/1903921956445548544.htm" title="如何使用Langchain加载AZLyrics网页到可用文档格式" target="_blank">如何使用Langchain加载AZLyrics网页到可用文档格式</a> <span class="text-muted">dgay_hua</span> <a class="tag" taget="_blank" href="/search/langchain/1.htm">langchain</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>##技术背景介绍在处理歌词数据时，尤其是从网页上获取歌词文本内容，用于自然语言处理或文本分析是常见的需求。AZLyrics是一个提供歌词的主要平台，为我们提供了大量的歌词数据。如果我们可以将这些网页内容自动加载到结构化的文档格式中，将极大地提升我们处理和分析歌词的效率。##核心原理解析Langchain提供了一种简单的方式来将网页内容转换为可用的文档格式。通过使用其文档加载器（DocumentLo</div> </li> <li><a href="/article/1903920695495159808.htm" title="WebRTC解析：使用WebRTC实现实时通信" target="_blank">WebRTC解析：使用WebRTC实现实时通信</a> <span class="text-muted">FdviAutoit</span> <a class="tag" taget="_blank" href="/search/webrtc/1.htm">webrtc</a><a class="tag" taget="_blank" href="/search/%E9%9F%B3%E8%A7%86%E9%A2%91/1.htm">音视频</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/WebRTC/1.htm">WebRTC</a> <div>WebRTC（Web实时通信）是一种开放标准，用于在Web浏览器之间直接进行实时通信。它提供了一组API和协议，使开发者能够在网页上实现音频、视频和数据的实时传输。本文将详细介绍WebRTC的基本原理和使用方法，并提供一些示例代码。一、WebRTC的基本原理WebRTC的核心技术包括三个主要组件：媒体捕获、传输和展示。媒体捕获允许浏览器捕获音频和视频流，传输组件负责建立点对点的连接并传输媒体数据，</div> </li> <li><a href="/article/1903920191583088640.htm" title="深入浅出 WebRTC 通信原理：从点对点到多人会议的全方位解析" target="_blank">深入浅出 WebRTC 通信原理：从点对点到多人会议的全方位解析</a> <span class="text-muted">ADFVBM</span> <a class="tag" taget="_blank" href="/search/webrtc/1.htm">webrtc</a> <div>随着远程办公和在线协作的普及，音视频通信的需求日益增长。无论是两点之间的通信还是多人会议，WebRTC（WebReal-TimeCommunication）作为一种开源技术，提供了低延迟的实时通信能力。它允许浏览器或移动设备通过直接的点对点（P2P）连接进行音频、视频和数据的实时传输。它使得不依赖中间服务器的实时通信成为可能，尤其适用于视频聊天、文件共享、音频会议等场景。在本文中，我们将深入介绍从</div> </li> <li><a href="/article/1903919812866797568.htm" title="Radiance Fields from VGGSfM和Mast3r:两种先进3D重建方法的比较与分析" target="_blank">Radiance Fields from VGGSfM和Mast3r:两种先进3D重建方法的比较与分析</a> <span class="text-muted">2401_87458718</span> <a class="tag" taget="_blank" href="/search/3d/1.htm">3d</a> <div>VGGSfM和Mast3r:3D场景重建的新方向在计算机视觉和3D重建领域,如何从2D图像重建3D场景一直是一个充满挑战的研究课题。近年来,随着深度学习技术的发展,一些新的方法被提出并取得了显著的进展。本文将重点介绍两种最新的基于深度学习的3D重建方法:VGGSfM和Mast3r,并通过GaussianSplatting技术对它们的性能进行全面比较和分析。VGGSfM:基于视觉几何的深度结构运动恢</div> </li> <li><a href="/article/1903917792743190528.htm" title="R语言入门课| 02 R及Rstudio的下载与安装" target="_blank">R语言入门课| 02 R及Rstudio的下载与安装</a> <span class="text-muted">Biomamba生信基地</span> <a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</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/%E7%94%9F%E4%BF%A1/1.htm">生信</a> <div>视频教程先上教程视频，B站同步播出：https://www.bilibili.com/video/BV1miNVeWEkw完整视频回放可见：R语言入门课回放来啦"R语言入门课"是我们认为生信小白入门不得不听的一个课程，我们也为这个课程准备了许多干货。在第二节课中，我们给大家详细的介绍了R及Rstudio的安装过程，大家赶紧装起图文内容1、R语言安装R是用于统计分析、绘图的语言和操作环境。R是一款属</div> </li> <li><a href="/article/1903914891757023232.htm" title="微服务即时通信系统---（五）框架学习" target="_blank">微服务即时通信系统---（五）框架学习</a> <span class="text-muted">YangZ123123</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1%E5%8D%B3%E6%97%B6%E9%80%9A%E4%BF%A1%E7%B3%BB%E7%BB%9F/1.htm">微服务即时通信系统</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/1.htm">微服务</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>目录ODB介绍安装build2安装odb-compiler安装ODB运行时库安装mysql和客户端开发包安装boostprofile库安装总体打包安装总体卸载总体升级头文件包含和编译时指明库ODB常见操作介绍类型映射ODB编程类与接口介绍mysql连接池对象类mysql客户端操作句柄类mysql事务操作类针对可能为空的字段封装的类似于智能指针的类型针对查询结果所封装的容器类和条件类mysql操作句</div> </li> <li><a href="/article/1903909594002944000.htm" title="使用 Airbyte Typeform 加载器进行数据文档化" target="_blank">使用 Airbyte Typeform 加载器进行数据文档化</a> <span class="text-muted">shuoac</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>在数据集成的世界中，Airbyte是一个非常强大的平台，它为我们的ETL管道提供了从API、数据库和文件到数据仓库和湖泊的连接器。但是，随着技术的快速发展，某些工具和方法可能会被弃用，例如AirbyteTypeform加载器。不过这并不意味着不能使用其他更好的解决方案。因此，这篇文章就带大家一起了解如何使用Airbyte原生支持的加载器来处理Typeform的数据文档化。技术背景介绍Airbyte</div> </li> <li><a href="/article/1903909592027426816.htm" title="使用Couchbase实现高效的AI应用缓存与数据存储" target="_blank">使用Couchbase实现高效的AI应用缓存与数据存储</a> <span class="text-muted">scaFHIO</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>在当今AI应用的开发中，除了模型本身的性能，数据存储和缓存的效率也至关重要。Couchbase作为一款分布式NoSQL云数据库，其性能、可扩展性以及对AI、边缘计算应用的支持能力，使其成为优秀的选择。在本文中，我们将探讨如何通过Couchbase来实现高效的数据存储与缓存，尤其是在AI应用中。技术背景介绍随着AI应用规模的扩大和复杂度的增加，我们需要可靠的数据存储解决方案来满足实时性要求，同时减少</div> </li> <li><a href="/article/1903909592593657856.htm" title="使用Titan Takeoff进行高效的自然语言处理模型推理" target="_blank">使用Titan Takeoff进行高效的自然语言处理模型推理</a> <span class="text-muted">scaFHIO</span> <a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>在自然语言处理(NLP)领域，每一家企业都在寻求更高效的模型训练和推理解决方案。TitanML的平台通过训练、压缩和推理优化帮助企业构建和部署更佳、更小、更便宜、更快速的NLP模型。特别是其推理服务器TitanTakeoff，使得在本地硬件上轻松部署大语言模型(LLMs)成为可能。技术背景介绍TitanTakeoff是TitanML提供的一项服务，它允许用户在本地硬件上运行推理工作负载。支持大多数</div> </li> <li><a href="/article/1903906060377321472.htm" title="TVBOX最新配置地址,TVBOX直播源接口配置地址,TVBOX最新直播接口" target="_blank">TVBOX最新配置地址,TVBOX直播源接口配置地址,TVBOX最新直播接口</a> <span class="text-muted">keysoso</span> <a class="tag" taget="_blank" href="/search/TV%E7%94%B5%E8%A7%86%E7%9B%92%E5%AD%90/1.htm">TV电视盒子</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%A7%86%E7%9B%92%E5%AD%90/1.htm">电视盒子</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%A7%86/1.htm">电视</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E8%A7%86%E6%9C%BA/1.htm">电视机</a> <div>TVbox直播源最新配置地址如何获取与设置？TVbox直播源的配置与获取是许多用户关心的问题，因为这关系到能否顺利观看各类直播节目。下面，我们将逐步向大家介绍如何获取和设置TVbox最新的直播源配置地址。一、TVbox直播源的基本认识TVbox直播源最新配置地址如何获取与设置？上述标题满足了您的要求，它是一个带疑问的中文长标题，且符合用户搜索需求，同时包含了tvbox直播源和最新配置地址的关键词，</div> </li> <li><a href="/article/1903905428828385280.htm" title="探索TriCore架构：AURIX芯片的强大内核" target="_blank">探索TriCore架构：AURIX芯片的强大内核</a> <span class="text-muted">裴辰垚Simone</span> <div>探索TriCore架构：AURIX芯片的强大内核g_tricore_architecture项目地址:https://gitcode.com/gh_mirrors/gt/g_tricore_architecture项目介绍TriCore架构是英飞凌（Infineon）公司开发的一种高性能、低功耗的嵌入式处理器架构，广泛应用于汽车电子、工业控制和消费电子等领域。AURIX系列芯片是基于TriCore</div> </li> <li><a href="/article/1903903155129741312.htm" title="Angular中使用Slice管道实现数组特定区间迭代" target="_blank">Angular中使用Slice管道实现数组特定区间迭代</a> <span class="text-muted">t0_54program</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3%E6%89%8B%E5%86%8C/1.htm">编程问题解决手册</a><a class="tag" taget="_blank" href="/search/angular.js/1.htm">angular.js</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/%E4%B8%AA%E4%BA%BA%E5%BC%80%E5%8F%91/1.htm">个人开发</a> <div>在Angular开发中，我们经常需要处理数组数据，特别是在模板中迭代这些数据时。然而，标准的*ngFor指令虽然强大，但有时并不能直接满足我们对数组某一特定区间的迭代需求。比如，我们希望跳过数组的第一个元素，或者只迭代数组的前10个元素。今天，我们来看看如何利用Angular提供的Slice管道来实现这个需求。Slice管道介绍Slice管道是一个非常实用的工具，它允许我们从数组或字符串中提取一部</div> </li> <li><a href="/article/1903896852005187584.htm" title="使用 Baseten 部署和运行机器学习模型的指南" target="_blank">使用 Baseten 部署和运行机器学习模型的指南</a> <span class="text-muted">shuoac</span> <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/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>随着机器学习模型在各个行业中的广泛应用，如何高效地部署和运行这些模型成为一个关键问题。本文将介绍如何使用Baseten平台来部署和服务机器学习模型。Baseten是LangChain生态系统中的一个重要提供者，它提供了所需的基础设施来高效地运行模型。无论是开源模型如Llama2和Mistral，还是专有或经过微调的模型，Baseten都能在专用GPU上运行。技术背景介绍Baseten提供了一种不同</div> </li> <li><a href="/article/1903896724045361152.htm" title="从5G向6G演进的三维连接" target="_blank">从5G向6G演进的三维连接</a> <span class="text-muted">宋罗世家技术屋</span> <a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E7%A7%91%E5%AD%A6%E4%B8%8E%E6%8A%80%E6%9C%AF%E4%B8%93%E6%A0%8F/1.htm">智能科学与技术专栏</a><a class="tag" taget="_blank" href="/search/5G/1.htm">5G</a> <div>【摘要】三维连接技术作为地面网络（TN）与非地面网络（NTN）的融合组网技术，既能解决TN空天地海覆盖受限与NTN服务场景受限问题，又能促进后5G（B5G）与6G网络基础设施产业链的健康发展。首先简述了三维连接技术的发展历程，然后重点介绍了未来两年将要完成的5GNTN标准需求、部署结构、空中接口、频谱与终端方面的设计考虑，最后给出了对未来B5G/6G三维连接技术展望，提出了需要全球产学研机构共同研</div> </li> <li><a href="/article/1903895712647671808.htm" title="探索Google AI聊天模型的集成和使用" target="_blank">探索Google AI聊天模型的集成和使用</a> <span class="text-muted">qahaj</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>随着人工智能的飞速发展，GoogleAI的聊天模型提供了强大的自然语言处理能力，可以应用于多种场景中。本文将为你介绍如何通过GoogleAI和LangChain库来使用这些聊天模型。技术背景介绍GoogleAI提供了一系列强大的聊天模型，这些模型具备不同的功能和参数设置。它们不仅可以通过GoogleAI服务访问，还可以通过GoogleCloudVertexAI以企业级功能使用。在本文中，我们将重点</div> </li> <li><a href="/article/1903895456547663872.htm" title="一文读懂 Linux 下 Docker 搭建及简单应用" target="_blank">一文读懂 Linux 下 Docker 搭建及简单应用</a> <span class="text-muted">Waitccy</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>一、引言在Linux系统的运维与开发场景中，Docker凭借其高效的容器化技术，极大地简化了应用部署与管理流程。它打破了传统环境配置的复杂性，实现应用及其依赖的封装，确保在不同环境中稳定运行。本文将详细介绍在Linux系统下搭建Docker的步骤，并通过几个简单应用示例，带你快速上手Docker。二、Linux下Docker搭建（一）准备工作系统要求：建议使用主流的Linux发行版，如Ubuntu</div> </li> <li><a href="/article/1903894447456841728.htm" title="手把手教你完成 MATLAB 的下载安装与激活（详细图文教程）" target="_blank">手把手教你完成 MATLAB 的下载安装与激活（详细图文教程）</a> <span class="text-muted">徐浪老师</span> <a class="tag" taget="_blank" href="/search/%E5%BE%90%E6%B5%AA%E8%80%81%E5%B8%88%E5%A4%A7%E8%AE%B2%E5%A0%82/1.htm">徐浪老师大讲堂</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>引言MATLAB是当前最流行的科学计算软件之一，被广泛应用于工程、数学、金融等多个领域。对于新用户而言，下载安装MATLAB可能会遇到一些困惑。本文将以详细步骤、清晰截图的形式，为您介绍MATLAB的下载、安装及激活的完整过程。一、下载安装前的准备工作在开始下载安装之前，请确保以下事项已准备妥当：1.系统需求MATLAB对系统配置有一定要求，具体包括：操作系统：Windows10或更新版本，mac</div> </li> <li><a href="/article/1903894445955280896.htm" title="Graylog日志系统超详细部署和配置" target="_blank">Graylog日志系统超详细部署和配置</a> <span class="text-muted">kim_liao123</span> <a class="tag" taget="_blank" href="/search/%E9%83%A8%E7%BD%B2/1.htm">部署</a><a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a> <div>Graylog日志系统部署和配置1.软件介绍：Graylog是一个开源的日志聚合、分析、审计、展现和预警工具。功能上和ELK类似，但又比ELK要简单，依靠着更加简洁，高效，部署使用简单；官方文档：https://docs.graylog.org/en/3.3/pages/users_and_roles.html以下所有部署方式都来源与官方文档2.软件准备：服务端：Mongo：存储graylog的一</div> </li> <li><a href="/article/11.htm" title="VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite" target="_blank">VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite</a> <span class="text-muted">iwindyforest</span> <a class="tag" taget="_blank" href="/search/vmware/1.htm">vmware</a><a class="tag" taget="_blank" href="/search/mac+os/1.htm">mac os</a><a class="tag" taget="_blank" href="/search/10.10/1.htm">10.10</a><a class="tag" taget="_blank" href="/search/workstation/1.htm">workstation</a><a class="tag" taget="_blank" href="/search/player/1.htm">player</a> <div>最近尝试了下VMware下安装MacOS 系统，安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章，只能提供大概的思路，但是实际安装起来由于版本问题，走了不少弯路，所以我尝试写以下总结，希望能给有兴趣安装OSX的人提供一点帮助。写在前面的话：其实安装好后发现，由于我的th</div> </li> <li><a href="/article/138.htm" title="关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？" target="_blank">关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？</a> <span class="text-muted">deathwknight</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a> <div>本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：deathwknight@163.com）一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下平台</div> </li> <li><a href="/article/265.htm" title="如何把maven项目转成web项目" target="_blank">如何把maven项目转成web项目</a> <span class="text-muted">Kai_Ge</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/MyEclipse/1.htm">MyEclipse</a> <div>创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl</div> </li> <li><a href="/article/392.htm" title="主管？？？" target="_blank">主管？？？</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个</div> </li> <li><a href="/article/519.htm" title="python内置函数大全" target="_blank">python内置函数大全</a> <span class="text-muted">2002wmj</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu</div> </li> <li><a href="/article/646.htm" title="JSP页面通过JQUERY合并行" target="_blank">JSP页面通过JQUERY合并行</a> <span class="text-muted">357029540</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>在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){ var trs = $("#table tr"); &nb</div> </li> <li><a href="/article/773.htm" title="Java基础" target="_blank">Java基础</a> <span class="text-muted">冰天百华</span> <a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a> <div>学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal</div> </li> <li><a href="/article/900.htm" title="unix时间戳相互转换" target="_blank">unix时间戳相互转换</a> <span class="text-muted">adminjun</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AC%E6%8D%A2/1.htm">转换</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4%E6%88%B3/1.htm">时间戳</a> <div>如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135</div> </li> <li><a href="/article/1027.htm" title="作为一个合格程序员该做的事" target="_blank">作为一个合格程序员该做的事</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a> <div>作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法出错不要紧，最重</div> </li> <li><a href="/article/1154.htm" title="由html5视频播放引发的总结" target="_blank">由html5视频播放引发的总结</a> <span class="text-muted">ayaoxinchao</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91/1.htm">视频</a><a class="tag" taget="_blank" href="/search/video/1.htm">video</a> <div>前言项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。视频结构本该直接介绍html5的<video>的，但鉴于本人对视频</div> </li> <li><a href="/article/1281.htm" title="解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat" target="_blank">解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat</a> <span class="text-muted">bewithme</span> <a class="tag" taget="_blank" href="/search/httpclient/1.htm">httpclient</a> <div> 如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误 javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu</div> </li> <li><a href="/article/1408.htm" title="Jedis连接池的入门级使用" target="_blank">Jedis连接池的入门级使用</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/redis%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">redis数据库</a><a class="tag" taget="_blank" href="/search/jedis/1.htm">jedis</a> <div>Jedis连接池操作步骤如下： a.获取Jedis实例需要从JedisPool中获取； b.用完Jedis实例需要返还给JedisPool； c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag</div> </li> <li><a href="/article/1535.htm" title="变与不变" target="_blank">变与不变</a> <span class="text-muted">bingyingao</span> <a class="tag" taget="_blank" href="/search/%E4%B8%8D%E5%8F%98/1.htm">不变</a><a class="tag" taget="_blank" href="/search/%E5%8F%98/1.htm">变</a><a class="tag" taget="_blank" href="/search/%E4%BA%B2%E6%83%85%E6%B0%B8%E6%81%92/1.htm">亲情永恒</a> <div>变与不变周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，各种店铺都换了好几茬，这些是变的。三年前还很流行的一款手机在今天看起来已经落后的不像样子。三年前还运行的好好的一家公司，今天也已经不复存在。一座座高楼拔地而起，</div> </li> <li><a href="/article/1662.htm" title="【Scala十】Scala核心四：集合框架之List" target="_blank">【Scala十】Scala核心四：集合框架之List</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解 1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量 2. 给变量赋值(注意val关键字，a，b</div> </li> <li><a href="/article/1789.htm" title="Nested Functions in C" target="_blank">Nested Functions in C</a> <span class="text-muted">bookjovi</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/closure/1.htm">closure</a> <div> Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的</div> </li> <li><a href="/article/1916.htm" title="Java-Collections Framework学习与总结-WeakHashMap" target="_blank">Java-Collections Framework学习与总结-WeakHashMap</a> <span class="text-muted">BrokenDreams</span> <a class="tag" taget="_blank" href="/search/Collections/1.htm">Collections</a> <div> 总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集</div> </li> <li><a href="/article/2043.htm" title="读《研磨设计模式》-代码笔记-解释器模式-Interpret" target="_blank">读《研磨设计模式》-代码笔记-解释器模式-Interpret</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多</div> </li> <li><a href="/article/2170.htm" title="After Effects操作&快捷键" target="_blank">After Effects操作&快捷键</a> <span class="text-muted">cherishLC</span> <a class="tag" taget="_blank" href="/search/After+Effects/1.htm">After Effects</a> <div>1、快捷键官方文档中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键</div> </li> <li><a href="/article/2297.htm" title="Maven 常用命令" target="_blank">Maven 常用命令</a> <span class="text-muted">crabdave</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>Maven 常用命令 mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site mvn dependency:res</div> </li> <li><a href="/article/2424.htm" title="shell bad substitution" target="_blank">shell bad substitution</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a> <div>#!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im</div> </li> <li><a href="/article/2551.htm" title="Java SE 第二讲（原生数据类型 Primitive Data Type）" target="_blank">Java SE 第二讲（原生数据类型 Primitive Data Type）</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>Java SE 第二讲： 1. Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2. Java 中的数据类型分为两大类： 1）原生数据类型（Primitive Data Type） 2）引用类型（对象类型）（R</div> </li> <li><a href="/article/2678.htm" title="CGridView中实现批量删除" target="_blank">CGridView中实现批量删除</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a> <div>1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&</div> </li> <li><a href="/article/2805.htm" title="Java中泛型的各种使用" target="_blank">Java中泛型的各种使用</a> <span class="text-muted">dyy_gusi</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B/1.htm">泛型</a> <div>Java中的泛型的使用：1.普通的泛型使用在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa</div> </li> <li><a href="/article/2932.htm" title="Web开发技术十年发展历程" target="_blank">Web开发技术十年发展历程</a> <span class="text-muted">gcq511120594</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a> <div>回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a</div> </li> <li><a href="/article/3059.htm" title="openSession()与getCurrentSession()区别：" target="_blank">openSession()与getCurrentSession()区别：</a> <span class="text-muted">hetongfei</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/Hibernate/1.htm">Hibernate</a> <div>来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。这里getCurrentSession本地事务(本地</div> </li> <li><a href="/article/3186.htm" title="第一章安装Nginx+Lua开发环境" target="_blank">第一章安装Nginx+Lua开发环境</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a><a class="tag" taget="_blank" href="/search/openresty/1.htm">openresty</a> <div>首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒</div> </li> <li><a href="/article/3313.htm" title="HSQLDB In-Process方式访问内存数据库" target="_blank">HSQLDB In-Process方式访问内存数据库</a> <span class="text-muted">liyonghui160com</span> <div> HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。先睹为快！下面是一个In-Process方式访问内存数据库的代码示例：下面代码需要引入hsqldb.jar包（hsqldb-2.2.8） import java.s</div> </li> <li><a href="/article/3440.htm" title="Java线程的5个使用技巧" target="_blank">Java线程的5个使用技巧</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>Java线程有哪些不太为人所知的技巧与用法？　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。 </div> </li> <li><a href="/article/3567.htm" title="开发资源大整合：编程语言篇——JavaScript（1）" target="_blank">开发资源大整合：编程语言篇——JavaScript（1）</a> <span class="text-muted">shoothao</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。程序包管理器管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管</div> </li> <li><a href="/article/3694.htm" title="避免使用终结函数" target="_blank">避免使用终结函数</a> <span class="text-muted">vahoa.ma</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a> <div>终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方</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>