前端基础笔记HTML&CSS&JS

HTML 内容设置

基本格式

< <span style="font-size:12pt;line-height:1.5;">title</span> <span style="font-size:12pt;line-height:1.5;">></span> </div> <div> <p class="p0"><meta http-equiv=“content-type” content=“text/html;charset=gb2312”> </p> </div> <div> <p class="p0"><meta http-equiv=“refresh” content=“3";url="http://www.foo.com”></p> </div> <div> <p class="p0"><meta name="keywords" content="your keywords"> </p> </div> <div> <p class="p0"><meta name="description" content="your description"> </p> </div> <div> <p class="p0"><meta http-equiv="expires" content="0"></p> </div> <div> <p class="p0"><meta http-equiv="pragma" content="no-cache"> </p> </div> <div> <p class="p0"><meta name="generator | author | copyright" content="….."></p> </div> </blockquote> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <p class="p0"><span style="font-size:12pt;line-height:1.5;"></head></span></p> <p class="p0"><body><span></body></span></p> <p class="p0"></<span style="font-size:12pt;line-height:1.5;">html</span><span style="font-size:12pt;line-height:1.5;">></span></p> </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 常用标签</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span style="font-size:12pt;line-height:1.5;"><br/>换行</span> <span style="font-size:12pt;line-height:1.5;"><hr/>分割线</span> <span style="font-size:12pt;line-height:1.5;"><p>段落<pre>原格式文本<h123456>标题</span> <span style="font-size:12pt;line-height:1.5;"><ol>有序</span> <span style="font-size:12pt;line-height:1.5;"><ul>无序</span> <span style="font-size:12pt;line-height:1.5;"><li></span> </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 文本标签</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <div> <    < </div> <div> >    > </div> <div> ®    注册商标 </div> <div> &    & </div> <div>      空格 </div> <div> ©    copyright </div> <div> ™    商标™ </div> <div> "    “ </div> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 超链接<a href="地址" target="_blank"></a> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 图片<img src="地址" width="300" hight="300" title="题目" alt="描述"/> </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 表单</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <form action=""> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <input type=" <span style="font-size:12pt;line-height:1.5;">text radio checkbox password hidden select submit reset button textarea image</span> <span style="font-size:12pt;line-height:1.5;">" </span> <span style="font-size:12pt;line-height:1.5;">name: "提交到服务器端的变量的名字"</span> <span style="font-size:12pt;line-height:1.5;">></span> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span style="font-size:12pt;line-height:1.5;"><select><option></span> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <textarea> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <input type=button name=“” value=“”> 按下该按钮没有反映  </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <input type=submit name=“” value=“”> 按下该按钮,该form中所有的输入信息将被提交到服务器 <input type=reset name=“” value=“”> 按下该按钮,该form中所有的输入部分将被重置  </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <input type=“image” src=“”> 点击图片提交 <br> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 上传的数据又form对应的后台action处理 </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 其他</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 页框 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <frameset cols(rows)="150,*,150" frameborder="1">不能在body内设置 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span style="font-size:12pt;line-height:1.5;">    </span> <span style="font-size:12pt;line-height:1.5;"><frame src="" name="test" noresize/></span> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> </frameset> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 块<div>小块<span> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 表格<table><tr><td> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <h1 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> CSS 显示装饰</h1> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 选择器</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <head> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <link rel=stylesheet" href="123.css" tpye="text/css"> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span><style tpye="text/css"> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>*{ </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>margin:0px; </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>padding:0px; </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>} </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>h2{标签选择器 </div> <blockquote style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;border:none;"> <blockquote style="border:none;"> <blockquote style="border:none;"> <span style="font-size:12pt;line-height:1.5;">   height:25px; </span> </blockquote> </blockquote> <blockquote style="border:none;"> <blockquote style="border:none;"> <span style="font-size:12pt;line-height:1.5;">   font-size:12px; </span> </blockquote> </blockquote> <blockquote style="border:none;"> <blockquote style="border:none;"> <span style="font-size:12pt;line-height:1.5;">   color:#555; </span> </blockquote> </blockquote> <blockquote style="border:none;"> <blockquote style="border:none;"> <span style="font-size:12pt;line-height:1.5;">   /*背景会默认完成填充*/ </span> </blockquote> </blockquote> <blockquote style="border:none;"> <blockquote style="border:none;"> <span style="font-size:12pt;line-height:1.5;">   background:url("point.jpg") no-repeat; </span> </blockquote> </blockquote> <blockquote style="border:none;"> <blockquote style="border:none;"> <span style="font-size:12pt;line-height:1.5;">   /*背景的第一个值设置的是左右,第二个才是上下*/ </span> </blockquote> </blockquote> <blockquote style="border:none;"> <blockquote style="border:none;"> <span style="font-size:12pt;line-height:1.5;">   background-position:10px 8px;</span> </blockquote> </blockquote> </blockquote> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>} </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>#id{id选择器 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <br> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>} </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>h2.class{类选择器 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <br> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>} </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>div span{包含选择符 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>包含之内所有标签 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>} </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>div>h1{子对象选择符 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>只包含一级子标签 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>} </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>#div,#h1{,分组选择符 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span>} </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <span></span></ style> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> </head> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <style="color:red(#FFFFFF)">局部,内嵌样式 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <h2>CSS文本属性</h2> <div> 颜色color:#ab1919; </div> <div> 字体大小font-size:14px </div> <div> font-stytle:italic </div> <div> font_weight: 90 </div> <div> line-height 行距 </div> <div> text-align,对齐方式 </div> <div> text-decoration:underline下划线 </div> <div> word-spacing </div> </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 布局</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> margin外部距离,顺时针: top,right,bottom,left </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> padding内部距离 </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 定位</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> position:absolute绝对定位 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> position:relative相对于父类定位 </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 图片设置</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> norepeat </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> float:left </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> clear:both设置float块占用空间 </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 伪类</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> a.class:link,a.class:hover,a.class:visited {} </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> a:link 未访问时的状态  </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> a:visited 访问过后的状态  </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> a:active 鼠标点中不放时的状态  </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> a:hover 鼠标划过时的状态 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <br> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> <h1 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> Javascript 页面交互</h1> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> this </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 基本对象</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> (Function)argunts,call,apply,protype </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> json </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> Number </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> String </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> Date </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> Math </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> Array </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> RegExp </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 事件</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onlick,onmouseover,onmouseout </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> Timer setInterva,clearInterval,setTimeout </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onload </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> button 绑定事件 event=event|window.event </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onFocus:在用户为了输入而选择select、text、textarea等时 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onBlur:在select、text、password、textarea失去焦点时 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onChange:在select、text、textarea的值被改变且失去焦点时 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onClick:在一个对象被鼠标点中时(button,checkbox,radio,link,reset,submit,text,textarea等)  </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onLoad:出现在一个文档完成对一个窗口的载入时  </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onUnload:当用户退出一个文档时 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;">  onMouseOver:鼠标被移动到一个对象上时  </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onMouseOut:鼠标从一个对象上移开时 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onSelect:当form对象中的内容被选中时 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> onSubmit:出现在用户通过提交按钮提交一个表单时 </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> DOM</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> docment </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> getElementById表示根据id获取,获取的是一个元素 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> getElementsByName表示通过属性的name的值获取,获取的是数组 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> getElementByTagName表示根据标签名称获取,获取的是数组 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> style,innerHTML </div> <h2 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> BOM</h2> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> window </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> screan </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> history.back() </div> <br> </div> <h1 style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> J<span style="font-size:12pt;line-height:1.5;">Q</span><span style="font-size:12pt;line-height:1.5;">uery</span></h1> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> jQuery 对象就是通过jQuery包装DOM对象后产生的对象 <br> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 选择器基本的同CSS </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 更多扩展 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 包装集 <span style="font-size:12pt;line-height:1.5;">:通过$("exp")会筛选出页面的一组满足表达式的元素,这一组元素就属于JQuery包装集中的元素</span> </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 比较常用的一些方法有:获取包装集中的元素个数(size()),通过某个下标获取包装集中的某个元素(get(index)),某个某个元素在包装集中的位置(index(ele)) </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 属性操作 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 样式操作addCss,removeCss </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 节点操作 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 表单操作 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 事件event bind live </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> show hide </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> 常用工具 </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> $.browser </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> each,map,has </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> $.grep </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> ajax </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> XXX.load(url,function()) </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> XXX.get(url,type,function()) </div> <div style="font-family:'YaHei Consolas Hybrid';font-size:16px;line-height:24px;"> XXX.getjson </div> <br> </div> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1174697300090478592"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端,HTML,CSS,JS,JQuery,其他)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1950232820773351424.htm" title="移动端城市区县二级联动选择功能实现包" target="_blank">移动端城市区县二级联动选择功能实现包</a> <span class="text-muted">good2know</span> <div>本文还有配套的精品资源,点击获取简介:本项目是一套为移动端设计的jQuery实现方案,用于简化用户在选择城市和区县时的流程。它包括所有必需文件:HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项,实现城市到区县的联动效果,支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用,并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery</div> </li> <li><a href="/article/1950232190038110208.htm" title="day15|前端框架学习和算法" target="_blank">day15|前端框架学习和算法</a> <span class="text-muted">universe_01</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>T22括号生成先把所有情况都画出来,然后(在满足什么情况下)把不符合条件的删除。T78子集要画树状图,把思路清晰。可以用暴力法、回溯法和DFS做这个题DFS深度搜索:每个边都走完,再回溯应用:二叉树搜索,图搜索回溯算法=DFS+剪枝T200岛屿数量(非常经典BFS宽度把树状转化成队列形式,lambda匿名函数“一次性的小函数,没有名字”setup语法糖:让代码更简洁好写的语法ref创建:基本类型的</div> </li> <li><a href="/article/1950231254427299840.htm" title="我不懂什么是爱,但我给你全部我拥有的" target="_blank">我不懂什么是爱,但我给你全部我拥有的</a> <span class="text-muted">香尧</span> <div>因为怕黑,所以愿意陪伴在夜中行走的人,给他一点点的安全感。因为渴望温柔与爱,所以愿意为别的孩子付出爱与温柔。因为曾遭受侮辱和伤害,所以不以同样的方式施于其他人。如果你向别人出之以利刃,对方还了你爱与包容,真的不要感激他,真的不要赞美他。每一个被人伤害过的人心里都留下了一颗仇恨的种子,他也会想要有一天以眼还眼,以牙还牙。但他未让那颗种子生根发芽,他用一把心剑又一次刺向他自己,用他血荐仇恨,开出一朵温</div> </li> <li><a href="/article/1950226011559882752.htm" title="什么是缓存雪崩?缓存击穿?缓存穿透?分别如何解决?什么是缓存预热?" target="_blank">什么是缓存雪崩?缓存击穿?缓存穿透?分别如何解决?什么是缓存预热?</a> <span class="text-muted">daixin8848</span> <a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>缓存雪崩:在一个时间段内,有大量的key过期,或者Redis服务宕机,导致大量的请求到达数据库,带来巨大压力-给key设置不同的TTL、利用Redis集群提高服务的高可用性、添加多级缓存、添加降级流策略缓存击穿:给某一个key设置了过期时间,当key过期的时间,恰好这个时间点有大量的并发请求访问这个key,可能会瞬间把数据库压垮-互斥锁:缓存失败时,只允许一个请求去加载数据并更新缓存,其他请求阻塞</div> </li> <li><a href="/article/1950225381961297920.htm" title="SpringMVC的执行流程" target="_blank">SpringMVC的执行流程</a> <span class="text-muted"></span> <div>1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型(完成业务逻辑:有javaBean构成,service+dao+entity)V-View视图(做界面的展示jsp,html……)C-Controller控制器(接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架,SpringMVC=Struts2+Spring,</div> </li> <li><a href="/article/1950224616647618560.htm" title="JAVA接口机结构解析" target="_blank">JAVA接口机结构解析</a> <span class="text-muted">秃狼</span> <a class="tag" taget="_blank" href="/search/SpringBoot/1.htm">SpringBoot</a><a class="tag" taget="_blank" href="/search/%E5%85%AB%E8%82%A1%E6%96%87/1.htm">八股文</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>什么是接口机在Java项目中,接口机通常指用于与外部系统进行数据交互的中间层,负责处理请求和响应的转换、协议适配、数据格式转换等任务。接口机的结构我们的接口机的结构分为两个大部分,外部接口机和内部接口机,在业务的调度上也是通过mq来实现的,只要的目的就是为了解耦合和做差异化。在接口机中主要的方法就是定时任务,消息的发送和消费,其他平台调用接口机只能提供外部接口机的方法进行调用,外部接口机可以提供消</div> </li> <li><a href="/article/1950221589622616064.htm" title="EasyPlayer播放器系列开发计划2025" target="_blank">EasyPlayer播放器系列开发计划2025</a> <span class="text-muted">xiejiashu</span> <a class="tag" taget="_blank" href="/search/EasyPlayer/1.htm">EasyPlayer</a><a class="tag" taget="_blank" href="/search/EasyPlayer/1.htm">EasyPlayer</a><a class="tag" taget="_blank" href="/search/EasyPlayer%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">EasyPlayer播放器</a><a class="tag" taget="_blank" href="/search/RTSP%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">RTSP播放器</a><a class="tag" taget="_blank" href="/search/js%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">js播放器</a><a class="tag" taget="_blank" href="/search/Web%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">Web播放器</a> <div>EasyPlayer系列产品发展至今,已经超过10年,从最早的EasyPlayerRTSP播放器,到如今维护的3条线:EasyPlayer-RTSP播放器:Windows、Android、iOS;EasyPlayerPro播放器:Windows、Android、iOS;EasyPlayer.js播放器:H5;这3个播放器各有各的应用场景,用户量也是巨大,像RTSP版本的播放器,到今天依然还有很多低</div> </li> <li><a href="/article/1950220052531834880.htm" title="CodeFoeces-450B" target="_blank">CodeFoeces-450B</a> <span class="text-muted">ss5smi</span> <div>题目原题链接:B.JzzhuandSequences题意根据公式公式计算对应fn的值。参考了其他作者的代码和思路。找循环点。负数取余需要加取余数到>0为止才可取余。代码#includeusingnamespacestd;constintmod=1e9+7;intmain(){longlongf[10],x,y,n;cin>>x>>y>>n;x=(x+mod)%mod;y=(y+mod)%mod;f</div> </li> <li><a href="/article/1950215473043927040.htm" title="云集怎么赚钱?云集APP分享购物赚钱攻略" target="_blank">云集怎么赚钱?云集APP分享购物赚钱攻略</a> <span class="text-muted">古楼</span> <div>云集app怎么赚钱?云集app作为是一个全面的电商导购平台,提供诸如淘宝、京东、拼多多等各大平台的优惠券,其他同类型的导购平台相比,更加的全面,线上线下全面出击。如果你想通过云集赚钱,那你可以把这款APP推荐给淘宝(10亿用户)、拼多多(3亿用户)、京东(1亿用户)使用,那你能赚到他们购物返佣,也可以自己购物领优惠券能省不少钱,以后还有更多的商家与粉象合作,这么免费的App人人都需要,很好推广。至</div> </li> <li><a href="/article/1950214964396486656.htm" title="js操作样式" target="_blank">js操作样式</a> <span class="text-muted">郝加升</span> <div>DOM样式属性和方法:指定的元素,它的style有这么几个属性和方法:cssText:通过这个属性可以访问到元素的特性style设置的属性,并且可以直接赋值设置。removeProperty(属性名称):从样式中删除给定属性。setProperty(属性名称,值,权重):可以通过这个方法设置给定样式的同时设置其权重,可以传入”important”或者一个空字符串。获取计算后样式:window.ge</div> </li> <li><a href="/article/1950208989954371584.htm" title="Selenium 特殊控件操作与 ActionChains 实践详解" target="_blank">Selenium 特殊控件操作与 ActionChains 实践详解</a> <span class="text-muted">小馋喵知识杂货铺</span> <a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a> <div>1.下拉框单选操作(a)使用SeleniumSelect类(标准HTML标签)Selenium提供了内置的Select类用于操作标准下拉框,这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个</div> </li> <li><a href="/article/1950207854388506624.htm" title="深入理解 Tomcat Wrapper 原理" target="_blank">深入理解 Tomcat Wrapper 原理</a> <span class="text-muted">北漂老男人</span> <a class="tag" taget="_blank" href="/search/Tomcat/1.htm">Tomcat</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>深入理解TomcatWrapper原理一、引言在Tomcat的分层容器架构中,Wrapper作为最底层的容器,专门负责管理单个Servlet的生命周期及请求分发。每一个Servlet(包括JSP、Filter等)都对应一个Wrapper。Wrapper是Servlet规范与Tomcat容器实现之间的桥梁,直接关系到请求的分发效率、Servlet的加载与重用、安全隔离等。本文将系统剖析Wrapper</div> </li> <li><a href="/article/1950207097413103616.htm" title="微信公众号回调java_处理微信公众号消息回调" target="_blank">微信公众号回调java_处理微信公众号消息回调</a> <span class="text-muted">weixin_39607620</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7%E5%9B%9E%E8%B0%83java/1.htm">微信公众号回调java</a> <div>1、背景在上一节中,咱们知道如何接入微信公众号,可是以后公众号会与咱们进行交互,那么微信公众号如何通知到咱们本身的服务器呢?咱们知道咱们接入的时候提供的url是GET/mp/entry,那么公众号以后产生的事件将会以POST/mp/entry发送到咱们本身的服务器上。html2、代码实现,此处仍是使用weixin-java-mp这个框架实现一、引入weixin-java-mpcom.github.</div> </li> <li><a href="/article/1950205673333649408.htm" title="中原焦点团队 坚持原创分享第 1172天" target="_blank">中原焦点团队 坚持原创分享第 1172天</a> <span class="text-muted">金JJ</span> <div>信阳案例督导:在学生出现危机时,学校启动心理应急程序,一位心理老师安抚个案的同时,其他心理老师给班级同学进行团体心理辅导,学校方面马上通知家长前来学校。学校危机干预应急流程的成熟,能有效降低个案的自杀风险。个案不愿谈及家庭及自己自杀行为等问题时,用沙盘、玩具等分散注意力,谈论他感兴趣的话题,老师温和的态度,关切的言语,个案的情绪逐渐平复。从个案自己说的,流露的非言语,家长、老师、同学、以往的记录,</div> </li> <li><a href="/article/1950205162442256384.htm" title="《家庭教育促进法》解读(14)落到实处方是真" target="_blank">《家庭教育促进法》解读(14)落到实处方是真</a> <span class="text-muted">愿我们顺利平安</span> <div>点击上方蓝字,关注我们吧!坚持写作第七十七天今天继续为大家解读和普及我国首部家庭类法律——《家庭教育促进法》的第四章“社会协同”。这一章是上一章“国家支持”的落脚点。第三十八条居民委员会、村民委员会可以依托城乡社区公共服务设施,设立社区家长学校等家庭教育指导服务站点,配合家庭教育指导机构组织面向居民、村民的家庭教育知识宣传,为未成年人的父母或者其他监护人提供家庭教育指导服务。个人认为这一点非常必要</div> </li> <li><a href="/article/1950204137769594880.htm" title="小确幸5.23" target="_blank">小确幸5.23</a> <span class="text-muted">聪聪和茵茵</span> <div>图片发自App经常有好友问我,你是怎么教育孩子的?尽管我没仔细去思考这个问题,不过我还是知无不言,言无不尽的。每个孩子都是独特的,大概只有父母最为了解自己的孩子,所以其他人的做法不一定适合你的孩子,还是自己多用心去感受和体会这其中的酸甜苦辣吧。我想大概出于对孩子打出内心深处的爱,有时难免急燥粗暴地解决问题,但过后会反思,意识到自己的错误,会认真的和孩子交谈,并道歉。我是第一次当妈妈,你们是第一次当</div> </li> <li><a href="/article/1950201094361640960.htm" title="人工智能应用研究快讯 2021-11-30" target="_blank">人工智能应用研究快讯 2021-11-30</a> <span class="text-muted">峰谷皆平</span> <div>[HTML]ArtificialIntelligenceforSkinCancerDetection:ScopingReviewATakiddin,JSchneider,YYang,AAbd-Alrazaq...JournalofMedicalInternet...,2021ABSTACT:Background:Skincanceristhemostcommoncancertypeaffectin</div> </li> <li><a href="/article/1950200714185732096.htm" title="父母别做“包工头”,让孩子做“小主人”" target="_blank">父母别做“包工头”,让孩子做“小主人”</a> <span class="text-muted">静云妈妈</span> <div>文/静云妈妈很多父母,特别是爷爷奶奶外公外婆,俨然一个“包工头”,比如帮孩子穿衣、帮孩子喂饭、帮孩子洗漱、帮孩子处理与其他小朋友发生的冲突等等。这对孩子并不好,其实只是我们打着“爱孩子”的名义,剥夺了孩子自我发展的权利。像教孩子走路一样不会有哪位家长打算抱一个正常的孩子一辈子,我们总是在孩子适合的年龄想各种办法辅助孩子自己行走,最终孩子由摇摇摆摆到走得十分平顺,甚至跑步前进。面对孩子所有的事情,家</div> </li> <li><a href="/article/1950197285350600704.htm" title="著作权登记申请流程" target="_blank">著作权登记申请流程</a> <span class="text-muted">知识产权宗师猫</span> <div>著作权也就是版权登记一般经过下列程序:一、作品登记应提交的材料:1、作品登记申请书(由作品登记机关提供标准格式);2、作者或其他著作权人的身份证明文件:作者身份证明(复印件,须作者签名);法人或非法人单位的工商注册登记证明或其他相关证明文件(复印件);继承人身份证明文件(复印件);委托作品的委托合同(复印件);合作作者的合作协议或合同及各合作作者的身份证明(复印件)。3、作品著作权归属证明文件:作</div> </li> <li><a href="/article/1950195876991397888.htm" title="【Jupyter】个人开发常见命令" target="_blank">【Jupyter】个人开发常见命令</a> <span class="text-muted">TIM老师</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Pycharm/1.htm">Pycharm</a><a class="tag" taget="_blank" href="/search/%26amp%3B/1.htm">&</a><a class="tag" taget="_blank" href="/search/VSCode/1.htm">VSCode</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/Jupyter/1.htm">Jupyter</a> <div>1.查看python版本importsysprint(sys.version)2.ipynb/py文件转换jupyternbconvert--topythonmy_file.ipynbipynb转换为mdjupyternbconvert--tomdmy_file.ipynbipynb转为htmljupyternbconvert--tohtmlmy_file.ipynbipython转换为pdfju</div> </li> <li><a href="/article/1950194742100815872.htm" title="用代码生成艺术字:设计个性化海报的秘密" target="_blank">用代码生成艺术字:设计个性化海报的秘密</a> <span class="text-muted"></span> <div>本文围绕“用代码生成艺术字:设计个性化海报的秘密”展开,先概述代码生成艺术字在海报设计中的独特价值,接着介绍常用的代码工具(如HTML、CSS、JavaScript等),详细阐述从构思到实现的完整流程,包括字体样式设计、动态效果添加等,还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势,为设计师提供打造个性化海报的实用指南,助力提升海报设计的独特性与吸引力,符合搜索引擎SEO标准</div> </li> <li><a href="/article/1950193455162519552.htm" title="19.0-《超越感觉》-说服他人" target="_blank">19.0-《超越感觉》-说服他人</a> <span class="text-muted">SAM52</span> <div>Becausethoughtfuljudgmentsdeservetobeshared,andthewaytheyarepresentedcanstronglyinfluencethewayothersreacttothem.因为经过深思熟虑的判断值得分享,而这些判断的呈现方式会强烈影响其他人对它们的反应。Bylearningtheprinciplesofpersuasionandapplying</div> </li> <li><a href="/article/1950191208873652224.htm" title="vue element 封装表单" target="_blank">vue element 封装表单</a> <span class="text-muted">影子信息</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.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> <div>背景:在前端系统开发中,系统页面涉及到的表单组件比较多,所以进行了简单的封装。封装的包括一些Form表单组件,如下:input输入框、select下拉框、等实现效果:理论知识:表单组件官方链接:点击跳转封装组件:封装组件的思路:不封装element组件,每一个input组件绑定一个form对象,例如官网。简单封装element组件,利用for循环生成form表单的每一项el-form-item。进</div> </li> <li><a href="/article/1950191165710069760.htm" title="前端面试每日 3+1 —— 第39天" target="_blank">前端面试每日 3+1 —— 第39天</a> <span class="text-muted">浪子神剑</span> <div>今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么?[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么?《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!欢迎在Iss</div> </li> <li><a href="/article/1950190199627640832.htm" title="selenium 特殊场景处理" target="_blank">selenium 特殊场景处理</a> <span class="text-muted"></span> <div>文章目录前言一、windows的弹窗二、内嵌网页frame三、页签切换四、截图五、弹窗六、JS执行总结前言selenium处理web操作师,有很多特殊的情况需要处理,例如弹窗、内嵌网页,页签切换,js执行等,下面介绍一些可能会遇到的特殊场景一、windows的弹窗importwin32com.client'''创建了一个WScript.ShellCOM(ComponentObjectModel)对</div> </li> <li><a href="/article/1950190147333058560.htm" title="时间是个神" target="_blank">时间是个神</a> <span class="text-muted">王家二少2</span> <div>很多时候,我们站在原地,以为总会等到那个人。可是时光荏苒,命运就像不停发车的车站,直到某一天,我们才顿然了解,所有的一切都不会再来了。我们只是因为幼稚或单纯或其他的原因,上晚了车。我们所珍惜的,不一定是别人所留念的。每一段关系都有一个保质期,有的或许如钻石般恒远,有的却只如钢铁般,看似坚牢,却终会腐蚀、生锈,最后被其他的东西所替代。——当我我回头找你,却发现早已与你背道而驰。</div> </li> <li><a href="/article/1950187986347945984.htm" title="瘫如葛优,动若泥鳅" target="_blank">瘫如葛优,动若泥鳅</a> <span class="text-muted">小鹿姐爱吃鸡爪</span> <div>有时候,需要一个戏剧性的事件才能改变人们在育儿领域的陈旧观念,才能让人们从一个全新的视角去观察孩子存在的方式,才能利用简单的互动技巧帮助孩子应对成长当中必然会有的障碍。6岁前的孩子,大约除了8-24个月之间这些即将进入学步期和处于学步期之间的宝宝,会热衷于自己站立和走路,时常拒绝大人的拥抱,其他月龄的孩子都是有感兴趣的活动时动若泥鳅,没有感兴趣的活动时马上就瘫如葛优。早上起床:妈妈我走不动玩了5小</div> </li> <li><a href="/article/1950187223672483840.htm" title="GDP经济社会人文民生栅格数据下载网站汇总" target="_blank">GDP经济社会人文民生栅格数据下载网站汇总</a> <span class="text-muted">疯狂学习GIS</span> <div>  本文为“GIS数据获取整理”专栏(https://blog.csdn.net/zhebushibiaoshifu/category_10857546.html)中第八篇独立博客,因此本文全部标题均由“8”开头。本文对目前主要的GDP、社会与经济数据获取网站加以整理与介绍,若需其它GIS领域数据(如遥感影像数据、气象数据、土地土壤数据、农业数据等),大家可以点击上方专栏查看,也可以看这一篇汇总文</div> </li> <li><a href="/article/1950184804079169536.htm" title="思维导图中的3A" target="_blank">思维导图中的3A</a> <span class="text-muted">画画的小常</span> <div>图片发自App在学习思维导图3A之前,我们先来看看东方古国传统教书过程。分三步:听话,合作,变化。听话,学生摹仿老师,在这个过程中除非必需问题需要老师澄清解释,其他所有的都要求先行记忆。合作,这一阶段大多已经掌握基本知识点,允许学生提出问题,老师引导学生采用合适的方法,让学生亲自动手,解决问题。变化,经历了前面2个阶段,知识已经彻底掌握,此阶段要充分发挥洞察力和生发出新的思想以回馈老师。较之传统教</div> </li> <li><a href="/article/1950184799020838912.htm" title="初探数学思维(一):数学概括" target="_blank">初探数学思维(一):数学概括</a> <span class="text-muted">JackyFuu</span> <div>数学培养规则意识;培养周密思维和创新能力“现代电子计算机之父”冯·诺依曼对微积分的评价:微积分是现代数学的第一个成就,而且怎样评价它的重要性都不为过。我认为,微积分比其他任何事物都更清楚地表明了现代数学的发端;而且,作为其逻辑发展的数学分析体系仍然构成了精密思维中最伟大的技术进展。《GEB-一条永恒的金带》,普利策奖,1979,美国,指出有一条永恒的金带把数理逻辑、绘画、音乐等不同领域之间的共同规</div> </li> <li><a href="/article/76.htm" title="遍历dom 并且存储(将每一层的DOM元素存在数组中)" target="_blank">遍历dom 并且存储(将每一层的DOM元素存在数组中)</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>数组从0开始!! var a=[],i=0; for(var j=0;j<30;j++){ a[j]=[];//数组里套数组,且第i层存储在第a[i]中 } function walkDOM(n){ do{ if(n.nodeType!==3)//筛选去除#text类型 a[i].push(n); //con</div> </li> <li><a href="/article/203.htm" title="Android+Jquery Mobile学习系列(9)-总结和代码分享" target="_blank">Android+Jquery Mobile学习系列(9)-总结和代码分享</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/JQuery+Mobile/1.htm">JQuery Mobile</a> <div>目录导航   经过一个多月的边学习边练手,学会了Android基于Web开发的毛皮,其实开发过程中用Android原生API不是很多,更多的是HTML/Javascript/Css。   个人觉得基于WebView的Jquery Mobile开发有以下优点: 1、对于刚从Java Web转型过来的同学非常适合,只要懂得HTML开发就可以上手做事。 2、jquerym</div> </li> <li><a href="/article/330.htm" title="impala参考资料" target="_blank">impala参考资料</a> <span class="text-muted">dayutianfei</span> <a class="tag" taget="_blank" href="/search/impala/1.htm">impala</a> <div>记录一些有用的Impala资料   1. 入门资料 >>官网翻译:     http://my.oschina.net/weiqingbin/blog?catalog=423691   2. 实用进阶 >>代码&架构分析:     Impala/Hive现状分析与前景展望:http</div> </li> <li><a href="/article/457.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/%E9%9D%99%E6%80%81/1.htm">静态</a><a class="tag" taget="_blank" href="/search/%E9%9D%9E%E9%9D%99%E6%80%81/1.htm">非静态</a><a class="tag" taget="_blank" href="/search/%E9%A1%BA%E5%BA%8F/1.htm">顺序</a> <div>今天和同事争论一问题,关于静态变量与非静态变量的初始化顺序,谁先谁后,最终想整理出来!测试代码: import java.util.Map; public class T { public static T t = new T(); private Map map = new HashMap(); public T(){ System.out.println(&quo</div> </li> <li><a href="/article/584.htm" title="跳出iframe返回外层页面" target="_blank">跳出iframe返回外层页面</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/iframe/1.htm">iframe</a> <div>在web开发过程中难免要用到iframe,但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中,这时我们就需要跳出这个iframe到达一个公共页面去。 首先跳转到一个中间页,这个页面用于判断是否在iframe中,在页面加载的过程中调用如下代码: <script type="text/javascript"> //<!-- function</div> </li> <li><a href="/article/711.htm" title="JAVA多线程监听JMS、MQ队列" target="_blank">JAVA多线程监听JMS、MQ队列</a> <span class="text-muted">510888780</span> <a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a> <div>背景:消息队列中有非常多的消息需要处理,并且监听器onMessage()方法中的业务逻辑也相对比较复杂,为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列;2.使用一个监听器开启多线程监听。 对于上面提到的方法2使用一个监听器开启多线</div> </li> <li><a href="/article/838.htm" title="第一个SpringMvc例子" target="_blank">第一个SpringMvc例子</a> <span class="text-muted">布衣凌宇</span> <a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a> <div>第一步:导入需要的包; 第二步:配置web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi=</div> </li> <li><a href="/article/965.htm" title="我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer" target="_blank">我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/Spring3/1.htm">Spring3</a> <div>PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer,但是与后者相比,前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容,那么将使用上下文(配置的xml文件)中相应定义的值。如果properties文件中有bean属性的内容,那么就用properties文件中的值来代替上下</div> </li> <li><a href="/article/1092.htm" title="通过XSD验证XML" target="_blank">通过XSD验证XML</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/schema/1.htm">schema</a><a class="tag" taget="_blank" href="/search/xsd/1.htm">xsd</a><a class="tag" taget="_blank" href="/search/validation/1.htm">validation</a><a class="tag" taget="_blank" href="/search/SchemaFactory/1.htm">SchemaFactory</a> <div>1. XmlValidation.java package xml.validation; import java.io.InputStream; import javax.xml.XMLConstants; import javax.xml.transform.stream.StreamSource; import javax.xml.validation.Schem</div> </li> <li><a href="/article/1219.htm" title="文本流与字符集" target="_blank">文本流与字符集</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/PrintWrite%28%29%E7%9A%84%E4%BD%BF%E7%94%A8/1.htm">PrintWrite()的使用</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E9%9B%86%E5%90%8D%E5%AD%97+%E5%88%AB%E5%90%8D%E8%8E%B7%E5%8F%96/1.htm">字符集名字 别名获取</a> <div>文本数据的输入输出;           输入;数据流,缓冲流         输出;介绍向文本打印格式化的输出PrintWrite();   package 文本流; import java.io.FileNotFound</div> </li> <li><a href="/article/1346.htm" title="ibatis模糊查询sqlmap-mapping-**.xml配置" target="_blank">ibatis模糊查询sqlmap-mapping-**.xml配置</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a> <div>        正常我们写ibatis的sqlmap-mapping-*.xml文件时,传入的参数都用##标识,如下所示: <resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO"> <res</div> </li> <li><a href="/article/1473.htm" title="java jvm常用命令工具——jdb命令(The Java Debugger)" target="_blank">java jvm常用命令工具——jdb命令(The Java Debugger)</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/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdb/1.htm">jdb</a> <div>        用来对core文件和正在运行的Java进程进行实时地调试,里面包含了丰富的命令帮助您进行调试,它的功能和Sun studio里面所带的dbx非常相似,但 jdb是专门用来针对Java应用程序的。         现在应该说日常的开发中很少用到JDB了,因为现在的IDE已经帮我们封装好了,如使用ECLI</div> </li> <li><a href="/article/1600.htm" title="【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解" target="_blank">【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/controller/1.htm">controller</a> <div>在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解(http://bit1129.iteye.com/blog/2114084)中介绍了Autowired和Resource两个注解的功能,它们用于将依赖根据名称或者类型进行自动的注入,这简化了在XML中,依赖注入部分的XML的编写,但是UserDao和UserService两个bea</div> </li> <li><a href="/article/1727.htm" title="cxf wsdl2java生成代码super出错,构造函数不匹配" target="_blank">cxf wsdl2java生成代码super出错,构造函数不匹配</a> <span class="text-muted">bitray</span> <a class="tag" taget="_blank" href="/search/super/1.htm">super</a> <div>    由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改: 我们原来的代码 wsdl2java com.test.xxx -client http://..... 修改后的代</div> </li> <li><a href="/article/1854.htm" title="动态页面正文部分中文乱码排障一例" target="_blank">动态页面正文部分中文乱码排障一例</a> <span class="text-muted">ronin47</span> <div>公司网站一部分动态页面,早先使用apache+resin的架构运行,考虑到高并发访问下的响应性能问题,在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题,随意进入某一有分页的网页,第一页是正常的(因为静态化过了);点“下一页”,出来的页面两边正常,中间部分的标题、关键字等也正常,唯独每个标题下的正文无法正常显示。 因为有做过系统调整,所以第一反应就是新上</div> </li> <li><a href="/article/1981.htm" title="java-54- 调整数组顺序使奇数位于偶数前面" target="_blank">java-54- 调整数组顺序使奇数位于偶数前面</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.Arrays; import java.util.Random; import ljn.help.Helper; public class OddBeforeEven { /** * Q 54 调整数组顺序使奇数位于偶数前面 * 输入一个整数数组,调整数组中数字的顺序,使得所有奇数位于数组的前半部分,所有偶数位于数组的后半</div> </li> <li><a href="/article/2108.htm" title="从100PV到1亿级PV网站架构演变" target="_blank">从100PV到1亿级PV网站架构演变</a> <span class="text-muted">cfyme</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E6%9E%B6%E6%9E%84/1.htm">网站架构</a> <div>一个网站就像一个人,存在一个从小到大的过程。养一个网站和养一个人一样,不同时期需要不同的方法,不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1:积累是必不可少的 架构师不是一天练成的。 1999年,我作了一个个人主页,在学校内的虚拟空间,参加了一次主页大赛,几个DREAMWEAVER的页面,几个TABLE作布局,一个DB连接,几行PHP的代码嵌入在HTM</div> </li> <li><a href="/article/2235.htm" title="[宇宙时代]宇宙时代的GIS是什么?" target="_blank">[宇宙时代]宇宙时代的GIS是什么?</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/Gis/1.htm">Gis</a> <div>        我们都知道一个事实,在行星内部的时候,因为地理信息的坐标都是相对固定的,所以我们获取一组GIS数据之后,就可以存储到硬盘中,长久使用。。。但是,请注意,这种经验在宇宙时代是不能够被继续使用的          宇宙是一个高维时空</div> </li> <li><a href="/article/2362.htm" title="详解create database命令" target="_blank">详解create database命令</a> <span class="text-muted">czmmiao</span> <a class="tag" taget="_blank" href="/search/database/1.htm">database</a> <div>完整命令 CREATE DATABASE mynewdb   USER SYS IDENTIFIED BY sys_password   USER SYSTEM IDENTIFIED BY system_password   LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m</div> </li> <li><a href="/article/2489.htm" title="几句不中听却不得不认可的话" target="_blank">几句不中听却不得不认可的话</a> <span class="text-muted">datageek</span> <div>1、人丑就该多读书。 2、你不快乐是因为:你可以像猪一样懒,却无法像只猪一样懒得心安理得。 3、如果你太在意别人的看法,那么你的生活将变成一件裤衩,别人放什么屁,你都得接着。 4、你的问题主要在于:读书不多而买书太多,读书太少又特爱思考,还他妈话痨。 5、与禽兽搏斗的三种结局:(1)、赢了,比禽兽还禽兽。(2)、输了,禽兽不如。(3)、平了,跟禽兽没两样。结论:选择正确的对手很重要。 6</div> </li> <li><a href="/article/2616.htm" title="1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误" target="_blank">1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>原文地址:http://www.kafka0102.com/2010/08/281.html   因为需要,今天晚些在本机使用PHP做些测试,PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来,就报出类似下面的错误:“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/</div> </li> <li><a href="/article/2743.htm" title="xcode6 Auto layout and size classes" target="_blank">xcode6 Auto layout and size classes</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a> <div>官方GUI   https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html   iOS中使用自动布局(一)   http://www.cocoachina.com/ind</div> </li> <li><a href="/article/2870.htm" title="通过PreparedStatement批量执行sql语句【sql语句相同,值不同】" target="_blank">通过PreparedStatement批量执行sql语句【sql语句相同,值不同】</a> <span class="text-muted">梦见x光</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1/1.htm">事务</a><a class="tag" taget="_blank" href="/search/%E6%89%B9%E9%87%8F%E6%89%A7%E8%A1%8C/1.htm">批量执行</a> <div>比如说:我有一个List需要添加到数据库中,那么我该如何通过PreparedStatement来操作呢? public void addCustomerByCommit(Connection conn , List<Customer> customerList) {    String sql = "inseret into customer(id </div> </li> <li><a href="/article/2997.htm" title="程序员必知必会----linux常用命令之十【系统相关】" target="_blank">程序员必知必会----linux常用命令之十【系统相关】</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/Linux%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/1.htm">Linux常用命令</a> <div>一.linux快捷键 Ctrl+C : 终止当前命令 Ctrl+S : 暂停屏幕输出 Ctrl+Q : 恢复屏幕输出 Ctrl+U : 删除当前行光标前的所有字符 Ctrl+Z : 挂起当前正在执行的进程 Ctrl+L : 清除终端屏幕,相当于clear   二.终端命令 clear : 清除终端屏幕 reset : 重置视窗,当屏幕编码混乱时使用 time com</div> </li> <li><a href="/article/3124.htm" title="NGINX" target="_blank">NGINX</a> <span class="text-muted">IXHONG</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>pcre 编译安装 nginx conf/vhost/test.conf   upstream admin { server 127.0.0.1:8080; }   server {                 listen       80; &</div> </li> <li><a href="/article/3251.htm" title="设计模式--工厂模式" target="_blank">设计模式--工厂模式</a> <span class="text-muted">kerryg</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>工厂方式模式分为三种:   1、普通工厂模式:建立一个工厂类,对实现了同一个接口的一些类进行实例的创建。   2、多个工厂方法的模式:就是对普通工厂方法模式的改进,在普通工厂方法模式中,如果传递的字符串出错,则不能正确创建对象,而多个工厂方法模式就是提供多个工厂方法,分别创建对象。   3、静态工厂方法模式:就是将上面的多个工厂方法模式里的方法置为静态,</div> </li> <li><a href="/article/3378.htm" title="Spring InitializingBean/init-method和DisposableBean/destroy-method" target="_blank">Spring InitializingBean/init-method和DisposableBean/destroy-method</a> <span class="text-muted">mx_xiehd</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/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>1.initializingBean/init-method 实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后,来执行初始化的工作,InitialzingBean仅仅指定了一个方法。 通常InitializingBean接口的使用是能够被避免的,(不鼓励使用,因为没有必要</div> </li> <li><a href="/article/3505.htm" title="解决Centos下vim粘贴内容格式混乱问题" target="_blank">解决Centos下vim粘贴内容格式混乱问题</a> <span class="text-muted">qindongliang1922</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a> <div> 有时候,我们在向vim打开的一个xml,或者任意文件中,拷贝粘贴的代码时,格式莫名其毛的就混乱了,然后自己一个个再重新,把格式排列好,非常耗时,而且很不爽,那么有没有办法避免呢? 答案是肯定的,设置下缩进格式就可以了,非常简单: 在用户的根目录下 直接vi  ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中,保存退出,重新登录,</div> </li> <li><a href="/article/3632.htm" title="netty大并发请求问题" target="_blank">netty大并发请求问题</a> <span class="text-muted">tianzhihehe</span> <a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>多线程并发使用同一个channel java.nio.BufferOverflowException: null at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea] at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea] </div> </li> <li><a href="/article/3759.htm" title="Hadoop NameNode单点问题解决方案之一 AvatarNode" target="_blank">Hadoop NameNode单点问题解决方案之一 AvatarNode</a> <span class="text-muted">wyz2009107220</span> <a class="tag" taget="_blank" href="/search/NameNode/1.htm">NameNode</a> <div>我们遇到的情况 Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。 我们的团队负责管理一个1200节点的集群(总大小12PB),目前是运行版本为Hadoop 0.20,transaction logs写入一个共享的NFS filer(注:NetApp NFS Filer)。 经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>