未知百分百

绕过防盗链的几种方式

需要进行防盗链的绕过，我们必须先要了解Iframe、Referer和XMLHttpRequest对象的基本知识

Iframe

基本用法

sandbox 属性

loading 属性

Referer

Referrer-policy

设置referrer的两种方法

下面举三个将referrer设置为no-referrer的例子：

首先是没有设置no-referrer的，即有referer

这里是referer1中使用方法1设置了no-referer

这里是referer1中使用方法2设置了no-referer

XMLHttpRequest

简介

盗链

防盗链的工作原理

为什么我们要绕过防盗链？

绕过防盗链的几种方式

利用HTTPS网站盗链http资源网站(HTTPS->HTTP)

利用在头部设置meta

利用referrerpolicy="no-referrer"

利用iframe伪造请求referer

利用XMLHttpRequest

利用fetch

Iframe

</code>标签用于在网页里面嵌入其他网页。</p> <h3 id="%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95" style="background-color:transparent;">基本用法</h3> <p><strong><code><iframe></code>标签生成一个指定区域，在该区域中嵌入其他网页。</strong>它是一个容器元素，如果浏览器不支持<code><iframe></code>，就会显示内部的子元素。</p> <pre><code class="language-html"><iframe src="https://www.example.com" width="100%" height="500" frameborder="0" allowfullscreen sandbox> //这里的sandbox可以保证安全 <p><a href="https://www.example.com">点击打开嵌入页面</a></p>

上面的代码在当前网页嵌入https://www.example.com，显示区域的宽度是100%，高度是500像素。如果当前浏览器不支持</code>，则会显示一个链接，让用户点击。</p> <p>浏览器普遍支持<code><iframe></code>，所以内部的子元素可以不写。</p> <p><code>iframe</code>的属性如下：</p> <ul> <li> <p><code>allowfullscreen</code>：允许嵌入的网页全屏显示，需要全屏 API 的支持，请参考相关的 JavaScript 教程。</p> </li> <li> <p><code>frameborder</code>：是否绘制边框，<code>0</code>为不绘制，<code>1</code>为绘制（默认值）。建议尽量少用这个属性，而是在 CSS 里面设置样式。</p> </li> <li> <p><code>src</code>：嵌入的网页的 URL。</p> </li> <li> <p><code>width</code>：显示区域的宽度。</p> </li> <li> <p><code>height</code>：显示区域的高度。</p> </li> <li> <p><code>sandbox</code>：设置嵌入的网页的权限，详见下文。</p> </li> <li> <p><code>importance</code>：浏览器下载嵌入的网页的优先级，可以设置三个值。<code>high</code>表示高优先级，<code>low</code>表示低优先级，<code>auto</code>表示由浏览器自行决定。</p> </li> <li> <p><code>name</code>：内嵌窗口的名称，可以用于<code><a></code>、<code><form></code>、<code><base></code>的<code>target</code>属性。</p> </li> <li> <p><code>referrerpolicy</code>：请求嵌入网页时，HTTP 请求的<code>Referer</code>字段的设置。参见<code><a></code>标签的介绍。</p> </li> </ul> <h3 id="sandbox%20%E5%B1%9E%E6%80%A7" style="background-color:transparent;">sandbox 属性</h3> <p>嵌入的网页默认具有正常权限，比如执行脚本、提交表单、弹出窗口等。如果嵌入的网页是其他网站的页面，你不了解对方会执行什么操作，因此就存在安全风险。</p> <p><strong>为了限制<code><iframe></code>的风险，HTML 提供了<code>sandbox</code>属性，允许设置嵌入的网页的权限，等同于提供了一个隔离层，即“沙箱”。</strong></p> <p><code>sandbox</code>可以当作布尔属性使用，表示打开所有限制。</p> <pre><code class="language-html"><iframe src="https://www.example.com" sandbox>

sandbox属性可以设置具体的值，表示逐项打开限制。未设置某一项，就表示不具有该权限。

以最小权限为原则

注意，不要同时设置allow-scripts和allow-same-origin属性，这将使得嵌入的网页可以改变或删除sandbox属性。

loading 属性

</code>指定的网页会立即加载，有时这不是希望的行为。</p> <p><code><iframe></code>滚动进入视口以后再加载，这样会比较节省带宽。</p> <p><code>loading</code>属性可以触发<code><iframe></code>网页的懒加载。</p> <p>该属性可以取以下三个值：</p> <ul> <li> <p><code>auto</code>：浏览器的默认行为，与不使用<code>loading</code>属性效果相同。</p> </li> <li> <p><code>lazy</code>：<code><iframe></code>的懒加载，即将滚动进入视口时开始加载。</p> </li> <li> <p><code>eager</code>：立即加载资源，无论在页面上的位置如何。</p> </li> </ul> <pre><code class="language-html"><iframe src="https://example.com" loading="lazy">

上面代码会启用</code>的懒加载。</p> <p>有一点需要注意，如果<code><iframe></code>是隐藏的，则<code>loading</code>属性无效，将会立即加载。</p> <h2 id="Referer">Referer</h2> <p>一定程度上防御crsf（客户端请求伪造）</p> <p><strong>Referer</strong>请求包含了当前请求页面的来源页面的地址，即表示当前页面是通过此来源页面的链接进入的。</p> <h3 id="Referrer-policy"><strong>Referrer-policy</strong></h3> <p>Referer-policy作用就是为了控制请求头部中的referer的内容包含了以下信息：</p> <ul> <li> <p>no-referer：整个referer首部会被移除，访问来源信息不随着请求一起发送。</p> </li> <li> <p>no-referer-when-downgrade:在没有指定任何策略的情况下用户代理的默认行为。在同安全等级的情况下，发送文件的源为引用地址（HTTPS->HTTPS）；在降级的情况下不会发送此首部(HTTPS->HTTP)</p> </li> <li> <p>origin：在任何情况下，仅发送文件的源作为引用地址</p> </li> <li> <p>orgin-when-cross-origin：对于同源的请求，会发送完整的URL作为引用地址，但是对于非同源请求仅仅发送文件的源</p> </li> <li> <p>same-orgin：对于同源的请求会发送引用地址，但是对于非的同源请求则不发送引用地址信息。</p> </li> <li> <p>strict-origin：在同等安全级别的情况下，发送文件的源作为引用地址（HTPPS->HTTPS），但是在降级的情况下不会发送（HTTPS->HTTP)</p> </li> <li> <p>strict-origin-cross-origin，对于同源的请求，会发送完整的URL作为引用地址；在同安全等级的情况下，发送文件的源为引用地址（HTTPS->HTTPS）；在降级的情况下不会发送此首部(HTTPS->HTTP)</p> </li> <li> <p>unsafe-url：无论是同源请求还是非同源请求，都发送完整的URL（移除参数信息后）作为引用地址。（最不安全了）</p> </li> </ul> <h3 id="%E8%AE%BE%E7%BD%AEreferrer%E7%9A%84%E4%B8%A4%E7%A7%8D%E6%96%B9%E6%B3%95">设置referrer的两种方法</h3> <p>方法1：在html页面中的head标签中的meta中设置</p> <pre><code class="language-html"><meta name="referer" content="no-referer"></code></pre> <p>方法2：在引入script的script标签的属性中设置referrerpolicy="no-referer"</p> <h3 id="%E4%B8%8B%E9%9D%A2%E4%B8%BE%E4%B8%89%E4%B8%AA%E5%B0%86referrer%E8%AE%BE%E7%BD%AE%E4%B8%BAno-referrer%E7%9A%84%E4%BE%8B%E5%AD%90%EF%BC%9A" style="background-color:transparent;">下面举三个将referrer设置为no-referrer的例子：</h3> <h4 id="%E9%A6%96%E5%85%88%E6%98%AF%E6%B2%A1%E6%9C%89%E8%AE%BE%E7%BD%AEno-referrer%E7%9A%84%EF%BC%8C%E5%8D%B3%E6%9C%89referer">首先是没有设置no-referrer的，即有referer</h4> <p>（1）首先编写referer1.html</p> <pre><code class="language-html"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>  <div>aaa</div> </body> </html></code></pre> <p>这里并没有什么特别的，就是在页面中有一个div标签，其中写着aaa </p> <p>（2）编写referer2.html</p> <pre><code class="language-html"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <h1>hello world</h1> <a href="./referer1.html">123</a> 这里使用链接的形式访问test.html网页 <body> </body> </html></code></pre> <p>这里使用a标签尝试将referer1.html插入到a标签中 </p> <p>（3）测试</p> <p>在浏览器的URL中访问referer2.html</p> <h2 id="%E2%80%8B%E7%BC%96%E8%BE%91"><a href="http://img.e-com-net.com/image/info8/01e2c102dc6a4ddf92014ac26e9f1908.jpg" target="_blank"><img alt="绕过防盗链的几种方式_第1张图片" height="334" src="http://img.e-com-net.com/image/info8/01e2c102dc6a4ddf92014ac26e9f1908.jpg" width="650" style="border:1px solid black;"></a></h2> <h2><a href="http://img.e-com-net.com/image/info8/bf884e0909284237aa8e722e9c021dbf.jpg" target="_blank"><img alt="绕过防盗链的几种方式_第2张图片" height="488" src="http://img.e-com-net.com/image/info8/bf884e0909284237aa8e722e9c021dbf.jpg" width="650" style="border:1px solid black;"></a></h2> <h2><a href="http://img.e-com-net.com/image/info8/6cc84211747243c8af7c0b49aeefff75.jpg" target="_blank"><img alt="绕过防盗链的几种方式_第3张图片" height="443" src="http://img.e-com-net.com/image/info8/6cc84211747243c8af7c0b49aeefff75.jpg" width="650" style="border:1px solid black;"></a></h2> <h4 id="%E8%BF%99%E9%87%8C%E6%98%AFreferer1%E4%B8%AD%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%951%E8%AE%BE%E7%BD%AE%E4%BA%86no-referer">这里是referer1中使用方法1设置了no-referer</h4> <p>在referer中增加这样一行：</p> <pre><code class="language-html"> <meta name="referrer" content="no-referrer"></code></pre> <p>然后使用上面相同的方式查看是否有referer</p> <h2 id="%C2%A0%E2%80%8B%E7%BC%96%E8%BE%91"> <a href="http://img.e-com-net.com/image/info8/e1a09d6c7ccb4ef0aabfbd703e73bd63.jpg" target="_blank"><img alt="绕过防盗链的几种方式_第4张图片" height="446" src="http://img.e-com-net.com/image/info8/e1a09d6c7ccb4ef0aabfbd703e73bd63.jpg" width="650" style="border:1px solid black;"></a></h2> <p>可以看到，这里已经没有referer了</p> <h4 id="%E8%BF%99%E9%87%8C%E6%98%AFreferer1%E4%B8%AD%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%952%E8%AE%BE%E7%BD%AE%E4%BA%86no-referer">这里是referer1中使用方法2设置了no-referer</h4> <p>（1）修改referer1页面为：</p> <pre><code class="language-html"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script src="./test.js" Referrerpolicy="no-referrer"> //这里使用no-referrer禁用referrer </script>  <div>aaa</div> </body> </html></code></pre> <p>（2）然后我们新建一个名为test.js的文件</p> <p>内容为：</p> <pre><code class="language-html">alert(document.cookie);</code></pre> <p>（3）然后访问referer1.html</p> <h2><a href="http://img.e-com-net.com/image/info8/d3a526a3c7154e0ca949a934ca1e2901.jpg" target="_blank"><img alt="绕过防盗链的几种方式_第5张图片" height="485" src="http://img.e-com-net.com/image/info8/d3a526a3c7154e0ca949a934ca1e2901.jpg" width="650" style="border:1px solid black;"></a></h2> <p>可以看到，没有referer，由于没有了referer我们也可以看到成功的弹窗了</p> <h2 id="XMLHttpRequest" style="background-color:transparent;">XMLHttpRequest</h2> <h3 id="%E7%AE%80%E4%BB%8B">简介</h3> <p>浏览器与服务器之间，采用 HTTP 协议通信。用户在浏览器地址栏键入一个网址，或者通过网页表单向服务器提交内容，这时浏览器就会向服务器发出 HTTP 请求。</p> <p><code>XMLHttpRequest</code>对象是 AJAX 的主要接口，<strong>用于浏览器与服务器之间的通信。</strong>尽管名字里面有<code>XML</code>和<code>Http</code>，它实际上可以使用多种协议（比如<code>file</code>或<code>ftp</code>），发送任何格式的数据（包括字符串和二进制）。</p> <p><strong><code>XMLHttpRequest</code>本身是一个构造函数，可以使用<code>new</code>命令生成实例。它没有任何参数。</strong></p> <pre><code class="language-javascript">var xhr = new XMLHttpRequest();//即初始化时没有任何参数</code></pre> <p>一旦新建实例，就可以使用<code>open()</code>方法指定建立 HTTP 连接的一些细节。</p> <pre><code class="language-javascript">xhr.open('GET', 'http://www.example.com/page.php', true);//open方法</code></pre> <p>上面代码指定使用 GET 方法，跟指定的服务器网址建立连接。</p> <p>第三个参数<code>true</code>，表示请求是异步的。</p> <p>然后，指定回调函数，监听通信状态（<code>readyState</code>属性）的变化。</p> <pre><code class="language-javascript">xhr.onreadystatechange = handleStateChange; function handleStateChange() { // ... }</code></pre> <p>上面代码中，一旦<code>XMLHttpRequest</code>实例的状态发生变化，就会调用监听函数<code>handleStateChange</code></p> <p>最后使用<code>send()</code>方法，实际发出请求。</p> <pre><code class="language-javascript">xhr.send(null);</code></pre> <p>上面代码中，<strong><code>send()</code>的参数为<code>null</code>，表示发送请求的时候，不带有数据体</strong>。</p> <p><strong>如果发送的是 POST 请求，这里就需要指定数据体。</strong></p> <p>一旦拿到服务器返回的数据，AJAX 不会刷新整个网页，而是只更新网页里面的相关部分，从而不打断用户正在做的事情。</p> <p>注意：<strong>AJAX 只能向同源网址（协议、域名、端口都相同）发出 HTTP 请求</strong>，<strong>如果发出跨域请求，就会报错</strong></p> <h2 id="%E7%9B%97%E9%93%BE" style="background-color:transparent;">盗链</h2> <p>盗链是指自己的页面上展示以下并不在自己服务器上的一些内容，获别人的资源地址，绕过别人的资源展示页面，直接在自己的页面上向最终用户提供此内容，一般被盗链的都是图片、可执行文件、音频文件、压缩文件等资源。</p> <p>通过盗链的手段可以减轻自己服务器的负担。</p> <h3 id="%E9%98%B2%E7%9B%97%E9%93%BE%E7%9A%84%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86" style="background-color:transparent;">防盗链的工作原理</h3> <p>通过referere或者签名，网站可以检测目标网页访问的来源网页，如果是资源文件，则可以追踪到显示它网页地址，一旦检测到来源不是本站点，即进行阻止或者返回指定的页面</p> <h3 id="%E4%B8%BA%E4%BB%80%E4%B9%88%E6%88%91%E4%BB%AC%E8%A6%81%E7%BB%95%E8%BF%87%E9%98%B2%E7%9B%97%E9%93%BE%EF%BC%9F">为什么我们要绕过防盗链？</h3> <p>因为通过referere或者签名，网站可以检测目标网页访问的来源网页，如果是资源文件，则可以追踪到显示它网页地址，一旦检测到来源不是本站点，即进行阻止或者返回指定的页面</p> <p>三种情况下允许引用图片：</p> <ol> <li> <p>本网站</p> </li> <li> <p><u><strong>无referer信息的情况下。</strong></u>（服务器认为从浏览器直接访问图片的图片的URL，所以这种情况下能正常访问）</p> </li> <li> <p>授权的网址</p> </li> </ol> <p>我们可以在https的网页中用http请求另一个https网站的资源。</p> <p>此时可以不发送我们的referer字段，达到绕过防盗链的效果（由于浏览器的升级，现在这种操作已经被禁止了）</p> <p>实现原理：在访问图片时让其无referrer</p> <h2 id="%E7%BB%95%E8%BF%87%E9%98%B2%E7%9B%97%E9%93%BE%E7%9A%84%E5%87%A0%E7%A7%8D%E6%96%B9%E5%BC%8F">绕过防盗链的几种方式</h2> <h3 id="%E5%88%A9%E7%94%A8HTTPS%E7%BD%91%E7%AB%99%E7%9B%97%E9%93%BEhttp%E8%B5%84%E6%BA%90%E7%BD%91%E7%AB%99(HTTPS-%3EHTTP)" style="background-color:transparent;"><strong>利用HTTPS网站盗链http资源网站(HTTPS->HTTP)</strong></h3> <p><strong>现在这种方式已经无法复现了</strong></p> <h3 id="%E5%88%A9%E7%94%A8%E5%9C%A8%E5%A4%B4%E9%83%A8%E8%AE%BE%E7%BD%AEmeta" style="background-color:transparent;">利用在头部设置meta</h3> <p>（1）首先在refrrer1文件中添加一行</p> <pre><code class="language-html"> <img src="https://img-blog.csdnimg.cn/5ff039c8a8cd47c98e26d694854e8962.jpeg" alt="你这图有问题啊"></code></pre> <p>（2）尝试访问</p> <h2><a href="http://img.e-com-net.com/image/info8/29e788f12aa549ccb9c43be86c688b27.jpg" target="_blank"><img alt="绕过防盗链的几种方式_第6张图片" height="132" src="http://img.e-com-net.com/image/info8/29e788f12aa549ccb9c43be86c688b27.jpg" width="650" style="border:1px solid black;"></a></h2> <p>很明显图片没有加载出来，因为csdn网站将发现我们的referer并不是一个合法的网站，不会让我们加载</p> <p>（3）那么我们就可以在meta中设置no-referrer的方式来尝试</p> <pre><code class="language-html"> <meta name="referrer" content="no-referrer"></code></pre> <p>（4）再次访问</p> <h2></h2> <p>成功访问</p> <h3 id="%E5%88%A9%E7%94%A8referrerpolicy%3D%22no-referrer%22" style="background-color:transparent;">利用referrerpolicy="no-referrer"</h3> <p>注：这种方式就是在script添加这样</p> <pre><code class="language-html"> <script src="这里是一个js页面" Referrerpolicy="no-referrer"></code></pre> <p>一句，呈现的效果和上面的meta一样，这里不再赘述</p> <h3 id="%E5%88%A9%E7%94%A8iframe%E4%BC%AA%E9%80%A0%E8%AF%B7%E6%B1%82referer" style="background-color:transparent;">利用iframe伪造请求referer</h3> <p>内容参考：如何绕开referrer防盗链 - 掘金 (juejin.cn)</p> <p>（1）修改referrer1.html</p> <pre><code class="language-javascript"> <img src="https://t7.baidu.com/it/u=4162611394,4275913936&fm=193&f=GIF" alt="你这图有问题啊"></code></pre> <p>（2）编辑test.js</p> <pre><code class="language-javascript">function showImg(src, wrapper) { let url = new URL(src); let frameid = 'frameimg' + Math.random(); window.img = `<img id="tmpImg" width=400 src="${url}" alt="图片加载失败，请稍后再试"/> `; // 构造一个iframe iframe = document.createElement('iframe') iframe.id = frameid iframe.src = "javascript:parent.img;" // 通过内联的javascript，设置iframe的src // 校正iframe的尺寸，完整展示图片 iframe.onload = function () { var img = iframe.contentDocument.getElementById("tmpImg") if (img) { iframe.height = img.height + 'px' iframe.width = img.width + 'px' } } iframe.width = 200 iframe.height = 200 iframe.scrolling = "no" iframe.frameBorder = "0" wrap.appendChild(iframe) } showImg('https://t7.baidu.com/it/u=4162611394,4275913936&fm=193&f=GIF', document.querySelector('#container')); </code></pre> <p>运行代码可以看见，通过这种方式也可以实现隐藏referer的功能，因此用作不支持<code>referrerPolicy</code>的一种替代方案。</p> <p>在某些不支持javascript内联运行的场景下，这种方案也是不可行的，比如在chrome扩展程序，由于<code>content_security_policy</code>，使用内联JavaScript会报错</p> <p>（3）测试</p> <h2></h2> <p>成功盗用！</p> <h3 id="%E5%88%A9%E7%94%A8XMLHttpRequest" style="background-color:transparent;">利用XMLHttpRequest</h3> <p>XMLHttpRequest对象提供了setRequestHeader方法，用于向请求头添加或修改字段。我们能不能手动将修改 referer字段呢？</p> <p>（1）test.js</p> <pre><code class="language-javascript">// 通过ajax下载图片 function loadImage(uri) { return new Promise(resolve => { //使用异步下载 let xhr = new XMLHttpRequest(); //实例化xmlhttprequest xhr.responseType = "blob"; //响应类型为blob（二进制） xhr.onload = function () { resolve(xhr.response); }; xhr.open("GET", uri, true); xhr.setRequestHeader("Referer", ""); // 通过setRequestHeader设置header不会生效 xhr.send(); }); } // 将下载下来的二进制大对象数据转换成base64，然后展示在页面上 function handleBlob(blob) { let reader = new FileReader(); reader.onload = function (evt) { //监听事件 let img = document.createElement('img'); img.src = evt.target.result; document.getElementById('container').appendChild(img) }; reader.readAsDataURL(blob); } const imgSrc = "https://profile-avatar.csdnimg.cn/8f0b72eabecc42df84ef2cce29ed569a_qq_68163788.jpg!1"; loadImage(imgSrc).then(blob => { handleBlob(blob); });</code></pre> <p>（2）referrer1.html</p> <pre><code class="language-javascript"><div id="container">aaa</div> <script src="./test.js"></script></code></pre> <p>（3）测试</p> <h2><a href="http://img.e-com-net.com/image/info8/c6c19766a8d14460afe9056b2438903d.jpg" target="_blank"><img alt="绕过防盗链的几种方式_第7张图片" height="423" src="http://img.e-com-net.com/image/info8/c6c19766a8d14460afe9056b2438903d.jpg" width="650" style="border:1px solid black;"></a></h2> <p> 上述代码运行时会发现控制台提示错误</p> <h2><a href="http://img.e-com-net.com/image/info8/c5c4436cdd1443f6973bae0c1599bf81.jpg" target="_blank"><img alt="绕过防盗链的几种方式_第8张图片" height="126" src="http://img.e-com-net.com/image/info8/c5c4436cdd1443f6973bae0c1599bf81.jpg" width="650" style="border:1px solid black;"></a></h2> <p>根据结果可以看出，浏览器拒绝将Rerrer置为空</p> <p>可以看见setRequestHeader设置referer响应头是无效的，这是由于浏览器为了安全起见，无法手动设置部分保留字段，不幸的是Referer恰好就是保留字段之一，详情列表参考Forbidden header name。</p> <p>可见使用xmlhttprequest提供的方法用AJAX同源请求无法完成这一操作。</p> <p>使用fetch可以解决这一问题。</p> <h3 id="%E5%88%A9%E7%94%A8fetch">利用fetch</h3> <p>Fetch是浏览器提供的一个全新的接口，<strong>用于访问和操作HTTP管道部分</strong>，例如请求和响应，该接口支持<code>referrerPolicy</code>，因此也可以用来操作referer。</p> <pre><code class="language-javascript">// 将下载下来的二进制大对象数据转换成base64，然后展示在页面上 function handleBlob(blob) { let reader = new FileReader(); reader.onload = function (evt) { let img = document.createElement('img'); img.src = evt.target.result; document.getElementById('container').appendChild(img) }; reader.readAsDataURL(blob); } const imgSrc = "https://img-blog.csdnimg.cn/5ff039c8a8cd47c98e26d694854e8962.jpeg"; function fetchImage(url) { return fetch(url, { headers: { // "Referer": "", // 这里设置无效 }, method: "GET", referrer: "", // 将referer置空 // referrerPolicy: 'no-referrer', }).then(response => response.blob()); } fetchImage(imgSrc).then(blob => { handleBlob(blob); });</code></pre> <p> </p> <p>通过将配置参数<code>redirect</code>置位空，可以看见本次请求已经不带referer了。</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1723154607951130624"></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">你可能感兴趣的:(安全,前端,javascript,开发语言,html,前端,web安全,安全,盗链)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1886408014416637952.htm" title="gitlab安装及邮箱配置和常用使用" target="_blank">gitlab安装及邮箱配置和常用使用</a> <span class="text-muted">Gen邓艮艮</span> <a class="tag" taget="_blank" href="/search/gitlab/1.htm">gitlab</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E7%8E%AF%E5%A2%83%E8%BD%AF%E4%BB%B6/1.htm">环境软件</a><a class="tag" taget="_blank" href="/search/gitlab/1.htm">gitlab</a> <div>1.安装GitLab注意关闭网络防火墙和网络安全组#1.下载镜像wgethttps://mirrors.tuna.tsinghua.edu.cn/gitlab-ce/yum/el7/gitlab-ce-14.10.5-ce.0.el7.x86_64.rpm#2.安装依赖yuminstall-ypolicycoreutilsopenssh-serveropenssh-clientspostfixpo</div> </li> <li><a href="/article/1886407636350464000.htm" title="深入探索 HTML5 拖拽效果 API：打造流畅交互体验" target="_blank">深入探索 HTML5 拖拽效果 API：打造流畅交互体验</a> <span class="text-muted">山禾女鬼001</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><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> <div>在现代的Web开发中，交互性和用户体验一直是开发者关注的重点。HTML5的拖拽效果API(DragandDropAPI)提供了一种非常直观的方式来让网页元素或文件能够被拖动并放置到页面的指定位置，极大提升了用户的交互体验。本篇文章将深入探讨如何使用HTML5拖拽API来实现拖拽效果，帮助开发者理解并掌握这一强大的工具。一、HTML5拖拽API简介HTML5的拖拽API允许用户通过鼠标或触摸屏等设备</div> </li> <li><a href="/article/1886401332345106432.htm" title="深入理解 ES 模块与 CommonJS 模块" target="_blank">深入理解 ES 模块与 CommonJS 模块</a> <span class="text-muted">阿贾克斯的黎明</span> <a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E5%BC%80%E5%8F%91/1.htm">游戏开发</a><a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a> <div>目录《深入理解ES模块与CommonJS模块》引言一、CommonJS模块1.起源与背景2.基本语法导出模块导入模块3.特点二、ES模块1.起源与背景2.基本语法导出模块导入模块3.特点三、ES模块与CommonJS模块的区别1.语法差异2.加载方式3.静态vs动态4.适用场景四、实际开发中的应用1.在Node.js中使用ES模块2.在浏览器中使用ES模块五、总结引言在JavaScript的发展历</div> </li> <li><a href="/article/1886395503197876224.htm" title="Docker 容器网络问题排查与最佳实践 - PushGateway 部署案例分析" target="_blank">Docker 容器网络问题排查与最佳实践 - PushGateway 部署案例分析</a> <span class="text-muted"></span> <div>qustion1.问题背景在数据中心部署PrometheusPushGateway服务时，遇到了一个典型的容器网络访问问题。相同的部署配置在不同数据中心呈现出不同的网络访问结果，本文将详细分析问题的排查过程和解决方案。2.问题现象搭建典型的pushgateway服务，使用了nginx与pushgateway整合，为什么整合呢？主要原因是安全扫描扫描出来很多pushgateway的安全漏洞，也木有经</div> </li> <li><a href="/article/1886394867379138560.htm" title="Kubernetes 配置Pod使用代理上网" target="_blank">Kubernetes 配置Pod使用代理上网</a> <span class="text-muted"></span> <div>配置KubernetesPod使用代理上网在企业网络环境中进行Kubernetes集群的管理时，经常会遇到需要配置Pods通过HTTP代理服务器访问Internet的情况。这可能是由于各种原因，如安全策略限制、网络架构要求或者访问特定资源的需要。本文将介绍配置Kubernetes中Pod使用代理的两种常见方式：通过ConfigMap和直接在应用程序环境变量中设置。使用场景Kubernetes集群中</div> </li> <li><a href="/article/1886390616795967488.htm" title="第28节课：前端项目实战—从需求分析到开发流程的全方位指南" target="_blank">第28节课：前端项目实战—从需求分析到开发流程的全方位指南</a> <span class="text-muted">学问小小谢</span> <a class="tag" taget="_blank" href="/search/HTML%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">HTML学习笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9C%80%E6%B1%82%E5%88%86%E6%9E%90/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/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/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>目录项目需求分析与设计项目背景与目标项目背景项目目标需求收集与分析用户需求业务需求项目设计技术栈选择系统架构设计数据库设计项目开发流程环境搭建安装Node.js和npm初始化项目编码实践组件化开发状态管理测试与调试单元测试集成测试部署与维护部署维护结语在前端开发领域，将理论知识应用于实际项目是提升技能的关键。本节课将通过一个完整的前端项目实战案例，详细介绍项目需求分析与设计，以及项目开发流程，帮助</div> </li> <li><a href="/article/1886390362965078016.htm" title="编译安装 Python 3.10.15：你必须掌握的 CentOS 实战指南20241031" target="_blank">编译安装 Python 3.10.15：你必须掌握的 CentOS 实战指南20241031</a> <span class="text-muted">Narutolxy</span> <a class="tag" taget="_blank" href="/search/Python%E7%AC%94%E8%AE%B0/1.htm">Python笔记</a><a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E5%B9%B2%E8%B4%A7%E5%88%86%E4%BA%AB/1.htm">技术干货分享</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>编译安装Python3.10.15：你必须掌握的CentOS实战指南**在CentOS系统上编译安装Python是一项技术活。**轻微的疏忽可能就让你陷入依赖困境，或甚至让Python与系统组件发生冲突。今天，让我们从实践角度出发，掌握一套高效、安全的安装流程！一、为什么要手动编译安装Python？包管理器的Python版本可能无法满足你的开发需求，尤其是在追求新特性或想要启用特定优化时。从源码编</div> </li> <li><a href="/article/1886388471396888576.htm" title="前端——JS" target="_blank">前端——JS</a> <span class="text-muted">逆风局？</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>目录什么是JS？JS引入方式JS基础语法输出语句变量常量数据类型函数自定义对象什么是JS？JavaScript（简称：JS）是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript:规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对</div> </li> <li><a href="/article/1886384440578469888.htm" title="基于Python的图书馆借阅记录管理系统设计与实现" target="_blank">基于Python的图书馆借阅记录管理系统设计与实现</a> <span class="text-muted">IT实战课堂@白老师</span> <a class="tag" taget="_blank" href="/search/Python%E9%A1%B9%E7%9B%AE/1.htm">Python项目</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><a class="tag" taget="_blank" href="/search/%E6%AF%95%E8%AE%BE%E6%8C%87%E5%AF%BC%E6%8E%A8%E8%8D%90/1.htm">毕设指导推荐</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E8%AE%BE%E9%80%89%E9%A2%98%E6%8E%A8%E8%8D%90/1.htm">毕设选题推荐</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%AE%B6%E5%B1%85/1.htm">智能家居</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>基于Python的图书馆借阅记录管理系统设计与实现|计算机毕业设计|毕设选题|选题推荐|答辩指导|课程设计|毕设答疑l论文降重该项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功以及课程答疑与微信售后交流群、送查重系统不限次数免费查重等福利！技术路线：软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.</div> </li> <li><a href="/article/1886382925516173312.htm" title="React常见面试题（2024最新版）" target="_blank">React常见面试题（2024最新版）</a> <span class="text-muted">前端小小王</span> <a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>创建项目npxcreate-react-appmy-app启动项目npmstart目录结构目录/文件名描述README.md项目的自述文件node_modules/项目依赖包存放目录package.json包管理配置文件，记录项目信息和依赖package-lock.json锁定依赖版本，确保跨环境一致性public/公共资源目录public/index.html主HTML文件，React应用将被引</div> </li> <li><a href="/article/1886378379448479744.htm" title="HarmonyOS 开发实践——常见预置应用的跳转方式" target="_blank">HarmonyOS 开发实践——常见预置应用的跳转方式</a> <span class="text-muted">六号嘉宾</span> <a class="tag" taget="_blank" href="/search/HarmonyOS/1.htm">HarmonyOS</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99%E5%BC%80%E5%8F%91/1.htm">鸿蒙开发</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E9%B8%BF%E8%92%99%E5%BC%80%E5%8F%91/1.htm">鸿蒙开发</a><a class="tag" taget="_blank" href="/search/ArkUI/1.htm">ArkUI</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/%E7%95%8C%E9%9D%A2%E5%B8%83%E5%B1%80/1.htm">界面布局</a><a class="tag" taget="_blank" href="/search/%E7%BB%84%E4%BB%B6%E5%8C%96/1.htm">组件化</a> <div>往期学习笔录：鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……场景描述三方应用实际使用过程中，可能需要跳转到</div> </li> <li><a href="/article/1886378000321146880.htm" title="若依RuoYi框架浅析基础篇③——Swagger接口文档 | SwaggerConfig、启用和禁用Swagger" target="_blank">若依RuoYi框架浅析基础篇③——Swagger接口文档 | SwaggerConfig、启用和禁用Swagger</a> <span class="text-muted">小康师兄</span> <a class="tag" taget="_blank" href="/search/%E8%8B%A5%E4%BE%9DRuoYi%E6%A1%86%E6%9E%B6%E6%B5%85%E6%9E%90/1.htm">若依RuoYi框架浅析</a><a class="tag" taget="_blank" href="/search/Swagger/1.htm">Swagger</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3%E6%96%87%E6%A1%A3/1.htm">接口文档</a><a class="tag" taget="_blank" href="/search/80/1.htm">80</a><a class="tag" taget="_blank" href="/search/8080/1.htm">8080</a><a class="tag" taget="_blank" href="/search/%E8%8B%A5%E4%BE%9D/1.htm">若依</a> <div>文章目录一、访问网址二、纠错排查三、SwaggerConfig一、访问网址http://localhost:8080/swagger-ui.html切记要加上端口号8080二、纠错排查我一开始没有加8080，是访问http://localhost/swagger-ui.html然后被重定向都登录界面，我就很纳闷，是因为没有token被拦截了吗。但是代码com.ruoyi.framework.con</div> </li> <li><a href="/article/1886371950381559808.htm" title="基于Java的智能家居设计：使用Java实现智能家居中的事件驱动架构" target="_blank">基于Java的智能家居设计：使用Java实现智能家居中的事件驱动架构</a> <span class="text-muted">AI架构设计之禅</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AEAI%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">大数据AI人工智能</a><a class="tag" taget="_blank" href="/search/Python%E5%85%A5%E9%97%A8%E5%AE%9E%E6%88%98/1.htm">Python入门实战</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E6%8F%90%E5%8D%87%E8%87%AA%E6%88%91/1.htm">程序员提升自我</a><a class="tag" taget="_blank" href="/search/%E7%A1%85%E5%9F%BA%E8%AE%A1%E7%AE%97/1.htm">硅基计算</a><a class="tag" taget="_blank" href="/search/%E7%A2%B3%E5%9F%BA%E8%AE%A1%E7%AE%97/1.htm">碳基计算</a><a class="tag" taget="_blank" href="/search/%E8%AE%A4%E7%9F%A5%E8%AE%A1%E7%AE%97/1.htm">认知计算</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E7%89%A9%E8%AE%A1%E7%AE%97/1.htm">生物计算</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/1.htm">神经网络</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/AIGC/1.htm">AIGC</a><a class="tag" taget="_blank" href="/search/AGI/1.htm">AGI</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</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><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a><a class="tag" taget="_blank" href="/search/Agent/1.htm">Agent</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E5%AE%9E%E7%8E%B0%E8%B4%A2%E5%AF%8C%E8%87%AA%E7%94%B1/1.htm">程序员实现财富自由</a> <div>基于Java的智能家居设计：使用Java实现智能家居中的事件驱动架构1.背景介绍1.1问题的由来随着物联网技术的飞速发展，智能家居已经逐渐走进了千家万户。智能家居系统通过将各种家用电器、传感器和控制器连接在一起，实现了家庭自动化、安全监控、环境监测等功能，为人们的生活带来了极大的便利。然而，传统的智能家居系统大多采用集中式控制架构，存在着可扩展性差、系统复杂度高、开发维护困难等问题。为了解决这些问</div> </li> <li><a href="/article/1886370438574043136.htm" title="【项目实战】Electron最佳实践" target="_blank">【项目实战】Electron最佳实践</a> <span class="text-muted">本本本添哥</span> <a class="tag" taget="_blank" href="/search/007/1.htm">007</a><a class="tag" taget="_blank" href="/search/-/1.htm">-</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">大前端技术</a><a class="tag" taget="_blank" href="/search/electron/1.htm">electron</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、Electron的入门介绍1.1Electron是什么？Electron由GitHub开发团队创建，最初是为了构建GitHub客户端而设计的。Electron是一个开源的框架，用于构建跨平台桌面应用程序。Electron是一个强大的框架，它可以帮助您使用Web技术构建跨平台桌面应用程序。Electron是一个流行的跨平台框架，可以使用HTML、CSS和JavaScript构建桌面应用程序。1.</div> </li> <li><a href="/article/1886368290306060288.htm" title="第一章什么是JavaScript" target="_blank">第一章什么是JavaScript</a> <span class="text-muted">Sheldon一蓑烟雨任平生</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/JavaScript%E5%9F%BA%E7%A1%80/1.htm">JavaScript基础</a><a class="tag" taget="_blank" href="/search/ECMAScript/1.htm">ECMAScript</a><a class="tag" taget="_blank" href="/search/%E4%BB%80%E4%B9%88%E6%98%AFJavaScript/1.htm">什么是JavaScript</a> <div>第一章什么是JavaScript1.历史梗概2.JavaScript的实现（ECMAScript、DOM、BOM）2.1ECMAScript2.2DOM（文档对象模型）2.3BOM（浏览器对象模型，在第12章会有详细介绍）3.支持（所有浏览器基本都支持ES5）1.历史梗概（1）初始目的：代替服务器语言，作为脚本语言，在客户端处理输入验证，判断输入值是否填写及其有效性；（2）开发时间：1995年；（</div> </li> <li><a href="/article/1886364756290367488.htm" title="Docker 安装详细教程（适用于CentOS 7 系统）" target="_blank">Docker 安装详细教程（适用于CentOS 7 系统）</a> <span class="text-muted">Future_yzx</span> <a class="tag" taget="_blank" href="/search/eureka/1.htm">eureka</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a> <div>目录步骤如下：1.卸载旧版Docker2.配置Docker的YUM仓库3.安装Docker4.启动Docker并验证安装5.配置Docker镜像加速总结前言Docker分为CE和EE两大版本。CE即社区版（免费，支持周期7个月）；EE即企业版，强调安全，付费使用，支持周期24个月。DockerCE分为stabletest和nightly三个更新频道。官方网站上有各种环境下的安装指南，这里主要介绍D</div> </li> <li><a href="/article/1886362735160127488.htm" title="AI智慧社区--百度地图" target="_blank">AI智慧社区--百度地图</a> <span class="text-muted">Y在努力学编程</span> <a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE/1.htm">项目</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE/1.htm">百度地图</a> <div>数据库：前端实现页面代码import{getCommunityMap}from'@/api/sys/community'exportdefault{name:'Map',data(){return{listQuery:{gradeId:''},center:{lng:116.3755,lat:39.80896},zoom:12,mapData:[]}},mounted(){},methods:{i</div> </li> <li><a href="/article/1886362230514053120.htm" title="javascrip基础语法" target="_blank">javascrip基础语法</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%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>为什么学习JavaScript?JavaScript是web开发人员必须学习的3门语言中的一门：HTML定义了网页的内容CSS描述了网页的布局JavaScript控制了网页的行为1.JavaScript输出1.1console.log()：用于将信息输出到浏览器控制台，例如console.log("Hello,World!");，可以输出字符串、变量、表达式等。1.2console.error()</div> </li> <li><a href="/article/1886359331293687808.htm" title="nginx源码解析-ngx_strerror()/ngx_strerror_init()" target="_blank">nginx源码解析-ngx_strerror()/ngx_strerror_init()</a> <span class="text-muted">wenpeng_lu</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>nginx源码解析-ngx_strerror()/ngx_strerror_init()将所有的错误码errno以及错误描述strerror(errno)提前存储到ngx_sys_errlist中，用于解决异步信号安全的问题。/**Copyright(C)IgorSysoev*Copyright(C)Nginx,Inc.*/#include#include/**Thestrerror()messa</div> </li> <li><a href="/article/1886357567634993152.htm" title="burpsuite小米手机抓包_【图解】Android安全测试之BurpSuite抓包" target="_blank">burpsuite小米手机抓包_【图解】Android安全测试之BurpSuite抓包</a> <span class="text-muted">希葛格的韩少君</span> <a class="tag" taget="_blank" href="/search/burpsuite%E5%B0%8F%E7%B1%B3%E6%89%8B%E6%9C%BA%E6%8A%93%E5%8C%85/1.htm">burpsuite小米手机抓包</a> <div>准备素材安卓手机一枚WIFI上网BurpSuite一枚手机侧配置将PC与手机连入同一WIFI网络，查看PC侧IP地址，如IP地址为192.168.1.100打开手机(以华为Mate截图为例)，设置->WLAN，长按已连接，修改网络：配置代理服务器为PC的IP地址，端口8080(随便)，连接PC侧配置打开BurpSuite，Proxy->Options，设置代理服务器：Intercept标签下，设置</div> </li> <li><a href="/article/1886354287366303744.htm" title="数据资产管理实践白皮书（6.0版）解读" target="_blank">数据资产管理实践白皮书（6.0版）解读</a> <span class="text-muted">BuckData</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E8%B5%84%E4%BA%A7%E7%AE%A1%E7%90%86%E5%AE%9E%E6%88%98%E8%AF%BE%E7%A8%8B/1.htm">数据资产管理实战课程</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E8%B5%84%E4%BA%A7/1.htm">数据资产</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%A0%87%E5%87%86/1.htm">数据标准</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E8%B4%A8%E9%87%8F/1.htm">数据质量</a> <div>目录第一章数据资产管理概述(一)数据资产管理和数据要素的关系(二)数据资产与企业数字化转型的关系(三)数据资产管理架构和数据权属第二章数据资产管理活动职能(重点章节)(一)数据模型管理(二)数据标准管理(三)数据质量管理(四)主数据管理(五)数据安全管理(六)元数据管理(七)数据开发管理(八)数据资产流通(九)数据价值评估(十)数据资产运营第三章数据资产管理保障措施（重点章节）(一)战略管理(二)</div> </li> <li><a href="/article/1886353027774869504.htm" title="[利用Python加载和处理网址内容：从Unstructured到Selenium和Playwright]" target="_blank">[利用Python加载和处理网址内容：从Unstructured到Selenium和Playwright]</a> <span class="text-muted">bhawfgrcbtwny</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</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文档。本篇文章将介绍如何利用Python中的Unstructured、Selenium和Playwright库来加载这些网页内容，并将其转换为适合后续处理的文档格式。主要内容UnstructuredURLLoaderUnstructuredURLLoader可以</div> </li> <li><a href="/article/1886347349635166208.htm" title="JavaScript常见事件和修饰符" target="_blank">JavaScript常见事件和修饰符</a> <span class="text-muted">山禾女鬼001</span> <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><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>JavaScript作为Web开发的重要语言，处理事件的机制是其中最常见且最重要的部分之一。通过事件，我们可以让用户与页面进行交互，创造出更丰富、更动态的用户体验。在JavaScript中，事件不仅有种类繁多，还可以通过修饰符来进一步控制它们的行为。1.常见的JavaScript事件JavaScript中的事件主要是指浏览器对用户行为的响应。常见的事件包括但不限于以下几类：1.1鼠标事件click</div> </li> <li><a href="/article/1886346088005300224.htm" title="华为余承东鸿蒙系统随时可以上线,华为发布鸿蒙系统，余承东称随时可替换安卓..." target="_blank">华为余承东鸿蒙系统随时可以上线,华为发布鸿蒙系统，余承东称随时可替换安卓...</a> <span class="text-muted">温列来</span> <a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA%E4%BD%99%E6%89%BF%E4%B8%9C%E9%B8%BF%E8%92%99%E7%B3%BB%E7%BB%9F%E9%9A%8F%E6%97%B6%E5%8F%AF%E4%BB%A5%E4%B8%8A%E7%BA%BF/1.htm">华为余承东鸿蒙系统随时可以上线</a> <div>8月9日，在2019华为全球开发者大会上，备受用户关注的鸿蒙系统正式亮相。鸿蒙有四大特点：分布架构、天生流畅、内核安全、生态共享。华为消费者业务CEO余承东在发布会现场表示，这是基于微内核的全场景分布式OS系统，这也是世界第一个基于微内核的OS。得益于微内核架构，鸿蒙OS可以灵活适配全场景丰富终端形态，涵盖了GB级别、MB级别、KB级别的设备终端。在华为看来，目前在国际上众多巨头企业致力于发展新O</div> </li> <li><a href="/article/1886344952858865664.htm" title="大学生HTML期末大作业——HTML+CSS+JavaScript美食网站（西餐）" target="_blank">大学生HTML期末大作业——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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%AD%A6%E7%94%9F/1.htm">大学生</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%BE%8E%E9%A3%9F/1.htm">美食</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">大作业</a> <div>HTML+CSS+JS【美食网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目美食网站（西餐）精美响应式含JQuery7页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单</div> </li> <li><a href="/article/1886344066736648192.htm" title="大学生期末大作业|HTML+CSS+JavaScript 登录页面实例：超实用、新手友好、完整源码分享从零开始：用原生 HTML、CSS 和 JS 打造简洁美观的登录页面（附完整代码）新手必看：一" target="_blank">大学生期末大作业|HTML+CSS+JavaScript 登录页面实例：超实用、新手友好、完整源码分享从零开始：用原生 HTML、CSS 和 JS 打造简洁美观的登录页面（附完整代码）新手必看：一</a> <span class="text-muted">南北极之间</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E8%BF%9B%E9%98%B6%E7%BB%83%E6%89%8B%E5%AE%9E%E6%88%98/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><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%AD%A6%E7%94%9F%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>效果图：目录一、新建一个HTML项目二、创建基本结构三、使用CSS美化页面四、添加交互功能五、完整代码六、结语步骤在Web开发中，登录页面是常见且重要的组件。一个设计良好的登录页面可以提升用户体验，并为网站留下良好的第一印象。今天，我们将一起学习如何使用HTML、CSS和JavaScript（不使用任何框架）来构建一个响应式的登录页面，实现基本的前端验证功能。一、新建一个HTML项目首先，创建一个</div> </li> <li><a href="/article/1886339653502562304.htm" title="HTML5 技术深度解读：本地存储与地理定位的最佳实践" target="_blank">HTML5 技术深度解读：本地存储与地理定位的最佳实践</a> <span class="text-muted">吴师兄大模型</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><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/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/1.htm">本地存储</a><a class="tag" taget="_blank" href="/search/%E5%9C%B0%E7%90%86%E5%AE%9A%E4%BD%8D/1.htm">地理定位</a><a class="tag" taget="_blank" href="/search/localStorage/1.htm">localStorage</a><a class="tag" taget="_blank" href="/search/Geolocation/1.htm">Geolocation</a><a class="tag" taget="_blank" href="/search/API/1.htm">API</a> <div>系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验</div> </li> <li><a href="/article/1886339656363077632.htm" title="HTML5 Canvas 与 SVG：让网页图形与动画活跃起来" target="_blank">HTML5 Canvas 与 SVG：让网页图形与动画活跃起来</a> <span class="text-muted">吴师兄大模型</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><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/Canvas/1.htm">Canvas</a><a class="tag" taget="_blank" href="/search/SVG/1.htm">SVG</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%9B%BE%E5%BD%A2%E4%B8%8E%E5%8A%A8%E7%94%BB/1.htm">网页图形与动画</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a> <div>系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验</div> </li> <li><a href="/article/1886339652378488832.htm" title="前端表单验证终极指南：HTML5 内置验证 + JavaScript 自定义校验" target="_blank">前端表单验证终极指南：HTML5 内置验证 + JavaScript 自定义校验</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/html5/1.htm">html5</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/%E8%A1%A8%E5%8D%95%E9%AA%8C%E8%AF%81/1.htm">表单验证</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E7%BD%AE%E9%AA%8C%E8%AF%81/1.htm">内置验证</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C/1.htm">自定义校验</a> <div>系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验</div> </li> <li><a href="/article/1886337004828946432.htm" title="在 Ubuntu 上安装 Node.js 23.x" target="_blank">在 Ubuntu 上安装 Node.js 23.x</a> <span class="text-muted">engchina</span> <a class="tag" taget="_blank" href="/search/LINUX/1.htm">LINUX</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>在Ubuntu上安装Node.js23.x前提条件安装步骤1.下载设置脚本2.运行设置脚本3.安装Node.js4.验证安装参考链接总结在现代web开发中，Node.js是一个不可或缺的工具。它提供了一个强大的JavaScript运行时环境，使得开发人员可以在服务器端使用JavaScript。本文将详细介绍如何在Ubuntu上安装Node.js23.x。前提条件在开始安装之前，请确保你的系统上已经</div> </li> <li><a href="/article/17.htm" title="分享100个最新免费的高匿HTTP代理IP" target="_blank">分享100个最新免费的高匿HTTP代理IP</a> <span class="text-muted">mcj8089</span> <a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86IP/1.htm">代理IP</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">代理服务器</a><a class="tag" taget="_blank" href="/search/%E5%8C%BF%E5%90%8D%E4%BB%A3%E7%90%86/1.htm">匿名代理</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9%E4%BB%A3%E7%90%86IP/1.htm">免费代理IP</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E6%96%B0%E4%BB%A3%E7%90%86IP/1.htm">最新代理IP</a> <div>  推荐两个代理IP网站：   1. 全网代理IP：http://proxy.goubanjia.com/   2. 敲代码免费IP：http://ip.qiaodm.com/     120.198.243.130:80,中国/广东省 58.251.78.71:8088,中国/广东省 183.207.228.22:83,中国/</div> </li> <li><a href="/article/144.htm" title="mysql高级特性之数据分区" target="_blank">mysql高级特性之数据分区</a> <span class="text-muted">annan211</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%8C%BA/1.htm">分区</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> mysql高级特性 1 以存储引擎的角度分析，分区表和物理表没有区别。是按照一定的规则将数据分别存储的逻辑设计。器底层是由多个物理字表组成。 2 分区的原理分区表由多个相关的底层表实现，这些底层表也是由句柄对象表示，所以我们可以直接访问各个分区。存储引擎管理分区的各个底层表和管理普通表一样(所有底层表都必须使用相同的存储引擎)，分区表的索引只是</div> </li> <li><a href="/article/271.htm" title="JS采用正则表达式简单获取URL地址栏参数" target="_blank">JS采用正则表达式简单获取URL地址栏参数</a> <span class="text-muted">chiangfai</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E5%9C%B0%E5%9D%80%E6%A0%8F%E5%8F%82%E6%95%B0%E8%8E%B7%E5%8F%96/1.htm">地址栏参数获取</a> <div>GetUrlParam:function GetUrlParam(param){ var reg = new RegExp("(^|&)"+ param +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null</div> </li> <li><a href="/article/398.htm" title="怎样将数据表拷贝到powerdesigner (本地数据库表)" target="_blank">怎样将数据表拷贝到powerdesigner (本地数据库表)</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/powerDesigner/1.htm">powerDesigner</a> <div>================================================== 1、打开PowerDesigner12，在菜单中按照如下方式进行操作 file->Reverse Engineer->DataBase 点击后，弹出 New Physical Data Model 的对话框 2、在General选项卡中 Model name:模板名字，自</div> </li> <li><a href="/article/525.htm" title="logbackのhelloworld" target="_blank">logbackのhelloworld</a> <span class="text-muted">飞翔的马甲</span> <a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%BF%97/1.htm">日志</a><a class="tag" taget="_blank" href="/search/logback/1.htm">logback</a> <div>一、概述 1.日志是啥？当我是个逗比的时候我是这么理解的：log.debug()代替了system.out.print(); 当我项目工作时，以为是一堆得.log文件。这两天项目发布新版本，比较轻松，决定好好地研究下日志以及logback。传送门1：日志的作用与方法： http://www.infoq.com/cn/articles/why-and-how-log 上面的作</div> </li> <li><a href="/article/652.htm" title="新浪微博爬虫模拟登陆" target="_blank">新浪微博爬虫模拟登陆</a> <span class="text-muted">随意而生</span> <a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%B5%AA%E5%BE%AE%E5%8D%9A/1.htm">新浪微博</a> <div>转载自：http://hi.baidu.com/erliang20088/item/251db4b040b8ce58ba0e1235     近来由于毕设需要，重新修改了新浪微博爬虫废了不少劲，希望下边的总结能够帮助后来的同学们。      现行版的模拟登陆与以前相比，最大的改动在于cookie获取时候的模拟url的请求</div> </li> <li><a href="/article/779.htm" title="synchronized" target="_blank">synchronized</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/thread/1.htm">thread</a> <div>    Java语言的关键字，可用来给对象和方法或者代码块加锁，当它锁定一个方法或者一个代码块的时候，同一时刻最多只有一个线程执行这段代码。当两个并发线程访问同一个对象object中的这个加锁同步代码块时，一个时间内只能有一个线程得到执行。另一个线程必须等待当前线程执行完这个代码块以后才能执行该代码块。然而，当一个线程访问object的一个加锁代码块时，另一个线程仍然</div> </li> <li><a href="/article/906.htm" title="maven 简单实用教程" target="_blank">maven 简单实用教程</a> <span class="text-muted">AdyZhang</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>1. Maven介绍  1.1. 简介 java编写的用于构建系统的自动化工具。目前版本是2.0.9，注意maven2和maven1有很大区别，阅读第三方文档时需要区分版本。 1.2. Maven资源 见官方网站；The 5 minute test，官方简易入门文档；Getting Started Tutorial，官方入门文档；Build Coo</div> </li> <li><a href="/article/1033.htm" title="Android 通过 intent传值获得null" target="_blank">Android 通过 intent传值获得null</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>我在通过intent 获得传递兑现过的时候报错，空指针,我是getMap方法进行传值，代码如下 1 2 3 4 5 6 7 8 9 public void getMap(View view){            Intent i =</div> </li> <li><a href="/article/1160.htm" title="apache 做代理报如下错误：The proxy server received an invalid response from an upstream" target="_blank">apache 做代理报如下错误：The proxy server received an invalid response from an upstream</a> <span class="text-muted">baalwolf</span> <a class="tag" taget="_blank" href="/search/response/1.htm">response</a> <div>网站配置是apache＋tomcat,tomcat没有报错，apache报错是： The proxy server received an invalid response from an upstream server. The proxy server could not handle the request GET /. Reason: Error reading fr</div> </li> <li><a href="/article/1287.htm" title="Tomcat6 内存和线程配置" target="_blank">Tomcat6 内存和线程配置</a> <span class="text-muted">BigBird2012</span> <a class="tag" taget="_blank" href="/search/tomcat6/1.htm">tomcat6</a> <div>1、修改启动时内存参数、并指定JVM时区（在windows server 2008 下时间少了8个小时）在Tomcat上运行j2ee项目代码时，经常会出现内存溢出的情况，解决办法是在系统参数中增加系统参数：  window下，在catalina.bat最前面 set JAVA_OPTS=-XX:PermSize=64M -XX:MaxPermSize=128m -Xms5</div> </li> <li><a href="/article/1414.htm" title="Karam与TDD" target="_blank">Karam与TDD</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/Karam/1.htm">Karam</a><a class="tag" taget="_blank" href="/search/TDD/1.htm">TDD</a> <div>一.TDD         测试驱动开发（Test-Driven Development,TDD）是一种敏捷（AGILE）开发方法论，它把开发流程倒转了过来，在进行代码实现之前，首先保证编写测试用例，从而用测试来驱动开发（而不是把测试作为一项验证工具来使用）。         TDD的原则很简单： a.只有当某个</div> </li> <li><a href="/article/1541.htm" title="[Zookeeper学习笔记之七]Zookeeper源代码分析之Zookeeper.States" target="_blank">[Zookeeper学习笔记之七]Zookeeper源代码分析之Zookeeper.States</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div> public enum States { CONNECTING, //Zookeeper服务器不可用，客户端处于尝试链接状态 ASSOCIATING, //？？？ CONNECTED, //链接建立，可以与Zookeeper服务器正常通信 CONNECTEDREADONLY, //处于只读状态的链接状态，只读模式可以在</div> </li> <li><a href="/article/1668.htm" title="【Scala十四】Scala核心八：闭包" target="_blank">【Scala十四】Scala核心八：闭包</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>Free variable A free variable of an expression is a variable that’s used inside the expression but not defined inside the expression. For instance, in the function literal expression (x: Int) => (x</div> </li> <li><a href="/article/1795.htm" title="android发送json并解析返回json" target="_blank">android发送json并解析返回json</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>package com.http.test; import org.apache.http.HttpResponse; import org.apache.http.HttpStatus; import org.apache.http.client.HttpClient; import org.apache.http.client.methods.HttpGet; import </div> </li> <li><a href="/article/1922.htm" title="一份IT实习生的总结" target="_blank">一份IT实习生的总结</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/php%E8%B5%84%E6%96%99/1.htm">php资料</a><a class="tag" taget="_blank" href="/search/php%E6%95%99%E7%A8%8B/1.htm">php教程</a><a class="tag" taget="_blank" href="/search/php%E5%9F%B9%E8%AE%AD/1.htm">php培训</a><a class="tag" taget="_blank" href="/search/php%E8%A7%86%E9%A2%91/1.htm">php视频</a> <div>今天突然发现在不知不觉中自己已经实习了 3 个月了，现在可能不算是真正意义上的实习吧，因为现在自己才大三，在这边撸代码的同时还要考虑到学校的功课跟期末考试。让我震惊的是，我完全想不到在这 3 个月里我到底学到了什么，这是一件多么悲催的事情啊。同时我对我应该 get 到什么新技能也很迷茫。所以今晚还是总结下把，让自己在接下来的实习生活有更加明确的方向。最后感谢工作室给我们几个人这个机会让我们提前出来</div> </li> <li><a href="/article/2049.htm" title="据说是2012年10月人人网校招的一道笔试题-给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。将重物放到天平左侧，问在两边如何添加砝码" target="_blank">据说是2012年10月人人网校招的一道笔试题-给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。将重物放到天平左侧，问在两边如何添加砝码</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class ScalesBalance { /** * 题目： * 给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。（假设N无限大，但一种重量的砝码只有一个） * 将重物放到天平左侧，问在两边如何添加砝码使两边平衡 * * 分析： * 三进制 * 我们约定括号表示里面的数是三进制，例如 47=(1202</div> </li> <li><a href="/article/2176.htm" title="dom4j最常用最简单的方法" target="_blank">dom4j最常用最简单的方法</a> <span class="text-muted">chiangfai</span> <a class="tag" taget="_blank" href="/search/dom4j/1.htm">dom4j</a> <div>要使用dom4j读写XML文档,需要先下载dom4j包,dom4j官方网站在 http://www.dom4j.org/目前最新dom4j包下载地址:http://nchc.dl.sourceforge.net/sourceforge/dom4j/dom4j-1.6.1.zip 解开后有两个包,仅操作XML文档的话把dom4j-1.6.1.jar加入工程就可以了,如果需要使用XPath的话还需要</div> </li> <li><a href="/article/2303.htm" title="简单HBase笔记" target="_blank">简单HBase笔记</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a> <div> 一、Client-side write buffer 客户端缓存请求描述：可以缓存客户端的请求，以此来减少RPC的次数，但是缓存只是被存在一个ArrayList中，所以多线程访问时不安全的。可以使用getWriteBuffer()方法来取得客户端缓存中的数据。默认关闭。二、Scan的Caching 描述： next( )方法请求一行就要使用一次RPC,即使</div> </li> <li><a href="/article/2430.htm" title="mysqldump导出时出现when doing LOCK TABLES" target="_blank">mysqldump导出时出现when doing LOCK TABLES</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/mysqdump/1.htm">mysqdump</a><a class="tag" taget="_blank" href="/search/%E5%AF%BC%E6%95%B0%E6%8D%AE/1.htm">导数据</a> <div>　　执行　mysqldump -uxxx -pxxx -hxxx -Pxxxx database tablename > tablename.sql　导出表时，会报 mysqldump: Got error: 1044: Access denied for user 'xxx'@'xxx' to database 'xxx' when doing LOCK TABLES 解决</div> </li> <li><a href="/article/2557.htm" title="CSS渲染原理" target="_blank">CSS渲染原理</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>  从事Web前端开发的人都与CSS打交道很多，有的人也许不知道css是怎么去工作的，写出来的css浏览器是怎么样去解析的呢？当这个成为我们提高css水平的一个瓶颈时，是否应该多了解一下呢？          一、浏览器的发展与CSS           </div> </li> <li><a href="/article/2684.htm" title="《阿甘正传》台词" target="_blank">《阿甘正传》台词</a> <span class="text-muted">dcj3sjt126com</span> <div>Part Ⅰ: 《阿甘正传》Forrest Gump经典中英文对白 Forrest: Hello! My names Forrest. Forrest Gump. You wanna Chocolate? I could eat about a million and a half othese. My momma always said life was like a box ochocol</div> </li> <li><a href="/article/2811.htm" title="Java处理JSON" target="_blank">Java处理JSON</a> <span class="text-muted">dyy_gusi</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>Json在数据传输中很好用，原因是JSON 比 XML 更小、更快，更易解析。在Java程序中，如何使用处理JSON，现在有很多工具可以处理，比较流行常用的是google的gson和alibaba的fastjson，具体使用如下： 1、读取json然后处理 class ReadJSON { public static void main(String[] args) </div> </li> <li><a href="/article/2938.htm" title="win7下nginx和php的配置" target="_blank">win7下nginx和php的配置</a> <span class="text-muted">geeksun</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>1.  安装包准备 nginx :  从nginx.org下载nginx-1.8.0.zip php：从php.net下载php-5.6.10-Win32-VC11-x64.zip， php是免安装文件。 RunHiddenConsole: 用于隐藏命令行窗口   2. 配置 # java用8080端口做应用服务器，nginx反向代理到这个端口即可 p</div> </li> <li><a href="/article/3065.htm" title="基于2.8版本redis配置文件中文解释" target="_blank">基于2.8版本redis配置文件中文解释</a> <span class="text-muted">hongtoushizi</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>转载自： http://wangwei007.blog.51cto.com/68019/1548167        在Redis中直接启动redis-server服务时, 采用的是默认的配置文件。采用redis-server   xxx.conf 这样的方式可以按照指定的配置文件来运行Redis服务。下面是Redis2.8.9的配置文</div> </li> <li><a href="/article/3192.htm" title="第五章常用Lua开发库3-模板渲染" target="_blank">第五章常用Lua开发库3-模板渲染</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a> <div>动态web网页开发是Web开发中一个常见的场景，比如像京东商品详情页，其页面逻辑是非常复杂的，需要使用模板技术来实现。而Lua中也有许多模板引擎，如目前我在使用的lua-resty-template，可以渲染很复杂的页面，借助LuaJIT其性能也是可以接受的。   如果学习过JavaEE中的servlet和JSP的话，应该知道JSP模板最终会被翻译成Servlet来执行；而lua-r</div> </li> <li><a href="/article/3319.htm" title="JZSearch大数据搜索引擎" target="_blank">JZSearch大数据搜索引擎</a> <span class="text-muted">颠覆者</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>系统简介：大数据的特点有四个层面：第一，数据体量巨大。从TB级别，跃升到PB级别；第二，数据类型繁多。网络日志、视频、图片、地理位置信息等等。第三，价值密度低。以视频为例，连续不间断监控过程中，可能有用的数据仅仅有一两秒。第四，处理速度快。最后这一点也是和传统的数据挖掘技术有着本质的不同。业界将其归纳为4个“V”——Volume，Variety，Value，Velocity。大数据搜索引</div> </li> <li><a href="/article/3446.htm" title="10招让你成为杰出的Java程序员" target="_blank">10招让你成为杰出的Java程序员</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a> <div>如果你是一个热衷于技术的  Java 程序员，那么下面的 10 个要点可以让你在众多 Java 开发人员中脱颖而出。　　 1. 拥有扎实的基础和深刻理解 OO 原则　　对于 Java 程序员，深刻理解 Object Oriented Programming（面向对象编程）这一概念是必须的。没有 OOPS 的坚实基础，就领会不了像 Java 这些面向对象编程语言</div> </li> <li><a href="/article/3573.htm" title="tomcat之oracle连接池配置" target="_blank">tomcat之oracle连接池配置</a> <span class="text-muted">小网客</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>tomcat版本7.0 配置oracle连接池方式：修改tomcat的server.xml配置文件： <GlobalNamingResources> <Resource name="utermdatasource" auth="Container" type="javax.sql.DataSou</div> </li> <li><a href="/article/3700.htm" title="Oracle 分页算法汇总" target="_blank">Oracle 分页算法汇总</a> <span class="text-muted">vipbooks</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><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a> <div>    这是我找到的一些关于Oracle分页的算法，大家那里还有没有其他好的算法没？我们大家一起分享一下！ -- Oracle 分页算法一 select * from ( select page.*,rownum rn from (select * from help) page -- 20 = (currentPag</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>