1、百度识图的网址非常简单 易记,用户可以在搜刮 引擎中输入ldquo百度识图rdquo大概 在百度首页的搜刮 框中输入ldquo识图rdquo举行 搜刮 ,即可找到百度识图的官网入口进入官网后,用户可以看到一个简便 明白 的页面,可以举行 图片搜刮 和上传操纵 利用 百度识图时,用户必要 留意 掩护 个人隐私和信息安全,不。 2、百度识图的网址是 百度识图的功能与特点包罗 以图搜图通过输入图片的URL地点 或上传本地 图片,可以找到与输入图片相似的其他图片 信息检索不但 可以资助 用户找到相似图片,还可以通过图片找到相干 的信息和知识 官网入口用户可以在搜刮 引擎中输入“百度识图”或在百度。
1、可以用百度识图这个是我们最轻易 利用 的方法,用各大搜刮 引擎可以用来辨认 图片,看会不会有雷同 的图片出现百度识图是百度图片搜刮 近期推出的一项新功能简介“天下 很复杂,百度更懂你”,通例 的图片搜刮 ,是通过输入关键词的情势 搜刮 到互联网上相干 的图片资源,而百度识图则能实现用户通过上传图片或;可以通过照片的信息质量和内容等方面来判定 照片是否为网图看照片的信息可以查察 照片的元数据,如拍摄时间装备 信息等,假如 这些信息与实际 环境 不符,大概 是网图别的 ,右键点击照片,选择“属性”,也可以查察 照片的一些具体 信息观察照片质量假如 照片非常含糊 像素低大概 有显着 的处理 惩罚 陈迹 ,大概 是;找到欣赏 器UA标识,点击一下选择电脑模式退出欣赏 器,重新打开进入百度首页我们点击百度一下左侧谁人 图标,这是百度识图的按钮假如 不方便操纵 ,可以得当 放大页面点击本地 上传图片,点击相册,找到刚才的截图上传好后,点击查察 搜刮 结果 这里我们可以看到搜刮 结果 ,就可以或许 判定 是不是网络图片了;方法一引擎识图搜刮 百度图片,点击进入选择搜刮 栏的右边的照相机图标,然后上传必要 辨认 的图片,点击搜刮 ,即可出现图片泉源 和相似图片将光强相称 的矢量顶端毗连 起来的曲线称为等光强曲线,将相邻比及 光强曲线的值按肯定 比例分列 ,画出一系列的等光强曲线所构成 的图称为等光强图,常用的图有圆形网图,矩;辨别网图的方法之一是利用 百度识图起首 ,打开百度搜刮 引擎,输入“百度识图”举行 搜刮 接着,进入结果 中带有“官方”二字的网站然后,点击网站上的“选择文件”按钮,上传你想要辨认 的图片点击右上角的“识图一下”按钮,体系 会开始分析这张图片末了 ,向下滑动页面,可以看到体系 找到的相似图片。
大家所使用的搜索引擎基本上每一天都会有上百亿的抓取处理,不管是个人,还是SEO网站推广团队都习惯性的去了解百度搜索引擎抓取原理,然而百度对于自身的算法是非常看重的,这就需要所做SEO人员时刻关注官方文档,深入了解文档内的真正含义。通常来讲,搜索引擎抓取原理主要包括:抓取建库、过滤、存储、结果展示,这四个流程,其中抓取建库与站长经常谈论的百度蜘蛛抓取规则有直接关系。那么,什么是百度蜘蛛?简陋理解,百度蜘蛛又名百度爬虫,主要的工作职能是抓取互联网上现有的URL,并对页面质量进行评估,给出基础性的判定。通常百度蜘蛛抓取规则是:种子URL->待抓取页面->提取URL->过滤重复URL->解析网页链接特点->进入链接总库->等待提取。1、如何识别百度蜘蛛快速识别百度蜘蛛的方式有两种:① 网站蜘蛛日志分析,可以通过识别百度蜘蛛UA,来判定蜘蛛来访记录,相对便利的方式是利用SEO软件去自动识别。关于百度UA的识别,你也可以查看官方文档:https://ziyuan.baidu.com/college/articleinfo?id=1002② CMS程序插件,自动嵌入识别百度爬虫,当蜘蛛来访的时候,它会记录相关访问轨迹。2、百度蜘蛛收录网站规则有那些?并不是每一个网站的蜘蛛来爬寻抓取就会被收录的,这样就会形成一个搜索引擎主要流程,这个流程主要分为,抓取、筛选、对比、索引最后就是释放,也技术展示出来的页面。抓取:爬虫是根据网站URL连接来爬寻的,它的主要目的是抓取网站上所以文字连接,一层一层有规则的爬寻。筛选:当抓取完成后,筛选这个步骤主要是筛选出垃圾文章,比如翻译、近义词替换、伪原创文章等,搜索引擎都能够识别出来,而是通过这一步骤识别。对比:对比主要是实行百度的星火计划,维持文章的原创度。通常情况下,经过对比的步骤的时候,搜索引擎会对你站点进行下载,一来对比,二来创建快照,所以搜索引擎蜘蛛已经访问你的网站,所以网站日志中会有百度的IP。索引:通过确定你网站没有问题的时候,才会对你网站创建索引,如果创建索引了,这也说明你的站点被收录了,有时候我们在百度搜索还是不出来,可能原因是还没有被释放出来,需要等待。3、关于百度爬虫一些常见问题:① 如何提高百度抓取频率,抓取频率暴涨是什么原因早期,由于收录相对困难,大家非常重视百度抓取频率,但随着百度战略方向的调整,从目前来看,我们并不需要刻意追求抓取频率的提升,当然影响抓取频次的因素主要包括:网站速度、安全性、内容质量、社会影响力等内容。如果你发现站点抓取频率骤然暴涨,可能是因为:存在链接陷阱,蜘蛛不能很好抓取页面,或者内容质量过低,需要从新抓取,也可能是网站不稳固,遭遇负面SEO攻击。② 如何判定,百度蜘蛛是否正常抓取很多站长新站上线,总是所发布的文章不收录,于是担心百度爬虫是否可以正常抓取,这里官方提供两个简陋的工具:百度抓取诊断:https://ziyuan.baidu.com/crawltools/index百度Robots.txt检测:https://ziyuan.baidu.com/robots/index你可以根据这两个页面,检测网页的连通性,以及是否屏蔽了百度蜘蛛抓取。③ 百度爬虫连续抓取,为什么百度快照不更新快照长时间不更新并没有代表任何问题,你只需要关注是否网站流量骤然下降,如果各方面指标都正常,蜘蛛频繁来访,只能代表你的页面质量较高,外部链接非常志愿。④ 网站防止侵权,制止右键,百度蜘蛛是否可以识别内容如果你在查看网页源代码的时候,可以很好的看到页面内容,理论上百度蜘蛛就是可以正常抓取页面的,这个你同样可以利用百度抓取诊断去解析一下看看。⑤ 百度蜘蛛,真的有降权蜘蛛吗?早期,很多SEO人员爱慕分析百度蜘蛛IP段,实际上官方已经明确表示,并没有说明哪些蜘蛛的爬行代表降权,所以这个问题不攻自破。⑥屏蔽百度蜘蛛,还会收录吗?常规来说屏蔽百度蜘蛛是没办法收录,虽然会收录首页,但是内页却不能收录的,就好比“淘宝”基本上都是屏蔽了百度蜘蛛,只有首页但是依然排名很好。总结:很多市面上就会出现一个蜘蛛池这样的字眼出现,这是一种并不好的一种变现的方式,并不建议大家使用,上述仅供大家参考。百度蜘蛛是什么
对于体会丰富的SEO人员来说,canonical标签的使用一定不生疏,但最近在实践中发现不少网站的页面虽然用了canonical标签,但是使用方法却不规范。所以在这里和大家一起探讨一下canonical标签的规范使用方法,让更多的SEO人员避免走弯路。Canonical标签实际上就是一个页面内的301转向,可以帮助我们解决内容一样url不一样的网址规范化问题。和301跳转不同的是,用户并不被转向,但是对于搜索引擎来说,页面链接的权重是会被集中到代码中指明的规范化url上的。如果一个页面有多个url:http://www.example.com/neighbourhoods/http://www.example.com/ neighbourhoods.php?item=vichttp://www.example.com/ neighbourhoods.php?item=armadale-33-vic这些url的页面内容完全一样,而我们想优化的规范化url为http://www.example.com/neighbourhoods/,那么我们就在这些url页面html文件的头部加上以下这段代码:这样,这些url的规范化页面就成为http://www.example.com/ neighbourhoods/了。在SEO实践中,有不少网站挪动端页面在使用canonical标签的时候,往往会把链接指向本身的挪动端url,其实这是不规范的做法。因为PC和挪动之间的适配关系,往往是挪动端承继PC端的权重,所以在挪动端页面使用canonical标签的时候,最好还是链接指向对应的PC端页面,这样搜索引擎就能更好的识别挪动适配关系了。另外,在SEO实践中还有一个对canonical标签的使用误区,就是在详情页的html文件头部加canonical标签链接指向这个详情页的上一级页面。其实这种用法也是错误的,因为页面之间的层级关系可以通过面包屑导航来体现,而canonical标签并不具备这个功能,所以不能这样使用,详情页的canonical标签要指向和自己页面本身内容一致的页面url,这才是canonical标签的正确用法。以上和大家简陋谈了一下canonical的规范使用方法,渴望对大家有所帮助。SEO在实践当中要规范使用优化标签,这样才能取得志愿的优化效果。对于体会丰富的SEO人员来说,canonical标签的使用一定不生疏,但最近在实践中发现不少网站的页面虽然用了canonical标签,但是使用方法却不规范。所以在这里和大家一起探讨一下canonical标签的规范使用方法,让更多的SEO人员避免走弯路。Canonical标签实际上就是一个页面内的301转向,可以帮助我们解决内容一样url不一样的网址规范化问题。和301跳转不同的是,用户并不被转向,但是对于搜索引擎来说,页面链接的权重是会被集中到代码中指明的规范化url上的。如果一个页面有多个url:http://www.example.com/neighbourhoods/http://www.example.com/ neighbourhoods.php?item=vichttp://www.example.com/ neighbourhoods.php?item=armadale-33-vic这些url的页面内容完全一样,而我们想优化的规范化url为http://www.example.com/neighbourhoods/,那么我们就在这些url页面html文件的头部加上以下这段代码:这样,这些url的规范化页面就成为http://www.example.com/ neighbourhoods/了。在SEO实践中,有不少网站挪动端页面在使用canonical标签的时候,往往会把链接指向本身的挪动端url,其实这是不规范的做法。因为PC和挪动之间的适配关系,往往是挪动端承继PC端的权重,所以在挪动端页面使用canonical标签的时候,最好还是链接指向对应的PC端页面,这样搜索引擎就能更好的识别挪动适配关系了。另外,在SEO实践中还有一个对canonical标签的使用误区,就是在详情页的html文件头部加canonical标签链接指向这个详情页的上一级页面。其实这种用法也是错误的,因为页面之间的层级关系可以通过面包屑导航来体现,而canonical标签并不具备这个功能,所以不能这样使用,详情页的canonical标签要指向和自己页面本身内容一致的页面url,这才是canonical标签的正确用法。以上和大家简陋谈了一下canonical的规范使用方法,渴望对大家有所帮助。SEO在实践当中要规范使用优化标签,这样才干取得志愿的优化效果。
canonical及canonical标签使用方法 canonical作为meta属性里面的标签,通常情况下很少用到,但对于某些网站来却是非常重要。鉴于canonical很容易被大家忽视,笔者在本文就详细的跟大家说说canonical及canonical标签的使用方法技巧。在讲canonical标签使用方法之前,我们来看看canonical的概念,事实这个概念解释起来会比较拗口,不妨这么来理解:就网站SEO优化而言,canonical标签意义在于规范网址,在众多指向同一页面的网址中,告诉搜索引擎哪个网址才是最主要的。为方面大家理解,这里举个例子,有如下两个页面URL地址:www.abc.com/a.htmlwww.abc.com/a.html?canshu这两个URL地址实则指向的是同一个页面,添加的参数可能是为了区别某些统计,这对普通用户来说是一样的,但对于百度等搜索引擎来说,这是两个不同的URL地址。对于网站SEO优搜索引擎化而言,它的影响在于,百度等搜索引擎会不知道哪个链接是重要的,出于保险考虑,搜索引擎会平分该页面的权重,简言之,就是不利于该页面的关键词排名。而使用canonical标签则可以完美的解决这个问题,因为canonical会告诉搜索引擎,只有www.abc.com/a.html这个页面才是规范页面,只有它才是最重要的。这样,就确保了页面权重的集中。上面通过举例说明了canonical的概念,下面再详细说说canonical标签的使用方法和注意事项。1.canonical标签的使用方法使用方法很简陋,就是在和之间加入即可。比如前面提到的例子,canonical标签的写法就是。这里需要注意,www.abc.com/a.html和www.abc.com/a.html?canshu的头部meta部分都要加!2.canonical标签的使用技巧那么页面什么时候需要用到canonical标签呢,总的原则是当有多个不同的URL指向同一页面时候需要使用canonical。笔者这里给大家简陋的列举几种不同的情况:1.站内链接加参数比如说某个专题页面,为了方便统计转化,运营人员往往在外部的入口链接加上特定的参数,这样就会导致呈现多个url。这种情况很常见,大家务必记得使用canonical标签来规范网址。2.外部广告链接比如说在别的网站投放了广告,又或者是做了sem推广等,同样为了统计,也会加入很多参数,这种情况下也得在目标页面使用canonical标签。关于canonical及canonical标签使用方法的总结:要弄清晰canonical标签的使用方法,第一要搞清晰canonical的概念和意义,那就是规范网址,告诉搜索引擎哪个网址才是最重要的。至于哪些页面需要用到canonical,这需要具体分析,最保险的做法是全部原始页面都加上,指定本页面是最重要的页面。2019.11.8 修订补充内容:本文虽然讲解了canonical的概念和用法,但是建议朋友还是要慎重使用,尤其是小的企业网站。对于这些标签,他们虽然有着各自的作用,但是在很多网站其实是用不上的,如果使用得不对,可能还会对网站诞生影响。当然,canonical的作用还是客观存在的。 --
文件传输协议(FTP)是在运算机之间获取和传输文件的一种方法,该协议是至今仍在使用的最古老的方法之一,始于1971年。它是作为一种授予用户访问权限的机制而开发的,以便用户能够访问和使用特定系统上的文件。在本文中,我们将学习有关FTP的基础见识以及如何使用该协议。什么是FTP?如上所述,FTP是一种在internet上访问和共享文件的方法。协议是在TCP/IP网络(internet)上运算机之间进行通信的一种方式,它用于访问FTP服务器(也称为FTP主机/站点)中传输和接收文件的用户。可以将FTP看作是使用Windows Explorer或MAC笔记本电脑上的Finder。在这些工具的帮助下,用户可以获取和挪动文件—文本、图像或音频到驱动器中的特定位置。作为一个网站开发人员,FTP经常被用来修改网站。考虑到需要处理的文件数量很大,使用FTP进行治理会更方便和更安全。例如,可以挪动web文件、添加图像文件、上载特定的文件来构建网站等等。FTP是如何工作的?FTP连接需要双方在网络上建立和通信,为此,用户需要通过向FTP服务器提供凭据获得权限。一些公共FTP服务器可能不需要凭证来访问它们的文件,这种做法在所谓的匿名FTP中很常见。在建立FTP连接时,有两个不同的通信通道。首先个称为命令通道,它在这里启动指令和响应。另一种称为数据通道,数据在这里分布。要获取或传输文件,授权用户将使用该协议请求在服务器中创建更改。作为回报,服务器将授予该访问权,这个会话称为活动连接模式。如果防火墙正在掩护用户的运算机,处于活动模式的分发可能会遇到问题,防火墙通常不答应来自外部方的任何未经授权的会话。如果呈现此问题,则使用被动模式。在被动模式下,用户同时建立命令和数据通道。然后,此模式要求服务器侦听,而不是试图创建回用户的连接。如何使用FTP?关于如何建立FTP连接,有三种方法。一个非常简陋的方法是使用命令行FTP,例如在Mac/Linux中为Windows或终端使用命令提示符。还可以使用web浏览器与FTP服务器通信,当用户渴望访问服务器中的大型目录时,web浏览器更加方便。然而,它通常比使用专用FTP程序更不可靠,速度也更慢。今天,对于web开发人员来说,使用FTP客户端是最常见的方法。与命令行和web浏览器相比,FTP客户端提供了更多的自由。与其他方法相比,它也更容易治理和更强盛。在使用这样的工具时,还有更多可用的特性。例如,它答应用户传输大文件并使用同步实用程序。在FileZilla中,插入主机名、用户名和密码并单击Quickconnect按钮。还可以填写端口号,否则,默认使用端口21。状态窗口将告诉您是否已登录到FTP服务器,正如在Remote Site窗口中看到的,这些是服务器拥有的文件。相关文章推举商业网站设计的3个技巧 互联网是商业传播的良好渠道,拥有良好的商业性设计将为您的网站带来更多业务,网络流量和增长。商业网站设计提供了建 […]...做网站要多少钱?建一个网站都需要哪些费用? 在构建网站时,人们第一要问的问题之一是:做网站要多少钱?事实上,建立网站的成本完全取决于您的个人预算和目标。 […]...网站设计规划包括那些方面? 在本文中,我们将告诉您如何为网站进行规划设计,因此您也可以建立一个网站,让您的访问者一次又一次地回来。 第1步 […]...网页打开速度慢怎么办?优化CSS性能的7个技巧 级联样式表可以将枯燥的HTML文档转换为动态网页,但随意使用CSS可能会使网站在开始渲染之前瘫痪。本指南将介绍 […]...网页设计师培训:网页设计师需要注意的9个要素 随着互联网不断扩大,有大量用户无法访问在线世界所提供的内容。创建可访问性已成为现代Web设计人员面临的一大挑战 […]...ftp是什么?ftp的使用方法
iFrame是内联框架的缩写,它是HTML元素的一个组件,答应在页面中嵌入文档、视频和交互式媒体。通过这样做,可以在主页上显示一个辅助页面。iFrame元素答应包含来自其他源的内容,它可以在页面的任何地方集成内容,而不必像传统元素那样将内容包含在web布局的结构中。但是过度使用iFrame会降低页面速度,并带来安全风险,把iFrame看作是内容的一部分,而不是站点的一部分。例如,如果您想添加一个爱奇艺视频来吸引读者,那么可以向该文章插入一个iFrame元素。iFrame的使用方法可以在HTML文档中使用< iFrame >标记插入iFrame元素,复制以下代码并粘贴到记事本,并将文件保存为.html格式:标签用于将视频包含在iframe中。iFrame源(src)是来自外部或内部服务器的内容的源,不要忘记将嵌入的代码放在URL中。宽度和高度是iFrame的长宽比,您可以像示例中那样插入固定大小,如680×480像素(px)。或者,您可以使用基于百分比(10%-100%)的方法自动调整iFrame。iFrame的安全威逼本质上,iFrame元素不会对web页面或读者造成任何安全风险,在一定程度上,它的开发是为了帮助内容制作者向读者添加具有视觉吸引力的材料。不过,在从不可信的站点添加iFrame时需要注意。2008年,在一些合法的网站,如ABC新闻,iFrame代码注入激增。这类攻击会将访问者重定向到恶意站点,然后恶意站点会在访问者的PC上安装病毒,或试图窃取敏锐信息,这就是为什么不建议将iFrame包含在网站中。总而言之,如果您渴望为访问者提供更多的参与,iFrame是一个强盛的互动元素。把iFrame看作是制作内容的一部分,而不是网站的一个组成部分。但是不应该过度使用iFrame,如果仍旧需要将其用于开发目的,请记住只使用来自可靠站点的内容。相关文章推举Iframe是什么? Iframe是内联框架的简称,是一种答应外部网页嵌入到HTML文档中的HTML元素。与传统的用于创建网页结构的 […]...Mac Pro是什么? Mac Pro是苹果的工作站,它是为那些需要强盛而灵活的机器的专业人士设计的,是使用尽可能多的处理核心的应用程 […]...IOPS是什么意思? IOPS表示“每秒的输入/输出操作”,IOPS是一个度量存储设备或存储网络性能的指标。IOPS值表示一个设备或 […]...APU是什么? APU是一个加速处理器,它在一个芯片上包括CPU和GPU。“APU”这个名字是由AMD公司创造的,AMD在20 […]...CRM系统是什么? 客户关系治理系统也称为CRM系统,是一套运算机软件,旨在简化公司与客户和潜在客户之间的交互。最基本的系统通常关 […]...iFrame是什么?iFrame的使用方法
Robots.txt是一个小文本文件,位于网站的根目录中。它告诉抓取工具是否要抓取网站的某些部分。该文件使用简陋的语法,以便爬虫可以放置到位。写得好,你将在索引天堂。写得不好,最终可能会从搜索引擎中隐蔽整个网站,该文件没有官方标准。但你可以使用robots.txt做更多的工作,而不是网站大纲,比如使用通配符,站点地图链接,和“Allow”指令,所有主要搜索引擎都支持这些 扩展。在一个完美的世界里,没有人需要robots.txt。如果网站上的所有页面都是供公众使用的,那么志愿情况下,应该答应搜索引擎抓取所有页面。但我们并不是生活在一个完美的世界里。许多站点都有蜘蛛陷阱,规范URL问题以及需要远离搜索引擎的非公共页面,而Robots.txt用于使您的网站更接近完美。Robots.txt如何工作如果你已经熟悉了robots.txt的指令,但担心你做错了,请跳到常见错误部分。如果你是新手,请继续阅读 。可以使用任何纯文本编辑器制作robots.txt文件,但它必须位于站点的根目录中,并且必须命名为“robots.txt”,您不能在子目录中使用该文件。如果域名是example.com,则robots.txt网址应为:http://example.com/robots.txtHTTP规范将“user-agent”定义为发送请求的东西(与接收请求的“服务器”相对)。严格来说,用户代理可以是请求网页的任何内容,包括搜索引擎抓取工具,Web浏览器或朦胧的命令行 实用程序。用户代理指令在robots.txt文件中,user-agent指令用于指定哪个爬网程序应遵守给定的规则集。该指令可以是通配符,用于指定规则适用于所有爬网程序:User-agent: *或者它可以是特定爬虫的名称:User-agent:Googlebot制止指令您应该通过一个或多个disallow 指令来遵循用户代理行 :User-agent:* Disallow:/ junk-page上面的示例将阻挠路径以“/ junk-page”开头的所有URL :http://example.com/junk-page http://example.com/junk-page?usefulness=0 http://example.com/junk-page/whatever 它不会阻挠任何路径不以“/ junk-page”开头的URL 。以下网址不会被 阻挠:http://example.com/subdir/junk-page这里的关键是disallow是一个简陋的文本匹配。无论“Disallow:”之后呈现什么都被视为一个简陋的字符串(除了*和$之外,我将在下面提到)。将此字符串与URL的路径部分的开头(从域之后的首先个斜杠到URL的末尾的所有内容)进行比较,该字符串也被视为简陋字符串。如果匹配,则会阻挠该URL。如果他们不这样做,那就 不是。答应指令Allow指令不是原始标准的一部分,但现在所有主要搜索引擎都支持它。您可以使用此伪指令指定制止规则的例外,例如,如果您有一个要阻挠的子目录,但渴望抓取该子目录中的一个页面:User-agent:* Allow:/ nothing-good-in-here / except-this-one-page Disallow:/ nothing-good-in-here /此示例将阻挠以下 URL:http://example.com/nothing-good-in-here/ http://example.com/nothing-good-in-here/somepage http://example.com/nothing-good-in-here/otherpage http://example.com/nothing-good-in-here/?x=y但它不会阻挠以下任何一种情况:http://example.com/nothing-good-in-here/except-this-one-page http://example.com/nothing-good-in-here/except-this-one-page-because-i -said-so http://example.com/nothing-good-in-here/except-this-one-page/that-is-really-a-directory 同样,这是一个简陋的文本匹配。将“Allow:”之后的文本与URL的路径部分的开头进行比较。如果它们匹配,即使在通常阻挠它的其他地方制止该页面,也将答应该页面。通配符所有主要搜索引擎也支持通配符计算符。这答应您在路径的一部分未知或可变时阻挠页面。对于 例如:Disallow:/ users / * / settings*(星号)表示“匹配任何文本。”上述指令将阻挠以下所有 URL:http://example.com/users/alice/settings http://example.com/users/bob/settings http://example.com/users/tinkerbell/settings 小心!以上还将阻挠以下URL(可能不是您想要的):http://example.com/users/alice/extra/directory/levels/settings http://example.com/users/alice/search?q=/settings 字符串结束计算符另一个有用的扩展是字符串结尾计算符:Disallow:/ useless-page $$表示URL必须在该点结束,该指令将阻挠以下 URL:http://example.com/useless-page但它不会阻挠 以下任何一种情况:http://example.com/useless-pages-and-how-to-avoid-creating-them http://example.com/useless-page/ http://example.com/useless-page?a=b阻挠一切您可能渴望使用robots.txt阻挠所有暂存站点(稍后会详细介绍)或镜像站点。如果您有一个私人网站供少数知道如何找到它的人使用,那么您还渴望阻挠整个网站被抓取。要阻挠整个站点,请使用制止后跟斜杠:User-agent:* Disallow:/答应一切当您计划答应 所有内容时,我可以想到您可能抉择创建robots.txt文件的两个原因:作为占位符,要向在网站上工作的任何其他人明确表示您答应一切都是有意的。防止对robots.txt的请求失败,以显示在请求日志中。要答应整个站点,您可以使用空的禁令:User-agent:* Disallow:或者,您可以将robots.txt文件留空,或者根本没有。爬行者会抓取所有内容,除非你告诉他们不要 。Sitemap 指令虽然它是可选的,但许多robots.txt文件都包含一个sitemap 指令:网站地图:http://example.com/sitemap.xml这指定了站点地图文件的位置。站点地图是一种特别格式的文件,列出了您要抓取的所有网址。如果您的站点具有XML网站地图,则最好包含此指令。使用 Robots.txt的常见错误我看到很多很多不正确的robots.txt用法。其中最严重的是尝试使用该文件保密某些目录或尝试使用它来阻挠恶意爬虫。滥用robots.txt的最严重后果是意外地将您的整个网站隐蔽在抓取工具中。密切关注这些 事情。当你去制作时忘记隐蔽所有暂存站点(尚未隐蔽在密码后面)都应该包含robots.txt文件,因为它们不适合公众查看。但是当您的网站上线时,您会渴望每个人都能看到它。不要忘记删除或编辑此 文件。否则,整个实时网站将从搜索结果中消逝。User-agent:* Disallow:/您可以在测试时检查实时robots.txt文件,或进行设置,这样您就不必记住这一额外步骤。使用摘要式身份验证等简陋协议将登台服务器置于密码之后。然后,您可以为登台服务器提供您打算在实际站点上部署的相同robots.txt文件。部署时,只需复制所有内容即可。试图阻挠敌对爬虫我见过robots.txt文件试图明确阻挠已知的恶意抓取程序,如下所示:User-agent:DataCha0s / 2.0 Disallow:/ User-agent:ExtractorPro Disallow:/ User-agent:EmailSiphon Disallow:/ User-agent:EmailWolf 1.00 Disallow:/这就像在汽车外表板上留下一张纸条说:“亲爱的小偷:请不要偷这辆车。 谢谢!”这毫无意义。这就像在汽车外表板上留下一张纸条说:“亲爱的小偷:请不要偷这辆车。 谢谢!”Robots.txt完全是自愿的,像搜索引擎这样的礼貌爬虫会遵守它。敌意爬行器,如电子邮件收割机,不会。爬虫没有义务遵守robots.txt中的指南,但主要的抉择是这样做的。如果您正在尝试阻挠错误的抓取工具,请使用用户代理阻挠或IP阻挠 。试图维持目录的机密如果您要保留对公众隐蔽的文件或目录,请不要将它们全部列在robots.txt中,如下所示:User-agent:* Disallow:/ secret-stuff / Disallow:/compromising-photo.jpg Disallow:/big-list-of-plaintext-passwords.csv出于显而易见的原因,这将弊大于利。它为敌对爬虫提供了一种快速,简便的方法来查找您不渴望他们找到的文件 。这就像在你的车上留下一张纸条上写着:“亲爱的小偷:请不要看着隐蔽在这辆车的杂物箱中的标有’紧急现金’的黄色信封。 谢谢!”维持目录隐蔽的唯一可靠方法是将其置于密码之后。如果你绝对不能把它放在密码后面,这里有三个创可贴解决方案。1.基于目录名称的前几个字符进行阻挠。 如果目录是“/ xyz-secret-stuff /”,则将其阻塞如下:Disallow:/ xyz-2.阻挠机器人元标记 将以下内容添加到HTML代码中:3.使用X-Robots-Tag标头阻挠。 将这样的内容添加到目录的.htaccess文件中:标题集X-Robots-Tag“noindex,nofollow”同样,这些是创可贴解决方案,这些都不是实际安全的替代品。如果确实需要保密,那么它确实需要在密码后面。意外阻挠不相关的页面假设您需要阻挠该 页面:http://example.com/admin还有 目录中的所有内容:http://example.com/admin/显而易见的方法是这样做 :Disallow:/ admin这会阻挠你想要的东西,但现在你也不小心阻挠了关于宠物护理的文章页面:http://example.com/administer-medication-to-your-cat-the-easy-way.html本文将与您实际尝试 阻挠的页面一起从搜索结果中消逝。是的,这是一个人为的例子,但我已经看到这种事情发生在现实世界中。最糟糕的是,它通常会被忽视很长一段时间。阻挠/ admin和/ admin /而不阻塞任何其他内容的最安全方法是使用两个单独的行:Disallow:/ admin $ Disallow:/ admin /请记住,美元符号是一个字符串结尾的计算符,表示“URL必须在此处结束。”该指令将匹配/ admin但不匹配 /治理。试图将robots.txt放在子目录中假设您只能控制一个巨大网站的一个子目录。http://example.com/userpages/yourname/如果您需要阻挠某些页面,可能会尝试添加robots.txt文件,如下所示:http://example.com/userpages/yourname/robots.txt这不起作用,该文件将被忽略。您可以放置robots.txt文件的唯一位置是站点根目录。如果您无权访问站点根目录,则无法使用robots.txt。一些替代选项是使用机器人元标记来阻挠页面。或者,如果您可以控制.htaccess文件(或等效文件),则还可以使用X-Robots-Tag标头阻挠页面。尝试定位特定的子域假设您有一个包含许多不同子域的站点:http://example.com/ http://admin.example.com/ http://members.example.com/ http://blog.example.com/ http://store.example.com/您可能想要创建单个robots.txt文件,然后尝试阻挠它的子域,如下所示:http://example.com/robots.txt User-agent:* Disallow:admin.example.com Disallow:members.example.com这不起作用,无法在robots.txt文件中指定子域(或域)。给定的robots.txt文件仅适用于从中加载的子域 。那么有没有办法阻挠某些子域?是。要阻挠某些子域而不阻挠其他子域,您需要提供来自不同子域的不同robots.txt文件。这些robots.txt文件会阻挠所有内容:http://admin.example.com/robots.txt http://members.example.com/robots.txt User-agent:* Disallow:/这些将答应一切:http://example.com/ http://blog.example.com/ http://store.example.com/ User-agent:* Disallow:使用不一致的类型情况路径区分大小写。Disallow:/ acme /不会阻挠“/ Acme /”或 “/ ACME /”。如果你需要全部阻挠它们,你需要为每个禁用一行:Disallow:/ acme / Disallow:/ Acme / Disallow:/ ACME /忘记了用户代理线所述用户代理线是使用robots.txt关键的。在任何答应或制止之前,文件必须具有用户代理行。如果整个文件看起来像这样:Disallow:/ this Disallow:/ that Disallow:/ what实际上什么都不会被阻挠,因为顶部没有用户代理行。该文件必须为:User-agent:* Disallow:/ this Disallow:/ that Disallow:/ whatever其他用户代理陷阱使用不正确的用户代理还存在其他缺陷。假设您有三个目录需要为所有抓取工具阻挠,还有一个页面应该仅在Google上明确答应。显而易见(但不正确)的方法可能是尝试这样的事情 :User-agent:* Disallow:/ admin / Disallow:/ private / Disallow:/ dontcrawl / User-agent:Googlebot Allow:/ dontcrawl / exception此文件实际上答应Google抓取网站上的所有内容。Googlebot(以及大多数其他抓取工具)只会遵守更具体的用户代理行下的规则,并会忽略所有其他规则。在此示例中,它将遵守“User-agent:Googlebot”下的规则,并将忽略“User-agent: *” 下的规则。要实现此目标,您需要为每个用户代理块重复相同的制止规则,如下所示:User-agent:* Disallow:/ admin / Disallow:/ private / Disallow:/ dontcrawl / User-agent:Googlebot Disallow:/ admin / Disallow:/ private / Disallow:/ dontcrawl / Allow:/ dontcrawl / exception忘记路径中的主要斜线假设您要阻挠该 URL:http://example.com/badpage你有以下(不正确的)robots.txt 文件:User-agent:* Disallow:错误页面这根本不会阻挠任何事情,路径必须以斜杠开头。如果没有,它永远不会匹配任何东西。阻挠URL的正确方法 是:User-agent:* Disallow:/ badpage使用 Robots.txt的提示既然您知道如何不将敌对抓取工具发送到您的机密内容或从搜索结果中消逝您的网站,这里有一些提示可以帮助您改进robots.txt文件。做得好不会提高你的排名(这是战略搜索引擎优化和内容的用途),但至少你会知道爬虫正在找到你想要他们找到的东西。竞争答应和不答应allow指令用于指定disallow规则的例外。disallow规则阻塞整个目录(例如),allow规则取消阻挠该目录中的某些URL。这提出了一个问题,如果给定的URL可以匹配两个规则中的任何一个,爬虫如何决定使用哪个?并非所有抓取工具都以完全相同的方式处理竞争答应和制止,但Google优先考虑路径较长的规则(就字符数而言)。如果两个路径长度相同,则allow优先于disallow。例如,假设robots.txt文件 是:User-agent:* Allow:/ baddir / goodpage Disallow:/ baddir /路径“/ baddir / goodpage”长度为16个字符,路径“/ baddir /”长度仅为8个字符。在这种情况下,答应胜过 不答应。将 答应以下URL :http://example.com/baddir/goodpage http://example.com/baddir/goodpagesarehardtofind http://example.com/baddir/goodpage?x=y以下内容将被 阻挠:http://example.com/baddir/ http://example.com/baddir/otherpage现在考虑以下示例:User-agent:* Aloow:/某些 Disallow:/ *页面这些指令会阻挠以下 URL吗?http://example.com/somepage是。路径“/ some”长度为5个字符,路径“/ * page”长度为6个字符,因此disallow获胜。答应被忽略,URL将被阻挠。阻挠特定的查询参数假设您要阻挠包含查询参数“id”的所有URL,例如 :http://example.com/somepage?id=123 http://example.com/somepage?a=b&id=123你可能想做这样的事情 :Disallow:/ * id =这将阻挠您想要的URL,但也会阻挠以 “id” 结尾的任何其他查询参数:http://example.com/users?userid=a0f3e8201b http://example.com/auction?num=9172&bid=1935.00那么如何在不阻挠“用户ID”或 “出价”的情况下阻挠“id ”?如果您知道“id”将始终是首先个参数,请使用问号,如下 所示:Disallow:/ *?id =该指令将阻挠:http://example.com/somepage?id=123但它不会阻挠:http://example.com/somepage?a=b&id=123如果您知道“id”永远不会是首先个参数,请使用&符号,如下 所示:Disallow:/ *&id =该指令将阻挠:http://example.com/somepage?a=b&id=123但它不会阻挠:http://example.com/somepage?id=123最安全的方法是 两者兼顾:Disallow:/ *?id = Disallow:/ *&id =没有可靠的方法来匹配两条线。阻挠包含不安全字符的URL假设您需要阻挠包含不安全URL的字符的URL,可能发生这种情况的一种常见情况是服务器端模板代码意外暴露给Web。对于 例如:http://example.com/search?q=<% var_name%>如果您尝试像这样阻挠该URL,它将无法 工作:User-agent:* Disallow:/ search?q = <%var_name%>如果您在Google的robots.txt测试工具(在Search Console中提供)中测试此指令,您会发现它不会阻挠该网址。为什么?因为该指令实际上是根据 URL 检查的:http://example.com/search?q=%3C%%20var_name%20%%3E所有Web 用户代理(包括抓取工具)都会自动对任何不符合URL安全的字符进行URL编码。这些字符包括:空格,小于或大于符号,单引号, 双引号和非ASCII 字符。阻挠包含不安全字符的URL的正确方法是阻挠转义版本:User-agent:* Disallow:/ search?q =%3C %% 20var_name%20 %% 3E获取URL的转义版本的最简陋方法是单击浏览器中的链接,然后从地址 字段中复制并粘贴URL 。如何匹配美元符号假设您要阻挠包含美元符号的所有网址,例如 :http://example.com/store?price=$10以下内容 不起作用:Disallow:/ * $该指令实际上会阻挠站点上的所有内容。当在指令末尾使用时,美元符号表示“URL在此处结束。”因此,上面将阻挠路径以斜杠开头的每个URL,后跟零个或多个字符,后跟URL的结尾。此规则适用于任何有效的URL。为了解决这个问题,诀窍是在美元符号后添加一个额外的星号,如下所示:Disallow:/ * $ *在这里,美元符号不再位于路径的尽头,因此它失去了它的特别含义。该指令将匹配包含文字美元符号的任何URL。请注意,最终星号的唯一目的是防止美元符号成为最后一个 字符。补充有趣的事实:谷歌在进行语义搜索的过程中,通常会正确地解释拼写错误或格式错误的指令。例如,Google会在没有投诉的情况下接受以下任何内容:UserAgent:* Disallow / this Dissalow:/ that这并不意味着你应该忽略指令的格式和拼写,但如果你确实犯了错误,谷歌通常会让你逃脱它。但是,其他爬虫可能 不会。人们经常在robots.txt文件中使用尾随通配符。这是无害的,但它也没用; 我认为这是糟糕的形式。对于例如:Disallow:/ somedir / *与以下内容完全相同 :Disallow:/ somedir /当我看到这个时,我想,“这个人不明白robots.txt是如何工作的。”我看到它很多。概要请记住,robots.txt必须位于根目录中,必须以用户代理行开头,不能阻挠恶意爬虫,也不应该用于保密目录。使用此文件的许多困惑源于人们期望它比它更复杂的事实。相关文章推举百度蜘蛛优化教程 你知道所有关于搜索引擎优化的方法,一个结构良好的网站,相关的关键词,适当的标签,算法标准和大量的内容,但是您可 […]...Google搜索引擎优化方案 为了协助您与世界竞争,并打磨您的搜索引擎优化技能,草根SEO带来了顶级的Google搜索引擎优化方案。 阶段一 […]...新站百度seo优化方案 2018年对于SEO而言相对安静,但是不管现在的SEO风景看起来多么和平,这并不意味着你可以靠在椅子上松弛一下 […]...【苏州seo培训】如何提高页面的搜索排名? 在开始页面搜索引擎优化之前,您需要做首先个事情是找到合适的关键词,抉择利基然后进行发掘以找到更多长尾关键词。 […]...有哪些SEO技术可以提高网站排名? SEO技术是整个SEO过程中非常重要的一步,如果您的搜索引擎优化技术存在问题,那么很可能您的搜索引擎优化工作不 […]...
许多网页设计师都在寻找为他们的网站设计增加重大影响的方法,以便他们能够吸引用户的注意力。多年来,从使用标题图形到在登录页面菜单下放置幻灯片,到成为完整的浏览器宽度,现在绝大多数网站都遵循相同的格式。 添加交互式元素确实可以吸引用户的注意力,并表明这与他们刚刚访问过的其他网站不同,它使一个网站比只有一个巨大的幻灯片和一些视差滚动更有趣。 01.添加初始变量从项目文件中打开开始文件夹,然后将其拖到代码编辑器中。打开’ index.html ‘,您将看到JavaScript库已经链接到您,在空脚本标签内部是代码所在的位置,在这里检测WebGL以确保可以运行项目,然后添加将在场景中使用的整个变量范畴。if (!Detector.webgl) Detector.addGetWebGLMessage();var SCREEN_WIDTH = window.innerWidth;var SCREEN_HEIGHT = window.innerHeight;var renderer, camera, scene, moverGroup, floorGeometry, floorMaterial, pointLight, pointLight2, pGeometry;var FLOOR_RES = 60;var FLOOR_HT = 650;var stepCount = 0;var noiseScale = 9.5;var noiseSeed = Math.random() * 100;02.创建更多变量下一个变量块处理水底应该有多大以及它与初始鼠标位置一起挪动的速度,屏幕的中心已经完成,改进的噪声库正在用于创建水面。var FLOOR_WIDTH = 3600;var FLOOR_DEPTH = 4800;var MOVE_SPD = 1.9;var mouseX = 0;var mouseY = 0;var windowHalfX = window.innerWidth / 2;var windowHalfY = window.innerHeight / 2;var snoise = new ImprovedNoise();var textureLoader = new THREE.TextureLoader();03.运算鼠标为场景的后期处理效果添加了一些最终变量,添加一个检查鼠标挪动的事件监听器,场景将在显示端口挪动以对鼠标挪动作出反应,此处添加的功能可运算出答应的挪动量。04.更改后期处理设置‘ params ‘功能是存储后处理效果的所有设置的地方,前四行中覆盖了倾斜移位朦胧,然后电影在其余行中通过,这主要是针对屏幕强度和噪声强度。05.设定最终参数最后一个参数是针对屏幕边缘的黑暗小插图,调用’ init ‘和’ animate ‘函数来运行。’ animate ‘函数将在本教程的后期创建,但是’ init ‘函数在这里创建。摄像机和场景设置为答应查看3D内容。 effectVignette.uniforms["offset"].value = 1.0; effectVignette.uniforms["darkness"].value = 1.3;}init();animate();function init() { camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 1, 4000); camera.position.z = 2750; scene = new THREE.Scene(); scene.fog = new THREE.FogExp2(0x1c3c4a, 0.00045);06.让光进去为了看到场景的内容,将放置四个灯,首先个是半球灯,用于获得场景的基本氛围,接下来是在场景中间添加浅蓝色光的中心灯,这是为了给整个场景提供一些亮光。var hemisphereLight = new THREE.HemisphereLight(0xe3feff, 0xe6ddc8, 0.7);scene.add(hemisphereLight);hemisphereLight.position.y = 300;var centerLight = new THREE.SpotLight(0xb7f9ff, 1);scene.add(centerLight);centerLight.position.set(2500, 300, 2000);centerLight.penumbra = 1;centerLight.decay = 5;07.动画灯接下来要添加两个灯,“ PointLight ”和“ PointLight2 ”是彩色灯光,它们会环绕场景以相反的方向旋转,以便灯光在视图中不断变化。首先种是粉红色光,第二种是橙色光。反射图像的路径和格式在最后两行中设置。pointLight = new THREE.PointLight(0xe07bff, 1.5);pointLight.position.z = 200;scene.add(pointLight);pointLight2 = new THREE.PointLight(0xff4e00, 1.2);pointLight2.position.z = 200;scene.add(pointLight2);var path = "img/";var format = '.jpg';08.有光泽的表面液体表面将具有反射的光泽表面,这通过创建反射立方体来完成。这是一个立方体,里面放有一个360度的天穹盒,它将被反射到液体表面。’ urls ‘数组包含要加载的图像,然后设置材质。09.成立一些小组挪动器组将包含稍后将添加的一些粒子,而地板组将包含液体的表面。将创建一个新的3D对象来保存该表面。将有两个液体表面; 一个将具有反射材料,第二个将具有线框’ floorMaterial ‘,如此处所定义。moverGroup = new THREE.Object3D();scene.add(moverGroup);var floorGroup = new THREE.Object3D();var floorMaterial = new THREE.MeshPhongMaterial({color: 0xeeeeee, side: THREE.DoubleSide, blending: THREE.AdditiveBlending, wireframe: true});floorGeometry = new THREE.PlaneGeometry(FLOOR_WIDTH + 1200, FLOOR_DEPTH, FLOOR_RES, FLOOR_RES);10.制作表面当添加首先个液体表面时,反射贴图非常明显,雾有助于将背景和表面混合在一起这两个液体表面在这里创建为’ floorMesh ‘和’ floorMesh2 ‘。它们被定位并放置在“ floorGroup ” 内,然后在相机前旋转到良好的视角。这不是直接平坦,而是略微倾斜,因为它看起来更好。var floorMesh = new THREE.Mesh(floorGeometry, cubeMaterial);var floorMesh2 = new THREE.Mesh(floorGeometry, floorMaterial);floorMesh2.position.y = 20;floorMesh2.position.z = 5;floorGroup.add(floorMesh);floorGroup.add(floorMesh2);scene.add(floorGroup);floorMesh.rotation.x = Math.PI / 1.65;floorMesh2.rotation.x = Math.PI / 1.65;floorGroup.position.y = 180;11.添加浮动颗粒浮动粒子填充场景,当所有这些都在渲染功能中进行动画处理时,它会带来对相机的挪动感这里的代码部分创建一个空的几何对象,然后将2,000个顶点放入其中作为粒子。它们分布在X,Y和Z轴上的随机位置。它们会漂浮在液体地板表面的正上方。pGeometry = new THREE.Geometry();sprite = textureLoader.load("img/sprite.png");for (i = 0; i < 2000; i++) { var vertex = new THREE.Vector3(); vertex.x = 4000 * Math.random() - 2000; vertex.y = -200 + Math.random() * 700; vertex.z = 5000 * Math.random() - 2000; pGeometry.vertices.push(vertex);}12.创建外观此处定义的材料将设置粒子的外观。在上一步中加载了图像,并在创建材质后将其用作每个粒子上的图像,然后将其应用于所有粒子的几何的每个点,然后将它们添加到场景中。13.添加徽标添加徽标(透明的PNG图像)将其放置在场景的中心,以后可以轻松替换为您自己的徽标。徽标将放置在屏幕中央,这将添加到面向相机的平面上,徽标略微透明,并添加添加剂混合物,以便在较轻的物体从后面通过时更加明显。这被定位并放置在场景中。sprite = textureLoader.load("img/logo.png");geometry = new THREE.PlaneBufferGeometry(500, 640, 1);material = new THREE.MeshLambertMaterial({ transparent: true, opacity: 0.8, blending: THREE.AdditiveBlending, map: sprite, side: THREE.DoubleSide});var plane = new THREE.Mesh(geometry, material);plane.position.set(0, 70, 1800);scene.add(plane);14.添加渲染设置渲染器设置为具有平滑的抗锯齿边缘,现在设置背景颜色。这将添加到文档正文中,以便场景位于HTML页面上,通过初始化各种渲染和着色器通道来设置后处理效果。15.传球一旦添加了胶片和毛刺传递,就会创建一个效果组合器,将所有传递组合在一起。这些将逐一添加到作曲家,最终将呈现给屏幕以供观众展现。16.关闭’init’功能最后几个设置被添加用于场景的初始化。设置后处理的参数,调用wave的设置,并在每次调整浏览器大小时添加事件监听器,这样可以更新显示以适应新尺寸。17.设置波浪现在为液体表面诞生波浪,这是通过在x和z轴上挪动地板几何体的每个顶点并在y轴上向上移动来完成的。在此阶段,为x和z轴创建“ for ”循环。function setWaves() { stepCount++; moverGroup.position.z = -MOVE_SPD; var i, ipos; var offset = stepCount * MOVE_SPD / FLOOR_DEPTH * FLOOR_RES; for (i = 0; i < FLOOR_RES + 1; i++) { for (var j = 0; j < FLOOR_RES + 1; j++) { ipos = i + offset;18.制造波浪并非所有顶点都以相同的方式向上缩放,距离相机最远的那些将是较大的,然后两侧将略微减少,并且最亲近相机的那些将缩放最少,这使得背部和侧面看起来更有趣。if ((i > 30) || (j < 12) || (j > 48)) { floorGeometry.vertices[i * (FLOOR_RES + 1) + j].z = snoise.noise(ipos / FLOOR_RES * noiseScale, j / FLOOR_RES * noiseScale, noiseSeed) * FLOOR_HT; } else if (i > 25 && i < 30) { floorGeometry.vertices[i * (FLOOR_RES + 1) + j].z = snoise.noise(ipos / FLOOR_RES * noiseScale, j / FLOOR_RES * noiseScale, noiseSeed) * (FLOOR_HT / 1.2); } else { floorGeometry.vertices[i * (FLOOR_RES + 1) + j].z = snoise.noise(ipos / FLOOR_RES * noiseScale, j / FLOOR_RES * noiseScale, noiseSeed) * (FLOOR_HT / 2); } } } floorGeometry.verticesNeedUpdate = true;}19.调整大小和动画调整窗口大小时,此处的函数将从步骤16中设置的侦听器调用。摄像机,渲染器和编辑器都在此处重置,以匹配浏览器窗口的新维度。animate函数只将其自身设置为60fps,调用render函数来更新显示。function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); composer.setSize(window.innerWidth, window.innerHeight);}function animate() { requestAnimationFrame(animate); render();}20.设定每一个行动框架每帧调用渲染函数,点光源设置为在场景中绕轨道运行,摄像机根据鼠标挪动定位,稍微缓和,使其逐渐挪动到位。相机设置为始终查看场景的中心。function render() { var timer = -0.0002 * Date.now(); pointLight.position.x = 2400 * Math.cos(timer); pointLight.position.z = 2400 * Math.sin(timer); pointLight2.position.x = 1800 * Math.cos(-timer * 1.5); pointLight2.position.z = 1800 * Math.sin(-timer * 1.5); camera.position.x += (mouseX - camera.position.x) * .05; camera.position.y += (-mouseY - camera.position.y) * .05;camera.lookAt(scene.position);21.渲染场景经常会有一个后处理效果在屏幕上诞生毛刺效应,只是为了使屏幕变得活跃并扭曲屏幕,然后再恢复正常在最后一步中,粒子在它们各自的顶点上向前挪动,如果它们到达相机,它们就被放回到距离中。这会更新,并调用’ setWaves’函数使波向前滚动。相关文章推举CSS3动画使用教程 将CSS3动画视为CSS过渡的更复杂的姐妹,动画在几个关键方面与变换不同:动画不会优雅地降级,如果浏览器不支持 […]...React入门教程 ReactJS简介 ReactJS是用于构建UI的javascript库之一,对于Web和便携式应用程序的视图 […]...3D Touch简介:静态快速主屏幕操作 iOS 9引入了3D Touch,用户可以使用该抚摸按下主屏幕图标并获取应用程序中某些操作的快捷方式,或者用户 […]...APPIUM – 用于测试的自动化工具 Appium最初由Dan Cueller开发,用于利用Apple iOS的UI自动化框架对本机挪动应用程序运行 […]...php是什么?为什么要使用php? PHP(PHP的递归首字母缩写:Hypertext Preprocessor)是JavaScript和Pyth […]...WebGL:如何使用WebGL创建液体效果?