程序员～小鱼儿

HTML，CSS，javascript，tomcat、Servlet

HTML：

是：一门超文本标记语言;

作用：用于展示数据;

组成：html根标签，下面包含了一个head头标签和body身标签；

快速入门：

1.直接利用idea提供的模版创建html文件;

2.修改标签的内容,用于显示标签;<a href="http://img.e-com-net.com/image/info8/bc7b087419254f308b765127b10b2673.jpg" target="_blank"><img alt="" height="90" src="http://img.e-com-net.com/image/info8/bc7b087419254f308b765127b10b2673.jpg" width="280"></a></p> <p></p> <p> 3.直接在<body>标签中写内容即可;<a href="http://img.e-com-net.com/image/info8/99892a8b1ff54dd1aca263da68ff9a74.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第1张图片" height="134" src="http://img.e-com-net.com/image/info8/99892a8b1ff54dd1aca263da68ff9a74.jpg" width="415" style="border:1px solid black;"></a></p> <p><span style="color:#0d0016;"><span style="background-color:#ad720d;"> 语法格式： </span></span></p> <p> 1.html文件的后缀名必须是 .html或.htm </p> <p> 2.html中的每个标签都是w3c提前固定好的;</p> <p> 3.每个标签都有开始和闭合标签,也可以合并,称为自闭合标签;</p> <p> 4.标签名不区分大小写.,建议小写;</p> <p> 5.html语法不严谨; </p> <p><span style="color:#0d0016;"><span style="background-color:#ad720d;"> 常见标签：</span></span><a href="http://img.e-com-net.com/image/info8/5976af8ddd8a41c693532f1e3702ded0.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第2张图片" height="190" src="http://img.e-com-net.com/image/info8/5976af8ddd8a41c693532f1e3702ded0.jpg" width="636" style="border:1px solid black;"></a> </p> <p><span style="color:#0d0016;"><span style="background-color:#ad720d;"> 特殊符号：</span></span><a href="http://img.e-com-net.com/image/info8/e0b0f39afe7047b79cd83fd766dd0d20.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第3张图片" height="153" src="http://img.e-com-net.com/image/info8/e0b0f39afe7047b79cd83fd766dd0d20.jpg" width="650" style="border:1px solid black;"></a></p> <p> 图片标签：<img> 定义图片</p> <p> 1.src：规定显示图像的URL（统一资源定位符） </p> <p> 2.height：定义图像的高度</p> <p> 3.width：定义图像的宽度</p> <p> <a href="http://img.e-com-net.com/image/info8/514ad8a7f2ab470fba5279ab399d9622.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第4张图片" height="138" src="http://img.e-com-net.com/image/info8/514ad8a7f2ab470fba5279ab399d9622.jpg" width="571" style="border:1px solid black;"></a></p> <p> 音频标签：<audio> 定义音频，支持的音频格式：MPS、WAV、OGG</p> <p> 1.src：规定音频的URL<img alt="" height="24" src="http://img.e-com-net.com/image/info8/629a279e4c554acbbd32f62437893117.jpg" width="440"></p> <p> 2.controls：显示播放控件</p> <p> 视频标签：<video> 定义视频。支持的音频格式：MP4、WebM、OGG</p> <p> 1.src：规定视频的URL<img alt="" height="27" src="http://img.e-com-net.com/image/info8/ab6ae72c15aa4b5b996741d2c54fa5ad.jpg" width="563"></p> <p> 2.controls：显示播放控件</p> <p> 超链接：可以点击后进行跳转；使用a标签表示，</p> <p> 里面可以通过href属性指定跳转的位置， </p> <p> 可以是相对路径，也可以是网络中的路径，</p> <p> 但是如果是网络中的路径需要加：http：//前缀；</p> <p> <a href="http://img.e-com-net.com/image/info8/e531c9e160014fe49da6715670b3996d.png" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第5张图片" height="115" src="http://img.e-com-net.com/image/info8/e531c9e160014fe49da6715670b3996d.png" width="629" style="border:1px solid black;"></a></p> <p> 列表：<a href="http://img.e-com-net.com/image/info8/baa6ec3f96bd4f3f956dff015f38631a.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第6张图片" height="357" src="http://img.e-com-net.com/image/info8/baa6ec3f96bd4f3f956dff015f38631a.jpg" width="650" style="border:1px solid black;"></a></p> <h3><span style="color:#0d0016;"><span style="background-color:#ad720d;">javascript ：</span> </span> </h3> <p><span style="color:#0d0016;"><span style="background-color:#ad720d;"> JavaScript常用对象：</span></span> </p> <p>，CSS，javascript，tomcat</p> <h3><span style="color:#0d0016;"><span style="background-color:#1c7331;">Servlet： </span></span></h3> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 是：</span></span>servlet 是运行在 Web 服务器中的<span style="color:#0d0016;"><span style="background-color:#6eaad7;">小型 Java 程序</span></span>。相当于程序员写好的servlet交给web服务器软件, web服务器软件负责<span style="color:#0d0016;"><span style="background-color:#6eaad7;">创建这个servlet类</span></span>的对象,并且帮我们调用<span style="color:#0d0016;"><span style="background-color:#6eaad7;">servlet类中</span></span>的<span style="color:#0d0016;"><span style="background-color:#6eaad7;">方法</span></span>!同时<span style="color:#0d0016;"><span style="background-color:#6eaad7;">servlet是一个接口</span></span>! </p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 编写一个servlet类：</span></span></p> <p> 方式1:我们自定义的<span style="background-color:#6eaad7;">类</span>实现<span style="color:#0d0016;"><span style="background-color:#6eaad7;">servlet接口,</span></span>重写里面所有的方法;</p> <p> (不推荐,因为需要处理的事情太多)</p> <p> 方式2: 我们自定义的<span style="color:#0d0016;"><span style="background-color:#6eaad7;">类继承</span></span>HttpServlet,重写里面的两个方法，</p> <p> <span style="color:#0d0016;"><span style="background-color:#6eaad7;">doGet</span></span>和<span style="color:#0d0016;"><span style="background-color:#6eaad7;">doPost</span></span>,这两个方法,就可以专门针对浏览器的</p> <p> <span style="color:#0d0016;"><span style="background-color:#6eaad7;">get请求和post请求</span></span>进行处理! </p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 代码步骤：完成tomcat之后</span></span></p> <p><span style="color:#0d0016;"> 1.</span>在pom.xml文件中引入servlet坐标;</p> <p><span style="color:#0d0016;"> </span>(由于所有的web服务器内部都有servlet的jar包,为了避免冲突,</p> <p> 我们需要给maven引入的servlet坐标设置编译级别)</p> <p> <a href="http://img.e-com-net.com/image/info8/82fd8e0658164378abad2fc4ac708e89.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第7张图片" height="308" src="http://img.e-com-net.com/image/info8/82fd8e0658164378abad2fc4ac708e89.jpg" width="505" style="border:1px solid black;"></a></p> <p><span style="color:#0d0016;"> </span>2.自定义的类继承HttpServlet,重写里面的两个方法,doGet和doPost </p> <p> 3.需要给servlet指定一个访问路径; </p> <p> <a href="http://img.e-com-net.com/image/info8/8989d67a85d84da39b473c83d38fc1ac.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第8张图片" height="403" src="http://img.e-com-net.com/image/info8/8989d67a85d84da39b473c83d38fc1ac.jpg" width="593" style="border:1px solid black;"></a></p> <p> 4.配置xml：</p> <p> <a href="http://img.e-com-net.com/image/info8/acaeeb9575d743a9ae9165452ef671d2.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第9张图片" height="124" src="http://img.e-com-net.com/image/info8/acaeeb9575d743a9ae9165452ef671d2.jpg" width="535" style="border:1px solid black;"></a></p> <p> 5.再配置pom.xml，html</p> <p> <a href="http://img.e-com-net.com/image/info8/bf5851ebada84e2e95492e5f80087404.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第10张图片" height="290" src="http://img.e-com-net.com/image/info8/bf5851ebada84e2e95492e5f80087404.jpg" width="650" style="border:1px solid black;"></a></p> <p> 写成 80和取消/day10，在熟悉之后可以这样写，</p> <p> 访问的时候路径地址栏就不会再显示</p> <p> 6.运行：<a href="http://img.e-com-net.com/image/info8/71439c0556cc4c029a778404bdac766e.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第11张图片" height="197" src="http://img.e-com-net.com/image/info8/71439c0556cc4c029a778404bdac766e.jpg" width="446" style="border:1px solid black;"></a></p> <p> 7.修改Servlet模板： </p> <p> <a href="http://img.e-com-net.com/image/info8/404835de1e414327b0a80cda0180f99d.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第12张图片" height="351" src="http://img.e-com-net.com/image/info8/404835de1e414327b0a80cda0180f99d.jpg" width="650" style="border:1px solid black;"></a></p> <h3><span style="color:#0d0016;"><span style="background-color:#1c7331;">Request： javaWeb是属于javaEE了，查javaEE的api</span></span></h3> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 是：</span></span>一个接口，表示的是浏览器给服务器请求的时候，把所有的请求装成一个对象！</p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 作用：</span></span>程序员可以在servlet的doGat方法或doPost方法中，通过这个对象，获取用户请求相关的一切消息！</p> <p><span style="background-color:#1c7331;"> <span style="color:#0d0016;"> request对象的生命周期：</span></span> 是由<span style="color:#0d0016;"><span style="background-color:#6eaad7;">web服务器</span></span>负责创建该对象，<span style="color:#0d0016;"><span style="background-color:#6eaad7;">并且在调用</span></span>servlet中的<span style="color:#0d0016;"><span style="background-color:#6eaad7;">doGet方法或doPost</span></span>方法的时候，将这个对象，传递过去；每次当<span style="color:#0d0016;"><span style="background-color:#6eaad7;">浏览器</span></span>给<span style="color:#0d0016;"><span style="background-color:#6eaad7;">服务器</span></span>发送请求的时候，web服务器都会<span style="color:#0d0016;"><span style="background-color:#6eaad7;">创建</span></span>出一个<span style="color:#0d0016;"><span style="background-color:#6eaad7;">request对象</span></span>；当这次<span style="color:#0d0016;"><span style="background-color:#6eaad7;">请求得到服务器</span></span>的响应后，该request对象就会死亡！ </p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 获取浏览器传递的参数：</span></span></p> <p> <span style="color:#0d0016;"><span style="background-color:#1c7331;">1.getParameter(key);获取单个值</span></span></p> <p> <span style="background-color:#1c7331;"> </span><span style="color:#0d0016;"><span style="background-color:#1c7331;">2.getParameterValuse(key);获取数组值；</span></span></p> <p> <span style="color:#0d0016;"><span style="background-color:#1c7331;"> 3.getParameterMap();获取所有的键值对参数；</span></span></p> <p> <a href="http://img.e-com-net.com/image/info8/45ec45d808f042098c0faa42905b86e0.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第13张图片" height="330" src="http://img.e-com-net.com/image/info8/45ec45d808f042098c0faa42905b86e0.jpg" width="650" style="border:1px solid black;"></a> <a href="http://img.e-com-net.com/image/info8/f4d967876d914d5d83ca9c5c421140df.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第14张图片" height="415" src="http://img.e-com-net.com/image/info8/f4d967876d914d5d83ca9c5c421140df.jpg" width="650" style="border:1px solid black;"></a><span style="color:#0d0016;"><span style="background-color:#1c7331;">请求转发：</span></span></p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 是：</span></span>服务器的一个<span style="color:#0d0016;"><span style="background-color:#1c7331;">内部跳转</span></span>的行为，对于浏览器来说，浏览器只发出了1次请求，且得到1次响应；</p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 作用：</span></span>让多个<span style="color:#0d0016;"><span style="background-color:#1c7331;">servlet</span></span>对本次请求作出处理；</p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 代码实现：</span></span>reques.getRequesDispatcher("/转发资源").forward(request,reponse);</p> <p> getRequestDispatcher表示获取<span style="color:#0d0016;"><span style="background-color:#6eaad7;">转发器</span></span>，需要指定资源路径，不带虚拟目录;(在<span style="color:#0d0016;"><span style="background-color:#1c7892;">t</span><span style="background-color:#6eaad7;">omcat中</span></span>配置的路径)</p> <p> forward表示<span style="color:#0d0016;"><span style="background-color:#6eaad7;">转发</span></span>的动作，需要把原始的请<span style="color:#0d0016;">求<span style="background-color:#6eaad7;">对象和响应</span></span>请求交给<span style="color:#0d0016;"><span style="background-color:#6eaad7;">指定的资源</span></span> </p> <p> <a href="http://img.e-com-net.com/image/info8/5daf1dd5d3c04664b5cb1a832cf95508.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第15张图片" height="496" src="http://img.e-com-net.com/image/info8/5daf1dd5d3c04664b5cb1a832cf95508.jpg" width="573" style="border:1px solid black;"></a></p> <p> </p> <p><span style="color:#0d0016;"><span style="background-color:#98c091;"> 请求乱码问题：</span></span>get请求乱码有两种解决方法：1.tomcat8以后不用管内部已经解决了 </p> <p> 2.tomcat7pom.xml里面<a href="http://img.e-com-net.com/image/info8/987fda50303144029b36eaf1c8bd4cd6.jpg" target="_blank"><img alt="" height="44" src="http://img.e-com-net.com/image/info8/987fda50303144029b36eaf1c8bd4cd6.jpg" width="362"></a></p> <p> post请求乱码解决方法：<a href="http://img.e-com-net.com/image/info8/6887adf4d6fb43fc977084edb87afdb4.jpg" target="_blank"><img alt="" height="85" src="http://img.e-com-net.com/image/info8/6887adf4d6fb43fc977084edb87afdb4.jpg" width="422"></a></p> <p> </p> <p> </p> <h3><span style="color:#0d0016;"><span style="background-color:#1c7331;">Response：</span></span></h3> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 是：</span>表示的是一个<span style="background-color:#1c7331;">响应</span>对象，<span style="background-color:#6eaad7;">服务器</span>想对<span style="background-color:#79c6cd;">浏览器响应</span>的一切消息，都会封装到这个对象中；</span></p> <p><span style="color:#0d0016;"> 在<span style="background-color:#6eaad7;">浏览器</span>每次发送请求的时候，<span style="background-color:#6eaad7;">web服务器</span>都会创建出一个response对象；</span></p> <p><span style="color:#0d0016;"> 当这次请求得到服务器的<span style="background-color:#6eaad7;">响应后</span>，该response对象就会死亡！</span></p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 作用：</span>让程序员通过该对象，控制给浏览器响应的内容；</span></p> <p><span style="color:#0d0016;"> <span style="background-color:#6eaad7;">Response设置响应数据的功能介绍</span></span></p> <p><span style="color:#0d0016;"> <span style="background-color:#6eaad7;">Response完成重定向</span></span></p> <p><span style="color:#0d0016;"> <span style="background-color:#6eaad7;">Response响应字符数据：</span><span style="background-color:#1c7331;">响应字符数据使用</span><span style="background-color:#9c8ec1;">字符输出流</span><span style="background-color:#faa572;">PrintWriter getWriter();</span></span></p> <p><span style="color:#0d0016;"> <span style="background-color:#6eaad7;">Response响应字节数据：</span><span style="background-color:#1c7331;">响应字节数据使用</span><span style="background-color:#9c8ec1;">字节输出流</span><span style="background-color:#faa572;">SevletOutputStream getOutputStream();</span></span></p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 如何响应数据：</span><span style="background-color:#6eaad7;">响应字符数据使用</span><span style="background-color:#9c8ec1;">字符输出流</span><span style="background-color:#6eaad7;">，响应字节数据：使用</span><span style="background-color:#9c8ec1;">字节输出流</span></span></p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 如何获取字符输出流：</span><span style="background-color:#faa572;">PrintWriter getWriter();</span></span></p> <p><span style="color:#0d0016;"><span style="background-color:#faa572;"> </span></span><a href="http://img.e-com-net.com/image/info8/2b42e504f9e047da834f3b697ab977c5.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第16张图片" height="150" src="http://img.e-com-net.com/image/info8/2b42e504f9e047da834f3b697ab977c5.jpg" width="581" style="border:1px solid black;"></a></p> <p> <a href="http://img.e-com-net.com/image/info8/ad282257bf2e4bf2b5f36cabea7ff7bf.jpg" target="_blank"><img alt="HTML，CSS，javascript，tomcat、Servlet_第17张图片" height="234" src="http://img.e-com-net.com/image/info8/ad282257bf2e4bf2b5f36cabea7ff7bf.jpg" width="650" style="border:1px solid black;"></a> </p> <p> </p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 如何获取字节</span></span><span style="color:#0d0016;"><span style="background-color:#1c7331;">输出流：</span><span style="background-color:#faa572;">SevletOutputStream getOutputStream();</span></span></p> <p><span style="color:#0d0016;"><span style="background-color:#faa572;"> </span></span></p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 重定向是</span></span><span style="color:#0d0016;"><span style="background-color:#1c7331;">：</span><span style="background-color:#a5a5a5;">告诉浏览器，你的请求，我处理不了，我给你指定一个位置，你去哪里办理即可</span></span></p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 与转发的区别：</span>1.转发对于浏览器来说，一共发了1次请求，得到了1次响应，</span></p> <p><span style="color:#0d0016;"> 而重定向，对于浏览器来说，发出了两次请求，得到了2次响应；</span></p> <p><span style="color:#0d0016;"> 2.对于服务器来说，转发是服务器的内部行为，所以路径上不带虚拟目录，</span></p> <p><span style="color:#0d0016;"> 而重定向对于服务器来说是外部的访问行为，所以路径中需要带虚拟目录</span></p> <p><span style="color:#0d0016;"> 3.转发只能是服务器内部的资源跳转，重定向可以是任意位置；</span><span style="color:#0d0016;"> </span></p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 代码实现：</span><span style="background-color:#f9eda6;">//重定向的代码可以动态获取tomcat配置的虚拟目录getServletContext().getContextPath()</span></span></p> <p> <span style="color:#0d0016;"><span style="background-color:#a5a5a5;">response.sendRedirect(getServletContext().getContextPath +"/resp2");</span></span></p> <p><span style="background-color:#1c7331;"> <span style="color:#0d0016;"> 访问路径总结：</span></span>1.凡是从浏览器发起的路径，给服务器发请求，都需要带虚拟目录(就是tomcat配置的路径)</p> <p> 例如：html页面，from表单的action，超链接href，图片的src，重定向！</p> <p> 2.凡是服务器内部的路径(转发)，都不需要带虚拟目录；</p> <p><span style="color:#0d0016;"><span style="background-color:#1c7331;"> 给浏览器响应字节数据：</span>直接利用io流的技术操作即可；</span></p> <p><span style="color:#0d0016;"> 1.面向过程，知已使用io流操作；（只负责给浏览器写数据，浏览器会自动读数据）</span></p> <p><span style="color:#0d0016;"> 2.面向commons-io工具，利用工具一步到位； </span></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p> <p><span style="background-color:#1c7331;"> </span> </p> <h3><span style="color:#0d0016;"><span style="background-color:#1a439c;"> JSON: </span></span></h3> <p> 是：JSON可以简单理解为就是一个特殊格式的字符串，在java语言中，按JSON的语法格式要求，将数组组装起来，通过网络响应给浏览器之后，浏览器可以通过js对JSON字符串进行解析，得到原始数据，并利用DOM对象操作页面即可做到页面动态显示；网络中数据传输的载体的一种格式</p> <p> 作用：配合异步交互的技术，实现对html页面上的内容，动态展示；</p> <p> 异步交互与同步交互：</p> <p> 同步交互就是浏览器给服务器发送请求之后，只要服务器还没有处理完请求，浏览器始终处于等待状态，无法进行其他操作；异步交互就是当与浏览器给服务器发送请求之后，服务器在请求的过程中，浏览器依然可以进行其他的操作，相当于java中的多线程的效果；(局部刷新) </p> <p> JSON的语法格式：本质就是一个字符串，要求键值对数据都使用{}包裹起来，键使用双引号引起来，值是数字， boolean可以直接写，其他类型也使用双引号引起来</p> <p> 在js中定义json：let 变量名 = {"键1",:"值1","键2":"值2"}</p> <p> </p> <p></p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1642561897020579840"></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">你可能感兴趣的:(tomcat,html,css)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835509770287673344.htm" title="swagger访问路径" target="_blank">swagger访问路径</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a> <div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div> </li> <li><a href="/article/1835508130608410624.htm" title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a> <span class="text-muted">某公司摸鱼前端</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div> </li> <li><a href="/article/1835499615491813376.htm" title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a> <span class="text-muted">彩云飘过</span> <div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div> </li> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动" target="_blank">HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835493267907637248.htm" title="webpack图片等资源的处理" target="_blank">webpack图片等资源的处理</a> <span class="text-muted">dmengmeng</span> <div>需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p</div> </li> <li><a href="/article/1835435506645692416.htm" title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a> <span class="text-muted">有一只柴犬</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div> </li> <li><a href="/article/1835435141535723520.htm" title="详解：如何设计出健壮的秒杀系统？" target="_blank">详解：如何设计出健壮的秒杀系统？</a> <span class="text-muted">夜空_2cd3</span> <div>作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*</div> </li> <li><a href="/article/1835403246865313792.htm" title="斟一小组鸡血视频" target="_blank">斟一小组鸡血视频</a> <span class="text-muted">和自己一起成长</span> <div>http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa</div> </li> <li><a href="/article/1835395039572881408.htm" title="Dockerfile命令详解之 FROM" target="_blank">Dockerfile命令详解之 FROM</a> <span class="text-muted">清风怎不知意</span> <a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E5%8C%96/1.htm">容器化</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用</div> </li> <li><a href="/article/1835389111658180608.htm" title="《HTML 与 CSS—— 响应式设计》" target="_blank">《HTML 与 CSS—— 响应式设计》</a> <span class="text-muted">陈在天box</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在</div> </li> <li><a href="/article/1835387977480630272.htm" title="【C语言】- 自定义类型：结构体、枚举、联合" target="_blank">【C语言】- 自定义类型：结构体、枚举、联合</a> <span class="text-muted">Cavalier_01</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a> <div>【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523</div> </li> <li><a href="/article/1835382685745377280.htm" title="html+css网页设计旅游网站首页1个页面" target="_blank">html+css网页设计旅游网站首页1个页面</a> <span class="text-muted">html+css+js网页设计</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a> <div>html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击</div> </li> <li><a href="/article/1835379153730367488.htm" title="spring mvc @RequestBody String类型参数" target="_blank">spring mvc @RequestBody String类型参数</a> <span class="text-muted">zoyation</span> <a class="tag" taget="_blank" href="/search/spring-mvc/1.htm">spring-mvc</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a> <div>通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ</div> </li> <li><a href="/article/1835377684025274368.htm" title="ubuntu安装opencv最快的方法" target="_blank">ubuntu安装opencv最快的方法</a> <span class="text-muted">Derek重名了</span> <div>最快方法，当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来，非常快非常容易参考：https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html</div> </li> <li><a href="/article/1835376759739084800.htm" title="处理标签包裹的字符串，并取出前250字符" target="_blank">处理标签包裹的字符串，并取出前250字符</a> <span class="text-muted">周bro</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>//假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do</div> </li> <li><a href="/article/1835376505543290880.htm" title="css设置当字数超过限制后以省略号（...）显示" target="_blank">css设置当字数超过限制后以省略号（...）显示</a> <span class="text-muted">周bro</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin</div> </li> <li><a href="/article/1835373236217540608.htm" title="360前端星计划-动画可以这么玩" target="_blank">360前端星计划-动画可以这么玩</a> <span class="text-muted">马小蜗</span> <div>动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能</div> </li> <li><a href="/article/1835372727582683136.htm" title="h5小游戏定制开发" target="_blank">h5小游戏定制开发</a> <span class="text-muted">红匣子实力推荐</span> <div>随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台</div> </li> <li><a href="/article/1835362025719558144.htm" title="css2中的透明" target="_blank">css2中的透明</a> <span class="text-muted">琪33</span> <div>.out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}</div> </li> <li><a href="/article/1835359727924637696.htm" title="Nginx从入门到实践(三)" target="_blank">Nginx从入门到实践(三)</a> <span class="text-muted">听你讲故事啊</span> <div>动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin</div> </li> <li><a href="/article/1835354700392787968.htm" title="Nginx的使用场景：构建高效、可扩展的Web架构" target="_blank">Nginx的使用场景：构建高效、可扩展的Web架构</a> <span class="text-muted">张某布响丸辣</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin</div> </li> <li><a href="/article/1835354447627251712.htm" title="前端知识点" target="_blank">前端知识点</a> <span class="text-muted">ZhangTao_zata</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage</div> </li> <li><a href="/article/1835349024102772736.htm" title="非关系型数据库" target="_blank">非关系型数据库</a> <span class="text-muted">天秤-white</span> <a class="tag" taget="_blank" href="/search/nosql/1.htm">nosql</a> <div>一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大，单个数据库完全足够。那时候更多使用的静态网页html，服务器根本没有太大压力。这时候网站的瓶颈是什么？-数据量如果太大，一个机器放不下。-数据量太大需要建立数据的索引（B+Tree），一个服务器内存放不下。-访问量读写混合，一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分（读写分离）。网站80%</div> </li> <li><a href="/article/1835342718067372032.htm" title="Python精选200Tips：121-125" target="_blank">Python精选200Tips：121-125</a> <span class="text-muted">AnFany</span> <a class="tag" taget="_blank" href="/search/Python200%2BTips/1.htm">Python200+Tips</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>Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例</div> </li> <li><a href="/article/1835340577596600320.htm" title="前端CSS面试常见题" target="_blank">前端CSS面试常见题</a> <span class="text-muted">剑亦未配妥</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子</div> </li> <li><a href="/article/1835333268375957504.htm" title="爬虫技术抓取网站数据" target="_blank">爬虫技术抓取网站数据</a> <span class="text-muted">Bearjumpingcandy</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文</div> </li> <li><a href="/article/1835316434805288960.htm" title="七.正则化" target="_blank">七.正则化</a> <span class="text-muted">愿风去了</span> <div>吴恩达机器学习之正则化（Regularization）http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活，但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上，模</div> </li> <li><a href="/article/1835296397365178368.htm" title="创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几" target="_blank">创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几</a> <span class="text-muted">uthRaman</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=</div> </li> <li><a href="/article/22.htm" title="redis学习笔记——不仅仅是存取数据" target="_blank">redis学习笔记——不仅仅是存取数据</a> <span class="text-muted">Everyday都不同</span> <a class="tag" taget="_blank" href="/search/returnSource/1.htm">returnSource</a><a class="tag" taget="_blank" href="/search/expire%2Fdel/1.htm">expire/del</a><a class="tag" taget="_blank" href="/search/incr%2Flpush/1.htm">incr/lpush</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E5%88%86%E5%8C%BA/1.htm">数据库分区</a><a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>最近项目中用到比较多redis，感觉之前对它一直局限于get/set数据的层面。其实作为一个强大的NoSql数据库产品，如果好好利用它，会带来很多意想不到的效果。（因为我搞java，所以就从jedis的角度来补充一点东西吧。PS：不一定全，只是个人理解，不喜勿喷） 1、关于JedisPool.returnSource(Jedis jeids) 这个方法是从red</div> </li> <li><a href="/article/149.htm" title="SQL性能优化-持续更新中。。。。。。" target="_blank">SQL性能优化-持续更新中。。。。。。</a> <span class="text-muted">atongyeye</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>1 通过ROWID访问表--索引你可以采用基于ROWID的访问方式情况,提高访问表的效率, , ROWID包含了表中记录的物理位置信息..ORACLE采用索引(INDEX)实现了数据和存放数据的物理位置(ROWID)之间的联系. 通常索引提供了快速访问ROWID的方法,因此那些基于索引列的查询就可以得到性能上的提高. 2 共享SQL语句--相同的sql放入缓存 3 选择最有效率的表</div> </li> <li><a href="/article/276.htm" title="[JAVA语言]JAVA虚拟机对底层硬件的操控还不完善" target="_blank">[JAVA语言]JAVA虚拟机对底层硬件的操控还不完善</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/JAVA%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">JAVA虚拟机</a> <div> 如果我们用汇编语言编写一个直接读写CPU寄存器的代码段，然后利用这个代码段去控制被操作系统屏蔽的硬件资源，这对于JVM虚拟机显然是不合法的，对操作系统来讲，这样也是不合法的，但是如果是一个工程项目的确需要这样做，合同已经签了，我们又不能够这样做，怎么办呢？那么一个精通汇编语言的那种X客，是否在这个时候就会发生某种至关重要的作用呢？ &n</div> </li> <li><a href="/article/403.htm" title="lvs- real" target="_blank">lvs- real</a> <span class="text-muted">男人50</span> <a class="tag" taget="_blank" href="/search/LVS/1.htm">LVS</a> <div>#!/bin/bash # # Script to start LVS DR real server. # description: LVS DR real server # #. /etc/rc.d/init.d/functions VIP=10.10.6.252 host='/bin/hostname' case "$1" in sta</div> </li> <li><a href="/article/530.htm" title="生成公钥和私钥" target="_blank">生成公钥和私钥</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/DSA/1.htm">DSA</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E5%8A%A0%E5%AF%86/1.htm">安全加密</a> <div>package com.msserver.core.util; import java.security.KeyPair; import java.security.PrivateKey; import java.security.PublicKey; import java.security.SecureRandom; public class SecurityUtil { </div> </li> <li><a href="/article/657.htm" title="UIView 中加入的cocos2d，背景透明" target="_blank">UIView 中加入的cocos2d，背景透明</a> <span class="text-muted">374016526</span> <a class="tag" taget="_blank" href="/search/cocos2d/1.htm">cocos2d</a><a class="tag" taget="_blank" href="/search/glClearColor/1.htm">glClearColor</a> <div>要点是首先pixelFormat:kEAGLColorFormatRGBA8，必须有alpha层才能透明。然后view设置为透明glView.opaque = NO;[director setOpenGLView:glView];[self.viewController.view setBackgroundColor:[UIColor clearColor]];[self.viewControll</div> </li> <li><a href="/article/784.htm" title="mysql常用命令" target="_blank">mysql常用命令</a> <span class="text-muted">香水浓</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>连接数据库 mysql -u troy -ptroy 备份表 mysqldump -u troy -ptroy mm_database mm_user_tbl > user.sql 恢复表（与恢复数据库命令相同） mysql -u troy -ptroy mm_database < user.sql 备份数据库 mysqldump -u troy -ptroy</div> </li> <li><a href="/article/911.htm" title="我的架构经验系列文章 - 后端架构 - 系统层面" target="_blank">我的架构经验系列文章 - 后端架构 - 系统层面</a> <span class="text-muted">agevs</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>系统层面：高可用性所谓高可用性也就是通过避免单独故障加上快速故障转移实现一旦某台物理服务器出现故障能实现故障快速恢复。一般来说，可以采用两种方式，如果可以做业务可以做负载均衡则通过负载均衡实现集群，然后针对每一台服务器进行监控，一旦发生故障则从集群中移除；如果业务只能有单点入口那么可以通过实现Standby机加上虚拟IP机制，实现Active机在出现故障之后虚拟IP转移到Standby的快速</div> </li> <li><a href="/article/1038.htm" title="利用ant进行远程tomcat部署" target="_blank">利用ant进行远程tomcat部署</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>在javaEE项目中，需要将工程部署到远程服务器上，如果部署的频率比较高，手动部署的方式就比较麻烦，可以利用Ant工具实现快捷的部署。这篇博文详细介绍了ant配置的步骤（http://www.cnblogs.com/GloriousOnion/archive/2012/12/18/2822817.html），但是在tomcat7以上不适用，需要修改配置，具体如下： 1.配置tomcat的用户角色</div> </li> <li><a href="/article/1165.htm" title="获取复利总收入" target="_blank">获取复利总收入</a> <span class="text-muted">baalwolf</span> <a class="tag" taget="_blank" href="/search/%E8%8E%B7%E5%8F%96/1.htm">获取</a> <div> public static void main(String args[]){ int money=200; int year=1; double rate=0.1; &</div> </li> <li><a href="/article/1292.htm" title="eclipse.ini解释" target="_blank">eclipse.ini解释</a> <span class="text-muted">BigBird2012</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a> <div>大多数java开发者使用的都是eclipse，今天感兴趣去eclipse官网搜了一下eclipse.ini的配置，供大家参考，我会把关键的部分给大家用中文解释一下。还是推荐有问题不会直接搜谷歌，看官方文档，这样我们会知道问题的真面目是什么，对问题也有一个全面清晰的认识。 Overview 1、Eclipse.ini的作用 Eclipse startup is controlled by th</div> </li> <li><a href="/article/1419.htm" title="AngularJS实现分页功能" target="_blank">AngularJS实现分页功能</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5/1.htm">分页</a> <div> 对于大多数web应用来说显示项目列表是一种很常见的任务。通常情况下，我们的数据会比较多，无法很好地显示在单个页面中。在这种情况下，我们需要把数据以页的方式来展示，同时带有转到上一页和下一页的功能。既然在整个应用中这是一种很常见的需求，那么把这一功能抽象成一个通用的、可复用的分页（Paginator）服务是很有意义的。 &nbs</div> </li> <li><a href="/article/1546.htm" title="[Maven学习笔记三]Maven archetype" target="_blank">[Maven学习笔记三]Maven archetype</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/ArcheType/1.htm">ArcheType</a> <div>archetype的英文意思是原型，Maven archetype表示创建Maven模块的模版，比如创建web项目，创建Spring项目等等. mvn archetype提供了一种命令行交互式创建Maven项目或者模块的方式， mvn archetype 1.在LearnMaven-ch03目录下，执行命令mvn archetype:gener</div> </li> <li><a href="/article/1673.htm" title="【Java命令三】jps" target="_blank">【Java命令三】jps</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Java%E5%91%BD%E4%BB%A4/1.htm">Java命令</a> <div>jps很简单，用于显示当前运行的Java进程，也可以连接到远程服务器去查看 [hadoop@hadoop bin]$ jps -help usage: jps [-help] jps [-q] [-mlvV] [<hostid>] Definitions: <hostid>: <hostname>[:</div> </li> <li><a href="/article/1800.htm" title="ZABBIX2.2 2.4 等各版本之间的兼容性" target="_blank">ZABBIX2.2 2.4 等各版本之间的兼容性</a> <span class="text-muted">ronin47</span> <div>zabbix更新很快，从2009年到现在已经更新多个版本，为了使用更多zabbix的新特性，随之而来的便是升级版本，zabbix版本兼容性是必须优先考虑的一点客户端AGENT兼容 zabbix1.x到zabbix2.x的所有agent都兼容zabbix server2.4：如果你升级zabbix server，客户端是可以不做任何改变，除非你想使用agent的一些新特性。 Zabbix代理（p</div> </li> <li><a href="/article/1927.htm" title="unity 3d还是cocos2dx哪个适合游戏？" target="_blank">unity 3d还是cocos2dx哪个适合游戏？</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/unity%E8%87%AA%E5%AD%A6/1.htm">unity自学</a><a class="tag" taget="_blank" href="/search/unity%E6%95%99%E7%A8%8B/1.htm">unity教程</a><a class="tag" taget="_blank" href="/search/unity%E8%A7%86%E9%A2%91/1.htm">unity视频</a><a class="tag" taget="_blank" href="/search/unity%E8%B5%84%E6%96%99/1.htm">unity资料</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a> <div>unity 3d还是cocos2dx哪个适合游戏？问：unity 3d还是cocos2dx哪个适合游戏？答：首先目前来看unity视频教程因为是3d引擎，目前对2d支持并不完善，unity 3d 目前做2d普遍两种思路，一种是正交相机，3d画面2d视角，另一种是通过一些插件，动态创建mesh来绘制图形单元目前用的较多的是2d toolkit，ex2d，smooth moves，sm2， </div> </li> <li><a href="/article/2054.htm" title="百度笔试题：一个已经排序好的很大的数组，现在给它划分成m段，每段长度不定，段长最长为k，然后段内打乱顺序，请设计一个算法对其进行重新排序" target="_blank">百度笔试题：一个已经排序好的很大的数组，现在给它划分成m段，每段长度不定，段长最长为k，然后段内打乱顺序，请设计一个算法对其进行重新排序</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6/1.htm">百度</a><a class="tag" taget="_blank" href="/search/%E6%8B%9B%E8%81%98/1.htm">招聘</a> <div> import java.util.Arrays; /** * 最早是在陈利人老师的微博看到这道题： * #面试题#An array with n elements which is K most sorted，就是每个element的初始位置和它最终的排序后的位置的距离不超过常数K * 设计一个排序算法。It should be faster than O(n*lgn)。</div> </li> <li><a href="/article/2181.htm" title="获取checkbox复选框的值" target="_blank">获取checkbox复选框的值</a> <span class="text-muted">chiangfai</span> <a class="tag" taget="_blank" href="/search/checkbox/1.htm">checkbox</a> <div><title>CheckBox</title> <script type = "text/javascript"> doGetVal: function doGetVal() { //var fruitName = document.getElementById("apple").value;//根据</div> </li> <li><a href="/article/2308.htm" title="MySQLdb用户指南" target="_blank">MySQLdb用户指南</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/mysqldb/1.htm">mysqldb</a> <div>原网页被墙，放这里备用。 MySQLdb User's Guide Contents Introduction Installation _mysql MySQL C API translation MySQL C API function mapping Some _mysql examples MySQLdb </div> </li> <li><a href="/article/2435.htm" title="HIVE 窗口及分析函数" target="_blank">HIVE 窗口及分析函数</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/%E7%AA%97%E5%8F%A3%E5%87%BD%E6%95%B0/1.htm">窗口函数</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E6%9E%90%E5%87%BD%E6%95%B0/1.htm">分析函数</a> <div>窗口函数应用场景：（1）用于分区排序（2）动态Group By （3）Top N （4）累计计算（5）层次查询一、分析函数用于等级、百分点、n分片等。函数说明 RANK() &nbs</div> </li> <li><a href="/article/2562.htm" title="PHP ZipArchive 实现压缩解压Zip文件" target="_blank">PHP ZipArchive 实现压缩解压Zip文件</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/zip/1.htm">zip</a> <div> PHP ZipArchive 是PHP自带的扩展类，可以轻松实现ZIP文件的压缩和解压，使用前首先要确保PHP ZIP 扩展已经开启，具体开启方法就不说了，不同的平台开启PHP扩增的方法网上都有，如有疑问欢迎交流。这里整理一下常用的示例供参考。一、解压缩zip文件 01 02 03 04 05 06 07 08 09 10 11 </div> </li> <li><a href="/article/2689.htm" title="精彩英语贺词" target="_blank">精彩英语贺词</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E8%8B%B1%E8%AF%AD/1.htm">英语</a> <div>I'm always here 我会一直在这里支持你 &nb</div> </li> <li><a href="/article/2816.htm" title="基于Java注解的Spring的IoC功能" target="_blank">基于Java注解的Spring的IoC功能</a> <span class="text-muted">e200702084</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/IOC/1.htm">IOC</a><a class="tag" taget="_blank" href="/search/Office/1.htm">Office</a> <div> </div> </li> <li><a href="/article/2943.htm" title="java模拟post请求" target="_blank">java模拟post请求</a> <span class="text-muted">geeksun</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>一般API接收客户端（比如网页、APP或其他应用服务）的请求，但在测试时需要模拟来自外界的请求，经探索，使用HttpComponentshttpClient可模拟Post提交请求。此处用HttpComponents的httpclient来完成使命。 import org.apache.http.HttpEntity ; import org.apache.http.HttpRespon</div> </li> <li><a href="/article/3070.htm" title="Swift语法之 ---- ?和!区别" target="_blank">Swift语法之 ---- ?和!区别</a> <span class="text-muted">hongtoushizi</span> <a class="tag" taget="_blank" href="/search/%3F/1.htm">?</a><a class="tag" taget="_blank" href="/search/swift/1.htm">swift</a><a class="tag" taget="_blank" href="/search/%21/1.htm">!</a> <div>转载自： http://blog.sina.com.cn/s/blog_71715bf80102ux3v.html Swift语言使用var定义变量，但和别的语言不同，Swift里不会自动给变量赋初始值，也就是说变量不会有默认值，所以要求使用变量之前必须要对其初始化。如果在使用变量之前不进行初始化就会报错： var stringValue : String //</div> </li> <li><a href="/article/3197.htm" title="centos7安装jdk1.7" target="_blank">centos7安装jdk1.7</a> <span class="text-muted">jisonami</span> <a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>安装JDK1.7 步骤1、解压tar包在当前目录 [root@localhost usr]#tar -xzvf jdk-7u75-linux-x64.tar.gz 步骤2：配置环境变量在etc/profile文件下添加 export JAVA_HOME=/usr/java/jdk1.7.0_75 export CLASSPATH=/usr/java/jdk1.7.0_75/lib </div> </li> <li><a href="/article/3324.htm" title="数据源架构模式之数据映射器" target="_blank">数据源架构模式之数据映射器</a> <span class="text-muted">home198979</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%98%A0%E5%B0%84%E5%99%A8/1.htm">数据映射器</a><a class="tag" taget="_blank" href="/search/datamapper/1.htm">datamapper</a> <div>前面分别介绍了数据源架构模式之表数据入口、数据源架构模式之行和数据入口数据源架构模式之活动记录，相较于这三种数据源架构模式，数据映射器显得更加“高大上”。一、概念数据映射器（Data Mapper）：在保持对象和数据库（以及映射器本身）彼此独立的情况下，在二者之间移动数据的一个映射器层。概念永远都是抽象的，简单的说，数据映射器就是一个负责将数据映射到对象的类数据。 &nb</div> </li> <li><a href="/article/3451.htm" title="在Python中使用MYSQL" target="_blank">在Python中使用MYSQL</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>缘由　　近期在折腾一个小东西须要抓取网上的页面。然后进行解析。将结果放到数据库中。　　了解到 Python在这方面有优势，便选用之。　　由于我有台 server上面安装有 mysql，自然使用之。在进行数据库的这个操作过程中遇到了不少问题，这里记录一下，大家共勉。　　 python中mysql的调用　　百度之后能够通过MySQLdb进行数据库操作。</div> </li> <li><a href="/article/3578.htm" title="单例模式" target="_blank">单例模式</a> <span class="text-muted">hxl1988_0311</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BB%B6/1.htm">单件</a> <div>package com.sosop.designpattern.singleton; /* * 单件模式：保证一个类必须只有一个实例，并提供全局的访问点 * * 所以单例模式必须有私有的构造器，没有私有构造器根本不用谈单件 * * 必须考虑到并发情况下创建了多个实例对象 * */ /** * 虽然有锁，但是只在第一次创建对象的时候加锁，并发时不会存在效率</div> </li> <li><a href="/article/3705.htm" title="27种迹象显示你应该辞掉程序员的工作" target="_blank">27种迹象显示你应该辞掉程序员的工作</a> <span class="text-muted">vipshichg</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>1、你仍然在等待老板在2010年答应的要提拔你的暗示。 2、你的上级近10年没有开发过任何代码。 3、老板假装懂你说的这些技术，但实际上他完全不知道你在说什么。 4、你干完的项目6个月后才部署到现场服务器上。 5、时不时的，老板在检查你刚刚完成的工作时，要求按新想法重新开发。 6、而最终这个软件只有12个用户。 7、时间全浪费在办公室政治中，而不是用在开发好的软件上。 8、部署前5分钟才开始测试。</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>