[Web]Web前端知识点总结

HTML的编辑器：DreamWeaver

鼠标的移入和移出方法：hover（）

在jsp中用<%%>就可以写Java代码了，而html没有<%%>

在W3C指定的HTML5规范中,对于HTML5在语法结构上的规格限制是较松散的,不区分大小写，标记不一定必须有结束标记

各大浏览器与HTML5的兼容：各浏览器对HTML的标准支持不同，对HTML5新增功能支持程度也不同，导致使用同样的网页不同浏览器有不同表现。所以要制定web标准，为了解决兼容性问题

web标准规定的内容：结构（xml（可扩展标记语言）），表现（css样式），行为（DOM）

:是html的头部标记，头部信息不显示在网页中，里边的显示在浏览器左上角的标题栏中</li> </ul></td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;"> <ul style="margin-left:.2055in;"> <li>特殊字符文本添加：html中，特殊符号以&开头，如空格 </li> </ul></td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;"> <ul style="margin-left:.2055in;"> <li>重要文本：<b>粗体</b>，<i>斜体</i>,HTML中这些已过时，这些标记应该使用CSS样式来实现</li> </ul></td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;"> <ul style="margin-left:.2055in;"> <li>换行：<br>单标记，没有结束标记，break意思</li> <li>标记<h1-6>:headline</li> <li>列表：ul可以嵌套使用</li> <li>插入图像：<img src='路径或者网络图片路径'></img></li> </ul></td> </tr> <tr> <td style="border-color:#a3a3a3;vertical-align:top;"> <p style="margin-left:0in;"><a href="URL(网址需加http://,)">网页元素（页面显示的内容）</a></p> <p style="margin-left:0in;">图片超链接：<a href='.html'><img src=''/></a>,文件中的图片和网页文件在同一目录下，链接的网页可以不加http://，绝对URL和相对URL</p> <p style="margin-left:0in;"><caption>表格标题</caption></p> <p style="margin-left:0in;"><thead></p> <p style="margin-left:0in;"><tr></p> <p style="margin-left:0in;"><th></th></p> <p style="margin-left:0in;"></tr></p> <p style="margin-left:0in;"></thead></p> <p style="margin-left:0in;"></table></p> <p style="margin-left:0in;">合并单元格clospan/rowspan：就是丢掉一些单元格</p> <p style="margin-left:0in;"><from action='url' method='post'></p> <p style="margin-left:0in;"><input type='text' name='' value='' size=''></input></p> <p style="margin-left:0in;">name属性定义文本框的名称，为保证数据的准确采集，必须定义一个独一无二的名称，<span style="color:#FF0000;">用于表单提交和回显</span>，value是 val（）的值</p> <p style="margin-left:0in;"> </p> <ul style="margin-left:.2055in;"> <li>单选<input type='radio' name='' value=''>,name必须一致，表示同一个组</li> <li>通过name传value值，就是两者的区别，单击提交，有name属性的才能传值value</li> <li>Type="file"用作上传文件</li> <li>音频解码器:音频解码器定义了音频数据流编码和解码的算法,其中,解码器主要对数据流进行编码操作,用于存储和传输,音频播放器主要是对音频文件进行解码,然后进行播放操作</li> <li>style标记:即为使用css样式</li> <li>单行文本输入框text:</li> <li>排列单元格中的内容：align，如<td align='left'></li> <li><form>表单：表单主要用于收集网页上的相关信息，基本格式</li> <li>href属性：超链接的目标地址，设置为#，表示为空链接</li> <li><table></li> <li>网页超链接:<a></a>,超链接最重要的要素有两个：超链接的网页元素和超链接指向的目标地址</li> </ul></td> </tr> </tbody> </table></li> <li>css总结</li> </ol> <pre class="has"><code>CSS3总结 (1) 设置文本的溢出效果:text-overflow属性用来定义当文本溢出时是否显示省略标记 Text-overflow:clip 不显示省略标记（…）而是简单的裁剪 Text-overflow:ellipsis当对象文本溢出时显示省略标记(…) 注意：要实现溢出时产生省略好的效果还须定义：强制文本在一行内显示 white-space:nowrap 及溢出时内容为隐藏 overflow:hidden 即这三个属性要同时显示：text-overflow:ellipsis;over-flow:hidden;white-space:nowrap (2) 设置字符之间的间隔：letter-spacing:normal | length (3) 垂直对齐方式：vertical-align: (4) 文本的水平对齐方式：在css中，使用text-align设置 (5) 文本的空白处理：white-space: (6) 字体为什么在别的电脑上不显示：并不是所有电脑上安装有这些字体 (7) 图片缩放：网页上显示一张图片时，默认以图片的原始大小显示，对其缩放 a. 可以使用width和height b. 使用css3种的max-width和max-height，如果图片超过max，则使用max缩放 c. 使用css3的width和height属性，即使用style标记，使用style标记即为css3属性注意：当只设置了图片的width属性，没有设置height属性，图片会自动等比例缩放 (8) 图片对齐：使用css3属性定义对齐方式 a. img本身没有对齐属性，需使用父标签的text-align b. 纵向对齐：img中定义style，使用vertical-align (9) 图文环绕：在css3中，使用float，float属性主要定义元素在哪个方向上浮动，一般情况下这个属性总应用于图像，使文本环绕，浮动元素会生成一个块级框，而不论其本身是何种元素，如果浮动非替换元素，则要指定一个明确的宽度，float：left | right，只有这两个属性设置文字环绕时，float元素为什么会失去作用：很多浏览器在显示未指定width的float元素时会有错误，所以不管float元素内容如何，一定要为其指定width属性如垂直列表菜单<ul><ol>可以通过css的float属性水平显示 (10) 背景色设置：是在body标签里，包括背景图片等，都是在body标签里 (11) 背景图片显示：backgroup-attachment：scroll|fixed，背景图片随页面滚动还是固定在可见区域 (12) 每一个元素的边框都可以从样式，宽度，颜色来描述，宽度=0也会被浏览器解析，也会占资源 (13) 超链接 a. 设置带有提示信息的超链接：title属性 (14) 使用css3控制鼠标箭头：cursor属性：定义在标签里，使用style即可 (15) 制作图片列表：在<ul>或者<ol>中使用list-style-image,可以将列表前的项目符号替换成任意图片 List-style-image:url(路径) (16) 块级元素和行内级元素通过块元素可以把html中的p，h1之类的文本标签定义成类似于div分区的效果，而通过内嵌元素可以把元素设置成行内元素 a. 块元素：在没有css样式作用下，新的块元素会另起一行，块元素使用css中的display：block定义，特点如下： i. 总在新的一行显示 ii. 行高和边距可控制 iii. 如果用户不设置宽度的话，则默认容器的100% 常用的块元素：div，p，h1，ul，li，form b. 行内元素：css的display：inline把元素定义为行内元素，行内元素特点如下： i. 和其他元素都在一行上 ii. 行高和边距不可改变 iii. 宽度不可改变常见的行内元素：<span><a><label><input><img><button>等 (17) 盒子模型，F12 网页上的每个html元素都认为是长方形的盒子，是网页设计的一大创新，熟练掌握盒子模型的各个属性，css3中，所有页面元素都包含在一个矩形框中，称为盒子，盒子由margin，border，padding，content组成，盒子的实际高度是相加，可以通过width和height来控制content的大小 a. 盒子的定位：网页中的各个元素都要有自己合理的定位，在css3种，使用position进行定位 position：static | relative | fixed | absolute Static:默认值，静态定位，没有任何移动效果的定位（即设置了left，right也没有效果），无特殊定位，对象遵循html定位规则 relative：相对定位，元素相对于它本身的原始起点进行移动 fixed：固定布局，相对于浏览器窗口进行定位，参照物不是上级元素而是浏览窗口 absolute：相对于父元素定位，绝对定位是参照浏览器的左上角，绝对定位的坐标原点是上级元素的原点，与上级元素有关，相对定位的坐标原点是本身，与上级元素无关 b. 盒子的浮动float：left | right，浮动float只能在水平方向，不能在垂直方向浮动，用来改变块元素的显示方式 float属性不但可以改变元素的显示位置，也会对相邻元素造成影响，如果不想float下面的其他元素浮动在周围，可以使用css3的clear，语法：clear:none | left | right | both,其中none表示允许两边有浮动对象，both不允许，left不允许左边有浮动对象 c. 溢出定位overflow：如果框被指定大小，内容显示不下overflow:visible | hidden | scroll |auto d. 空间定位z-index：z-index属性用于调整定位时重叠块的上下位置，值大的在上方 position设置对css布局的影响：left，right，top，bottom属性必须配合使用position才有用，如position:relative，上述css的4个属性表示各个边界和原来位置的距离，position：absolute，上述css4个属性表示块的边界和页面边框的距离，position：static，上述css的4个属性不能生效，子块的位置也不会发生变化</code></pre> <p>3.jQuery</p> <pre class="has"><code>JQuery函数 (1) 文档加载完成执行函数 $(document).ready(function(){ }); (2) 添加删除css类 $("#id").addClass("cssClass"); $("#id").removeClass("cssClass"); (3) 选择符 $('p'):根据标签名，选择文档中所有的段落 $("#id"):根据id $('.class')：根据类 (4) 绑定事件 $("#id").bind("click", function(){}); $("#id").unbind("click", functionName); $("#id").click(function(){}); (5) 模仿用户触发某一事件 $("#id").trigger("click");//触发某特定元素的click事件 (6) 为元素添加效果 $("#id").css("property");//读取样式值 $("#id").css("property", value);//设置样式值 $("#id").css('per1' :val1, 'per2' : val2);//设置多个样式值 (7) DOM操作 $("#id").attr('perp');//获取属性 $("#id").attr('perp', val);//设置属性 $("#id").attr('perp1' : val1, 'perp2' : val2);//设置多个属性 (8) 包装元素 $("#id").wrap('<li></li>');//将特定元素包装到li中，即在特定元素外围加li (9) 给元素设置值 $("#id").html();//获取元素的内容 $("#id").html('<b>aaa</b>');//给元素设置内容 $("#id").text();//获取元素的文本 $("#id").text(value);//设置元素的文本 $("#id").val();//获取元素的内容 $("#id").val(value);//设置元素的值 (10) 键盘和鼠标 keydown( ) 某个键盘的键被按下几乎所有元素 keypress( ) 某个键盘的键被按下或按住几乎所有元素 keyup( ) 某个键盘的键被松开几乎所有元素 mousedown( fn ) 某个鼠标按键被按下几乎所有元素 mousemove( fn ) 鼠标被移动几乎所有元素 mouseout( fn ) 鼠标从某元素移开几乎所有元素 mouseover( fn ) 鼠标被移到某元素之上几乎所有元素 mouseup( fn ) 某个鼠标按键被松开几乎所有元素 Jquery (1) 前端中如何使用java代码 a. 在jsp中第一行<%@page import="java类"> b. <%=%>如<p><%=StringUtil.get()%></p>，也可以使用<%=%>获取session中保存的userInfo等 c. javaScript中对回车键的处理 i. $("#id").keydown(function(event){ If(event.keycode=13){ } }) d. alert使用：$.message.alert("提示信息","用户名不能为空","info") e. Ajax传递的范例 $.ajax({ Type:"post", Url:url, ContentType:"text/html", Error : function(){}, Succuss : function(){} })； f. 浏览器的调试模式 i. 只针对javascript的代码块 ii. 在代码块中写上debugger iii. 然后打开IE的开发人员工具，单击脚本，单击启动调试，可看到在debugger处停了下来 g. 页面时间更新：setInterval(要执行的方法，1000),每秒执行一次 (2) Ajax是什么： a. 全称Asynchronous javaScript and xml b. 前端提交数据：通过表单提交，通过ajax提交 c. 在没有ajax之前，页面必须通过表单提交，重载整个页面，用户体验差 d. Ajax技术更像把整个页面分成若干块，需要哪一块与后端服务器交互时，只需要专注那一块即可 e. XMLHttpRequest是ajax的核心，是javaScript的对象 f. Ajax的JQuery语法：通过学习xmlHttpRequest，我们成功尝试了ajax请求的完整过程，但通过这种方式，整个代码冗余，JQuery以简洁著称，在处理ajax请求的时候，也对传统的xmlHttpRequest对象方式进行了简化，实现了符合Jquery语法的ajax的创建方法，只是简写 $.ajax({})，里边的async，默认情况下，所有请求都是异步，设置为false，则为同步请求，同步请求将锁住浏览器，用户的其他请求必须等待请求完成才可以执行 g. MVC，前端发送的请求都会被控制器接收，然后转发具体action，struts2扮演控制器 h. 前端的数据，在java中可以通过request.get方式获得，不一定非要注入 </code></pre> <p> </p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1279117418211328000"></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">你可能感兴趣的:([Web]Web前端知识点总结)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1833526068452093952.htm" title="第11章使用Razor Pages" target="_blank">第11章使用Razor Pages</a> <span class="text-muted">代数狂人</span> <a class="tag" taget="_blank" href="/search/ASP.NET/1.htm">ASP.NET</a><a class="tag" taget="_blank" href="/search/Core/1.htm">Core</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6%E4%B9%8B%E6%97%85/1.htm">框架之旅</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a> <div>第11章使用RazorPagesRazorPages是ASP.NETCore提供的一种基于页面的编程模型，它简化了Web开发的复杂性，使得开发者可以更加专注于业务逻辑的实现。RazorPages融合了MVC架构的优点，同时减少了开发者需要编写的样板代码量。在本章中，我们将详细介绍如何在ASP.NETCore应用程序中使用RazorPages，包括RazorPages的基本概念、页面路由、页面模型、</div> </li> <li><a href="/article/1833525688494288896.htm" title="web前端基础——第八章" target="_blank">web前端基础——第八章</a> <span class="text-muted">ZiminLi</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E6%A0%88%E7%AC%94%E8%AE%B0/1.htm">技术栈笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>目录八十五、对象的简介和基本操作八十六、属性名和属性值八十七、基本数据类型和引用数据类型八十八、对象字面量八十九、函数的简介九十、函数的参数九十一、函数的返回值九十二、实参可以是任何值九十三、返回值的类型九十四、立即执行函数九十五、方法九十六、枚举对象中的属性九十七、作用域（Scope）全局作用域变量的声明提前函数作用域九十八、this九十九、使用工厂方法创建对象一百、构造函数一百零一、原型对象一</div> </li> <li><a href="/article/1833522405868400640.htm" title="Tomcat与JDK版本对应关系，Tomcat各版本特性" target="_blank">Tomcat与JDK版本对应关系，Tomcat各版本特性</a> <span class="text-muted">2401_84048671</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>ApacheTomcat8.xApacheTomcat7.xApacheTomcat6.xApacheTomcat是一个开源软件实现了JavaServlet和JavaServerPages技术。不同版本的Servlet和JSP规范可使用不同版本的ApacheTomcat。Tomcat与JDK版本对应关系为：|Servlet规格|JSP规范|EL规格|WebSocket规范|JASPIC规格|Apa</div> </li> <li><a href="/article/1833518502644903936.htm" title="c#视觉应用开发中如何使用Emgu CV在C#中进行图像处理？" target="_blank">c#视觉应用开发中如何使用Emgu CV在C#中进行图像处理？</a> <span class="text-muted">openwin_top</span> <a class="tag" taget="_blank" href="/search/C%23%E8%A7%86%E8%A7%89%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E9%97%AE%E9%A2%98%E7%B3%BB%E5%88%97/1.htm">C#视觉应用开发问题系列</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86/1.htm">图像处理</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>microPythonPython最小内核源码解析NI-motion运动控制c语言示例代码解析python编程示例系列python编程示例系列二python的Web神器Streamlit如何应聘高薪职位EmguCV是OpenCV的.NET包装器，可以让开发者在.NET语言（如C#）中使用OpenCV的功能进行图像处理。在进行图像处理时，EmguCV提供了丰富的API可以使用。以下是使用EmguCV</div> </li> <li><a href="/article/1833514971900768256.htm" title="Java Web安全与Spring Config对象实战" target="_blank">Java Web安全与Spring Config对象实战</a> <span class="text-muted">福建低调</span> <div>本文还有配套的精品资源，点击获取简介：本课程深入探讨JavaWeb开发中的安全实践，包括认证与授权、输入验证、CSRF和XSS防护以及SQL注入防御等关键安全措施。同时，介绍SpringSecurity框架的应用，以及Config对象在Spring配置管理中的作用，包括依赖注入和外部化配置。课程还包括实战演练，通过设置安全环境和安全漏洞模拟，帮助开发者提升应用的安全性和故障排查能力。1.Web安全</div> </li> <li><a href="/article/1833513205209591808.htm" title="linux提权:从入门,Linux提权：从入门到放弃" target="_blank">linux提权:从入门,Linux提权：从入门到放弃</a> <span class="text-muted">Kalu丁</span> <a class="tag" taget="_blank" href="/search/linux%E6%8F%90%E6%9D%83%3A%E4%BB%8E%E5%85%A5%E9%97%A8/1.htm">linux提权:从入门</a> <div>日站就要日个彻底。往往我们能拿下服务器的web服务，却被更新地比西方记者还快的管理员把内网渗透的种子扼杀在提权的萌芽里面。Linux系统的提权过程不止涉及到了漏洞，也涉及了很多系统配置。一下是我总结的一些提权方法。几点前提已经拿到低权shell被入侵的机器上面有nc，python，perl等linux非常常见的工具有权限上传文件和下载文件内核漏洞提权提到脏牛，运维流下两行眼泪，我们留下两行鼻血。内</div> </li> <li><a href="/article/1833512826161950720.htm" title="html字体如何设置渐变,CSS 实现文字渐变色" target="_blank">html字体如何设置渐变,CSS 实现文字渐变色</a> <span class="text-muted">甄公子</span> <a class="tag" taget="_blank" href="/search/html%E5%AD%97%E4%BD%93%E5%A6%82%E4%BD%95%E8%AE%BE%E7%BD%AE%E6%B8%90%E5%8F%98/1.htm">html字体如何设置渐变</a> <div>CSS实现文字渐变，有下面两种方法：1.background属性.text-gradient{background-image:linear-gradient(toright,orange,purple);-webkit-background-clip:text;color:transparent;font-size:30px;}文字渐变效果如下：实现原理：background-image属性为该</div> </li> <li><a href="/article/1833510807451824128.htm" title="全网最详细Gradio教程系列——Gradio简介" target="_blank">全网最详细Gradio教程系列——Gradio简介</a> <span class="text-muted">shao918516</span> <a class="tag" taget="_blank" href="/search/Gradio/1.htm">Gradio</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E4%BB%8B/1.htm">简介</a> <div>全网最详细Gradio教程系列——Gradio简介前言本篇摘要1.WEBUI框架：Gradio1.1Gradio介绍1.1.1Gradio是什么1.1.2Gradio的历史1.1.3Gradio的特性1.1.4Gradio的用途1.2Gradio与NiceGui、StreamLit、Dash及PyWebIO的比较1.2.1各个框架区别1.2.2框架选择建议参考文献前言本系列文章主要介绍WEB界面工</div> </li> <li><a href="/article/1833507907732336640.htm" title="项目实战系列三: 家居购项目第五部分" target="_blank">项目实战系列三: 家居购项目第五部分</a> <span class="text-muted">~ 小团子</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%AE%B6%E5%B1%85%E8%B4%AD%E9%A1%B9%E7%9B%AE/1.htm">家居购项目</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>显示订单[订单管理]暂时缺货需求分析1.如果某家居库存为0,首页的"AddtoCart"按钮显示为"暂时缺货"2.后台也加上校验.只有在库存>0时,才能添加到购物车代码实现1.修改web/views/customer/index.jspAddToCart[缺货]0}">AddToCart2.修改src/com/zzw/furns/web/CartServlet.java,当添加购物车时,要保证商品</div> </li> <li><a href="/article/1833503749604208640.htm" title="Web渗透练习技巧N则（一）" target="_blank">Web渗透练习技巧N则（一）</a> <span class="text-muted">jintonghuoya</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a><a class="tag" taget="_blank" href="/search/WordPress/1.htm">WordPress</a><a class="tag" taget="_blank" href="/search/Joomla/1.htm">Joomla</a> <div>简介对于我们的生活来说，web的重要性不言而喻，因为这个看起来简单的几个页面与我们的生活的联系越来越紧密，我们有更多的个人信息由其承载往来于服务器和我们的电脑之间，正因为如此，web的安全也变得越来越重要，越来越不能被我们忽视。作为一个网络安全的工作者/爱好者，研究web的安全性也变得越来越重要。那么，接下来的几篇文章，我将陆续给大家介（ban）绍（yun）一些国外的大牛的web渗透的奇技淫巧，当</div> </li> <li><a href="/article/1833503623452127232.htm" title="(代码可运行)Bootstrap框架的HTML示例" target="_blank">(代码可运行)Bootstrap框架的HTML示例</a> <span class="text-muted">程序员大侠</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Bootstrap：一套流行的前端开发框架，基于HTML、CSS和JavaScript，适用于快速构建响应式Web应用。以下是一个使用Bootstrap构建的简单响应式Web应用的HTML示例：BootstrapExampleHello,Bootstrap!CardtitleSomequickexampletexttobuildonthecardtitleandmakeupthebulkofthe</div> </li> <li><a href="/article/1833502615674122240.htm" title="实现两个窗口通信方法之postMessage" target="_blank">实现两个窗口通信方法之postMessage</a> <span class="text-muted">itKingOne</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/postmessage/1.htm">postmessage</a><a class="tag" taget="_blank" href="/search/%E9%A1%B5%E9%9D%A2%E9%80%9A%E8%AE%AF/1.htm">页面通讯</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%9F%9F%E9%80%9A%E8%AE%AF/1.htm">跨域通讯</a> <div>两个窗口的通信问题应该是一个比较常见的问题了，通信可以通过很多种方式,如下：localStoragepostMessagewebsocket今天博主先来一篇postMessage干货，后期还会给出websocket的实现代码。首先来看一下基本的语法otherWindow.postMessage(message,targetOrigin,[transfer]);otherWindow其他窗口的一个引</div> </li> <li><a href="/article/1833502363403513856.htm" title="**项目推荐：探索全球化的Web应用 —— Apache Sling I18N**" target="_blank">**项目推荐：探索全球化的Web应用 —— Apache Sling I18N**</a> <span class="text-muted">解然嫚Keegan</span> <div>项目推荐：探索全球化的Web应用——ApacheSlingI18Nsling-org-apache-sling-i18nApacheSlingI18NSupport项目地址:https://gitcode.com/gh_mirrors/sl/sling-org-apache-sling-i18n在全球化日益加深的今天，软件和网络服务的国际化与本地化（I18N）变得至关重要。ApacheSling，</div> </li> <li><a href="/article/1833498959637737472.htm" title="下一代软件架构——SOA" target="_blank">下一代软件架构——SOA</a> <span class="text-muted">CSDN_document</span> <a class="tag" taget="_blank" href="/search/soa/1.htm">soa</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><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/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>Web服务作为炙手可热的技术，如何应用到企业的IT系统和商业流程之中、并给企业带来直接的经济效益，一直备受国内外企业管理者的高度关注和推崇。而在近两年，出现了一种技术架构被誉为下一代Web服务的基础架构，它就是SOA（Service-orientedarchitecture，面向服务架构）。1996年，Gartner最早提出SOA。2002年12月，Gartner提出SOA是“现代应用开发领域最重</div> </li> <li><a href="/article/1833496692800974848.htm" title="自学黑客（网络安全）" target="_blank">自学黑客（网络安全）</a> <span class="text-muted">白袍无涯</span> <a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E5%AE%89%E5%85%A8/1.htm">系统安全</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/1.htm">计算机网络</a> <div>前言：想自学网络安全（黑客技术）首先你得了解什么是网络安全！什么是黑客！网络安全可以基于攻击和防御视角来分类，我们经常听到的“红队”、“渗透测试”等就是研究攻击技术，而“蓝队”、“安全运营”、“安全运维”则研究防御技术。无论网络、Web、移动、桌面、云等哪个领域，都有攻与防两面性，例如Web安全技术，既有Web渗透，也有Web防御技术（WAF）。作为一个合格的网络安全工程师，应该做到攻守兼备，毕竟</div> </li> <li><a href="/article/1833489635276320768.htm" title="移动端测试" target="_blank">移动端测试</a> <span class="text-muted">渔jy</span> <a class="tag" taget="_blank" href="/search/Android%E7%B3%BB%E7%BB%9F%E5%8F%8A%E5%BA%94%E7%94%A8/1.htm">Android系统及应用</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>三种移动端产品类型介绍移动端应用的测试其自身特点，和其他传统测试又有一些独特的测试方法与思路。移动端应用又可以进一步细分为三大类：WebApp指的是移动端的Web浏览器，其实和PC端的Web浏览器没有任何区别，只不过Web浏览器所依附的操作系统不再是Windows和Linux了，而是iOS和Android了。WebApp采用的技术主要是，传统的HTML、JavaScript、CSS等Web技术栈，</div> </li> <li><a href="/article/1833487741132828672.htm" title="C# WinForm实现WebService接口进行图片上传下载" target="_blank">C# WinForm实现WebService接口进行图片上传下载</a> <span class="text-muted">诡道荒行</span> <div>本文还有配套的精品资源，点击获取简介：本文深入介绍了在C#WinForm应用程序中使用WebService接口连接服务器，实现图片的上传和下载功能。通过理解WebService基础，利用WinForm工具创建用户界面，并实现客户端与WebService的连接，我们详细探讨了图片上传与下载的具体步骤，包括文件选择、数据转换、接口调用，以及异常处理和进度显示。同时，还强调了安全性与性能优化的重要性，确</div> </li> <li><a href="/article/1833479296862220288.htm" title="深入探索从ES6到ES2023" target="_blank">深入探索从ES6到ES2023</a> <span class="text-muted">hai40587</span> <a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>从ES6到ES2023，我们深入探索ECMAScript（简称ES）的演变与发展，了解这一JavaScript标准背后的技术革新和进步。ECMAScript作为JavaScript的标准化版本，每年都在不断推出新版本，为开发者带来更加丰富和强大的功能。本文将从ES6的引入开始，逐步介绍到最新的ES2023，同时探讨这些新特性对现代Web开发的影响。ECMAScript简介与JavaScript的关</div> </li> <li><a href="/article/1833477530372370432.htm" title="《Nginx 负载均衡详解》" target="_blank">《Nginx 负载均衡详解》</a> <span class="text-muted">陈在天box</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1/1.htm">负载均衡</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>一、引言在当今互联网时代，随着业务的不断发展和用户量的持续增长，单一服务器往往难以满足高并发的访问需求。为了提高系统的可用性、可靠性和性能，负载均衡技术应运而生。Nginx作为一款高性能的Web服务器和反向代理服务器，提供了强大的负载均衡功能。本文将深入探讨Nginx负载均衡的原理、配置方法、算法以及实际应用中的注意事项，帮助读者更好地理解和运用Nginx负载均衡技术。二、负载均衡概述（一）负载均</div> </li> <li><a href="/article/1833472993293070336.htm" title="HTML 文本标签" target="_blank">HTML 文本标签</a> <span class="text-muted">一壶浊酒..</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">前端开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一个静态页面绝大部分都是由文字、图片、超链接、音频、视频组成。动态页面和静态页面的区别在于：是否与服务器进行数据交互标题标签这是一级标题这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题web前端开发床前明月光，疑是地上霜。举头望明月，低头思故乡这是普通文本这是粗体文本这是粗体文本斜体文本斜体文本斜体文本--->(a+b)2=a2+b2+2abH2SO4是指硫酸分子水果原价：6元现在：5</div> </li> <li><a href="/article/1833471858285047808.htm" title="《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》" target="_blank">《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》</a> <span class="text-muted">陈在天box</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>一、引言在当今数字化时代，人们使用各种不同的设备访问网页，包括台式电脑、笔记本电脑、平板电脑和智能手机等。为了确保网页在不同设备上都能提供良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够根据设备屏幕大小和分辨率自动调整布局和样式的设计方法。本文将深入探讨如何使用纯HTML和CSS实现响应式Web设计，分享一些实用的技巧和最佳实践。二、响应式Web设计的重要性（一）满足不同设</div> </li> <li><a href="/article/1833470345600921600.htm" title="使用docker部署考试系统" target="_blank">使用docker部署考试系统</a> <span class="text-muted">汪公子492</span> <a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a> <div>web--拉取nginx--挂载项目文档dist--dockerrun-itd-v/root/pes/web/dist/:/usr/share/nginx/html-p80:80nginx:latest配置mysql服务--拉取mysql:5.7.44镜像--创建容器测试dockerrun-itd-p3306:3306-eMYSQL_ROOT_PASSWORD=rootmysql:5.7.44do</div> </li> <li><a href="/article/1833466437298122752.htm" title="Web安全之CSRF攻击详解与防护" target="_blank">Web安全之CSRF攻击详解与防护</a> <span class="text-muted">J老熊</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Web%E5%AE%89%E5%85%A8/1.htm">Web安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/csrf/1.htm">csrf</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>在互联网应用中，安全性问题是开发者必须时刻关注的核心内容之一。跨站请求伪造（Cross-SiteRequestForgery,CSRF），是一种常见的Web安全漏洞。通过CSRF攻击，黑客可以冒用受害者的身份，发送恶意请求，执行诸如转账、订单提交等操作，导致严重的安全后果。本文将详细讲解CSRF攻击的原理及其防御方法，结合电商交易系统的场景给出错误和正确的示范代码，并分析常见的安全问题与解决方案，</div> </li> <li><a href="/article/1833463411023900672.htm" title="01 Web基础与HTTP协议" target="_blank">01 Web基础与HTTP协议</a> <span class="text-muted">子非鱼　　　</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a> <div>1.1Web基础本章将介绍Web基础知识，包括域名的概念、DNS原理、静态网页和动态网页的相关知识。1.1.1.域名概述1.域名的概念ip地址不易记忆2.早期使用host文件解析域名主机名重复主机维护困难3.DNS分布式层次式4.域名空间结构根域顶级域组织域国家域二级域名FQDN=主机名.DNS后缀1.2网页的概念1.2.1网页纯文本格式文件编写语言为HTNL在用户的浏览器中被‘翻译’成网页形成显</div> </li> <li><a href="/article/1833461897542856704.htm" title="【.NET全栈】ASP.NET开发Web应用——ADO.NET数据访问技术" target="_blank">【.NET全栈】ASP.NET开发Web应用——ADO.NET数据访问技术</a> <span class="text-muted">JosieBook</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/.NET%E5%85%A8%E6%A0%88/1.htm">.NET全栈</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>文章目录前言一、ADO.NET基础1、ADO.NET架构2、ADO.NET数据提供者二、连接数据库1、SqlConnection数据库连接类2、使用SqlConnectionStringBuilder连接字符串3、关闭和释放连接4、在web.config配置文件中保存连接字符串5、连接池技术三、与数据库交互1、使用SqlCommand操作数据库2、为SqlCommand传递参数3、使用SqlCom</div> </li> <li><a href="/article/1833460633916502016.htm" title="Matter.js：Web开发者的2D物理引擎" target="_blank">Matter.js：Web开发者的2D物理引擎</a> <span class="text-muted">我码玄黄</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/canvas/1.htm">canvas</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E7%90%86%E5%BC%95%E6%93%8E/1.htm">物理引擎</a> <div>Matter.js：Web开发者的2D物理引擎前言在现代网页开发中，交互性和动态效果是提升用户体验的关键因素。Matter.js，一个专为网页设计的2D物理引擎，为开发者提供了一种简单而强大的方式，来实现复杂的物理交互效果。无论是模拟重力、碰撞还是复杂的物体运动，Matter.js都能轻松应对。本文将带你深入了解Matter.js，并提供实际的代码示例，让你一窥其强大功能。官网：https://b</div> </li> <li><a href="/article/1833456971253116928.htm" title="Spring boot 项目作为客户端调用服务端websocket" target="_blank">Spring boot 项目作为客户端调用服务端websocket</a> <span class="text-muted">心之语歌</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>文章目录java客户端请求websocketSpringboot导入包客户端调用方法测试执行方法connectWebSocketHandshakeMessagesendHandshakeWebSocketConfig.queue.take方法对应实体类配置yaml资源WebSocketConfig配置类注入配置websocketUrl：LinkedBlockingQueueLinkedBlocki</div> </li> <li><a href="/article/1833454700222050304.htm" title="Go Web 编程 PDF" target="_blank">Go Web 编程 PDF</a> <span class="text-muted">book_longker</span> <a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90/1.htm">资源</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>GoWeb开发必读:《BuildingWebApplicationswithGo》PDF资源分享找寻良久,终于寻得这本珍贵资源!现在我免费分享给大家你是否正在学习Go语言开发Web应用?是否想要提升Go并发编程能力?这本书绝对不容错过!关于这本书《BuildingWebApplicationswithGo》是一本非常实用的GoWeb开发指南:以构建网络论坛为案例,全面讲解GoWeb开发️深入剖析请</div> </li> <li><a href="/article/1833451539763654656.htm" title="在Docker容器中部署Flask应用：一步步的实践指南" target="_blank">在Docker容器中部署Flask应用：一步步的实践指南</a> <span class="text-muted">2401_85743969</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/dnn/1.htm">dnn</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>引言Docker是一种流行的容器化技术，它允许开发者将应用及其依赖打包到一个轻量级、可移植的容器中。Flask是一个用Python编写的轻量级Web应用框架。Gunicorn是一个PythonWSGIHTTP服务器，用于生产环境。本文将详细介绍如何在Docker容器中运行Flask应用，包括使用Gunicorn作为服务器。Docker容器化的优势环境一致性：确保应用在不同环境中的一致性。开发与生产</div> </li> <li><a href="/article/1833448767156744192.htm" title="【.NET全栈】ASP.NET开发Web应用——LINQ技术" target="_blank">【.NET全栈】ASP.NET开发Web应用——LINQ技术</a> <span class="text-muted">JosieBook</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/.NET%E5%85%A8%E6%A0%88/1.htm">.NET全栈</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/linq/1.htm">linq</a> <div>文章目录一、LINQ基础1、LINQ简介2、延迟执行3、LINQ表达式简介1、基本查询语法2、投影新对象3、过滤和排序4、分组和聚合5、联合查询二、LINQtoDataSet操作内存表1、LINQtoDataSet简介2、类型化DataSet三、LINQtoSQL操作数据库1、数据实体类2、DataContext类介绍3、在ASP.NET中应用LINQtoSQL4、自动生成数据实体类5、生成存储过</div> </li> <li><a href="/article/105.htm" title="Js函数返回值" target="_blank">Js函数返回值</a> <span class="text-muted">_wy_</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/return/1.htm">return</a> <div>一、返回控制与函数结果，语法为：return 表达式;作用: 结束函数执行，返回调用函数，而且把表达式的值作为函数的结果二、返回控制语法为：return;作用: 结束函数执行，返回调用函数，而且把undefined作为函数的结果在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性</div> </li> <li><a href="/article/232.htm" title="MySQL 的 char 与 varchar" target="_blank">MySQL 的 char 与 varchar</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> 今天发现，create table 时，MySQL 4.1有时会把 char 自动转换成 varchar 测试举例： CREATE TABLE `varcharLessThan4` ( `lastName` varchar(3) ) ; mysql> desc varcharLessThan4; +----------+---------+------+-</div> </li> <li><a href="/article/359.htm" title="Quartz——TriggerListener和JobListener" target="_blank">Quartz——TriggerListener和JobListener</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/TriggerListener/1.htm">TriggerListener</a><a class="tag" taget="_blank" href="/search/JobListener/1.htm">JobListener</a><a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2208624 一.概述 listener是一个监听器对象，用于监听scheduler中发生的事件，然后执行相应的操作；你可能已经猜到了，TriggerListeners接受与trigger相关的事件，JobListeners接受与jobs相关的事件。二.JobListener监听器 j</div> </li> <li><a href="/article/486.htm" title="oracle层次查询" target="_blank">oracle层次查询</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/oracle%EF%BC%9B%E5%B1%82%E6%AC%A1%E6%9F%A5%E8%AF%A2%EF%BC%9B%E6%A0%91%E6%9F%A5%E8%AF%A2/1.htm">oracle；层次查询；树查询</a> <div>.oracle层次查询(connect by) oracle的emp表中包含了一列mgr指出谁是雇员的经理，由于经理也是雇员，所以经理的信息也存储在emp表中。这样emp表就是一个自引用表，表中的mgr列是一个自引用列，它指向emp表中的empno列，mgr表示一个员工的管理者， select empno,mgr,ename,sal from e</div> </li> <li><a href="/article/613.htm" title="通过反射把map中的属性赋值到实体类bean对象中" target="_blank">通过反射把map中的属性赋值到实体类bean对象中</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/javaee/1.htm">javaee</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B/1.htm">泛型</a><a class="tag" taget="_blank" href="/search/%E7%B1%BB%E5%9E%8B%E8%BD%AC%E6%8D%A2/1.htm">类型转换</a> <div>使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中但现在主要使用Spring框架的MVC，虽然也有@ModelAttribute可以使用但是明显感觉不方便。好吧，那就自己再造一个轮子吧。原理都知道，就是利用反射进行字段的赋值，下面贴代码主要类如下： import java.lang.reflect.Field; imp</div> </li> <li><a href="/article/740.htm" title="SAP HANA数据存储：传统硬盘的瓶颈问题" target="_blank">SAP HANA数据存储：传统硬盘的瓶颈问题</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/HANA/1.htm">HANA</a> <div>SAPHANA平台有各种各样的应用场景，这也意味着客户的实施方法有许多种选择，关键是如何挑选最适合他们需求的实施方案。在《Implementing SAP HANA》这本书中，介绍了SAP平台在现实场景中的运作原理，并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》，介绍了行存储和列存储的各自特点，以及SAP HANA的数据存储方式如何提升空间压</div> </li> <li><a href="/article/867.htm" title="Java Socket 多线程实现文件传输" target="_blank">Java Socket 多线程实现文件传输</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/socket/1.htm">socket</a> <div> 高级操作系统作业，让用Socket实现文件传输，有些代码也是在网上找的，写的不好，如果大家能用就用上。客户端类： package edu.logic.client; import java.io.BufferedInputStream; import java.io.Buffered</div> </li> <li><a href="/article/994.htm" title="java初学者路径" target="_blank">java初学者路径</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>学习Java有没有什么捷径?要想学好Java，首先要知道Java的大致分类。自从Sun推出Java以来，就力图使之无所不包，所以Java发展到现在，按应用来分主要分为三大块：J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版，主要用于桌面应用软件的编程；J2ME主要应用于嵌入是系统开发，如手机和PDA的编程；J2EE</div> </li> <li><a href="/article/1121.htm" title="APP推广" target="_blank">APP推广</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/APP/1.htm">APP</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%B9%BF/1.htm">推广</a> <div>一，免费篇 1，APP推荐类网站自主推荐最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖，还能获取最美应用的评测推荐。PS：推荐简单。只要产品有趣好玩，用户会自主分享传播。例如足迹APP在最美应用推荐一次，几天用户暴增将服务器击垮。 2，各大应用商店首发合作老实盯着排期，多给应用市场官方负责人献殷勤。 3，论坛贴吧推广百度知道，百度贴吧，猫扑论坛，天涯社区，豆瓣（</div> </li> <li><a href="/article/1248.htm" title="JSP转发与重定向" target="_blank">JSP转发与重定向</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a><a class="tag" taget="_blank" href="/search/jsp%E8%BD%AC%E5%8F%91/1.htm">jsp转发</a> <div> 在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向; 转发包括;forward和include 例子;forwrad转发; 将请求装法给reg.html页面关键代码; req.getRequestDispatcher("reg.html</div> </li> <li><a href="/article/1375.htm" title="web.xml之jsp-config" target="_blank">web.xml之jsp-config</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/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/jsp-config/1.htm">jsp-config</a> <div>1.作用：主要用于设定JSP页面的相关配置。 2.常见定义： <jsp-config> <taglib> <taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri> <taglib-location> TLD文件所在的位置 </div> </li> <li><a href="/article/1502.htm" title="JSF2.2 ViewScoped Using CDI" target="_blank">JSF2.2 ViewScoped Using CDI</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/CDI/1.htm">CDI</a><a class="tag" taget="_blank" href="/search/JSF+2.2/1.htm">JSF 2.2</a><a class="tag" taget="_blank" href="/search/ViewScoped/1.htm">ViewScoped</a> <div>JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w</div> </li> <li><a href="/article/1629.htm" title="【分布式数据一致性二】Zookeeper数据读写一致性" target="_blank">【分布式数据一致性二】Zookeeper数据读写一致性</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>很多文档说Zookeeper是强一致性保证，事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336 Zookeeper的数据同步协议 Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数，3台能够满足数据可靠性同时</div> </li> <li><a href="/article/1756.htm" title="Java开发笔记" target="_blank">Java开发笔记</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/java%E5%BC%80%E5%8F%91/1.htm">java开发</a> <div>1、Map<key,value>的remove方法只能识别相同类型的key值 Map<Integer,String> map = new HashMap<Integer,String>(); map.put(1,"a"); map.put(2,"b"); map.put(3,"c"</div> </li> <li><a href="/article/1883.htm" title="图片黑色阴影" target="_blank">图片黑色阴影</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/%E5%9B%BE%E7%89%87/1.htm">图片</a> <div> .event{ padding:0; width:460px; min-width: 460px; border:0px solid #e4e4e4; height: 350px; min-heig</div> </li> <li><a href="/article/2010.htm" title="编程之美-饮料供货-动态规划" target="_blank">编程之美-饮料供货-动态规划</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%A7%84%E5%88%92/1.htm">动态规划</a> <div> import java.util.Arrays; import java.util.Random; public class BeverageSupply { /** * 编程之美饮料供货 * 设Opt（V’，i）表示从i到n-1种饮料中，总容量为V’的方案中，满意度之和的最大值。 * 那么递归式就应该是：Opt（V’，i）=max{ k * Hi+Op</div> </li> <li><a href="/article/2137.htm" title="ajax大参数（大数据）提交性能分析" target="_blank">ajax大参数（大数据）提交性能分析</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</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/prototype/1.htm">prototype</a> <div>近期在项目中发现如下一个问题项目中有个提交现场事件的功能，该功能主要是在web客户端保存现场数据（主要有截屏，终端日志等信息）然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢，大概要等10到20秒的时间浏览器才能操作，期间页面不响应事件。根据客户描述分析了下的代码流程，很简单，主要通过OCX控件截屏，在将前端的日志等文件使用OCX控件打包，在将之转换为</div> </li> <li><a href="/article/2264.htm" title="[宇宙与天文]在太空采矿,在太空建造" target="_blank">[宇宙与天文]在太空采矿,在太空建造</a> <span class="text-muted">comsci</span> <div> 我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大.... 地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没</div> </li> <li><a href="/article/2391.htm" title="ORACLE中CONSTRAINT的四对属性" target="_blank">ORACLE中CONSTRAINT的四对属性</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/CONSTRAINT/1.htm">CONSTRAINT</a> <div>ORACLE中CONSTRAINT的四对属性 summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如</div> </li> <li><a href="/article/2518.htm" title="Gradle入门教程" target="_blank">Gradle入门教程</a> <span class="text-muted">dengkane</span> <a class="tag" taget="_blank" href="/search/gradle/1.htm">gradle</a> <div>一、寻找gradle的历程一开始的时候，我们只有一个工程，所有要用到的jar包都放到工程目录下面，时间长了，工程越来越大，使用到的jar包也越来越多，难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里，靠ide来管理工程之间的依赖关系，各工程下的jar包依赖是杂乱的。一段时间后，我们发现用ide来管理项程很不方便，比如不方便脱离ide自动构建，于是我们写自己的ant脚本。再后</div> </li> <li><a href="/article/2645.htm" title="C语言简单循环示例" target="_blank">C语言简单循环示例</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div># include <stdio.h> int main(void) { int i; int count = 0; int sum = 0; float avg; for (i=1; i<=100; i++) { if (i%2==0) { count++; sum += i; } } avg</div> </li> <li><a href="/article/2772.htm" title="presentModalViewController 的动画效果" target="_blank">presentModalViewController 的动画效果</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/controller/1.htm">controller</a> <div>系统自带(四种效果)： presentModalViewController模态的动画效果设置： [cpp] view plain copy UIViewController *detailViewController = [[UIViewController al</div> </li> <li><a href="/article/2899.htm" title="java 二分查找" target="_blank">java 二分查找</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%88%86%E6%9F%A5%E6%89%BE/1.htm">二分查找</a><a class="tag" taget="_blank" href="/search/java%E4%BA%8C%E5%88%86%E6%9F%A5%E6%89%BE/1.htm">java二分查找</a> <div>需求：在排好顺序的一串数字中，找到数字T 一般解法：从左到右扫描数据，其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。 /** * * @param array * 顺序数组 * @param t * 要查找对象 * @return */ public stati</div> </li> <li><a href="/article/3026.htm" title="Spring Security（07）——缓存UserDetails" target="_blank">Spring Security（07）——缓存UserDetails</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a> <div> Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类，CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时，其首先会从缓存中获取，如果缓存中没</div> </li> <li><a href="/article/3153.htm" title="Dozer 深层次复制" target="_blank">Dozer 深层次复制</a> <span class="text-muted">jayluns</span> <a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a> <div>最近在做项目上遇到了一些小问题，因为架构在做设计的时候web前段展示用到了vo层，而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层，每一次都需要从po-->转化到vo层，用到BeanUtils.copyProperties(source, target)只能复制简单的属性，因为实体类都配置了hibernate那些关联关系，所以它满足不了现在的需求，但后发现还有个很</div> </li> <li><a href="/article/3280.htm" title="CSS规范整理（摘自懒人图库）" target="_blank">CSS规范整理（摘自懒人图库）</a> <span class="text-muted">a409435341</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a> <div> 刚没事闲着在网上瞎逛，找了一篇CSS规范整理，粗略看了一下后还蛮有一定的道理，并自问是否有这样的规范，这也是初入前端开发的人一个很好的规范吧。一、文件规范 1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core </div> </li> <li><a href="/article/3407.htm" title="C++动态链接库创建与使用" target="_blank">C++动态链接库创建与使用</a> <span class="text-muted">你不认识的休道人</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/dll/1.htm">dll</a> <div>一、创建动态链接库 1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked"，完成 2.在test.h中添加 extern “C” 返回类型 _declspec(dllexport)函数名(参数列表); 3.在test.cpp中最后写 extern “C” 返回类型 _decls</div> </li> <li><a href="/article/3534.htm" title="Android代码混淆之ProGuard" target="_blank">Android代码混淆之ProGuard</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/ProGuard/1.htm">ProGuard</a> <div>Android应用的Java代码，通过反编译apk文件（dex2jar、apktool）很容易得到源代码，所以在release版本的apk中一定要混淆一下一些关键的Java源码。 ProGuard是一个开源的Java代码混淆器（obfuscation）。ADT r8开始它被默认集成到了Android SDK中。官网： http://proguard.sourceforge.net/</div> </li> <li><a href="/article/3661.htm" title="程序员在编程中遇到的奇葩弱智问题" target="_blank">程序员在编程中遇到的奇葩弱智问题</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div>　　现在收集一下：　　排名不分先后，按照发言顺序来的。 1、Jquery插件一个通用函数一直报错，尤其是很明显是存在的函数，很有可能就是你没有引入jquery。。。或者版本不对 2、调试半天没变化：不在同一个文件中调试。这个很可怕，我们很多时候会备份好几个项目，改完发现改错了。有个群友说的好：在汤匙</div> </li> <li><a href="/article/3788.htm" title="解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported" target="_blank">解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/dependency/1.htm">dependency</a> <div>解决办法：在plugins之前添加如下pluginManagement，二者前后顺序如下： [html] view plain copy <build> <pluginManagement</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>