JavaScript(JS)是一种无处不在,灵活且广泛流行的编程语言,尽管它也易于出错,导致大多数开发人员不满意. JS被广泛用于在大多数Web应用程序的客户端上增强用户交互性。如果没有JavaScript,也许网络上的一切都会变得毫无生气和刺激。但是,这种语言的起伏有时会使开发人员与之产生爱恨交加的关系. JavaScript错误会导致应用程序产生意外结果并损害用户体验。最近 研究 不列颠哥伦比亚大学(UBC)的研究试图找出JavaScript错误和错误的根本原因和影响。研究结果揭示了一些损害JS程序性能的常见模式. 这是一个饼图,显示了研究人员发现的结果: 在此博客文章中,我们将说明研究中突出显示的JavaScript错误的一些常见原因(以及我们每天遇到的其他原因),以及如何使您的应用程序不易出现故障. DOM相关 文档对象模型(DOM)在网站的交互性中起着至关重要的作用。 DOM界面可以操纵网页的内容,样式和结构。使普通HTML网页具有交互性(或操纵DOM)是发布JavaScript编程语言的原因. 因此,即使引入了诸如Node.js之类的后端JavaScript技术,使用DOM仍然构成了该语言的大部分功能。因此,DOM是在JavaScript应用程序中引入错误和错误的重要途径. JavaScript错误报告研究发现,与DOM相关的问题是造成大多数缺陷的原因,这一点不足为奇,占68%. 例如,一些JavaScript程序员通常会在加载DOM元素之前错误地引用它,从而导致代码错误. document.getElementById("容器").innerHTML = "常见的JS错误和错误"; 如果以上代码在Chrome浏览器上运行,则会抛出错误,可以在开发者控制台上看到该错误: 引发该错误是因为JavaScript代码通常是根据其在文档中出现的顺序执行的。这样,当代码运行时,浏览器不会意识到所引用的元素. 为了解决这个问题,您可以使用各种方法。最简单的方法是将标记放在脚本标记的开头之前。您还可以使用jQuery之类的JavaScript库来确保先加载DOM,然后才能对其进行访问. document.getElementById("容器").innerHTML = "常见的JS错误和错误"; 基于语法 当JavaScript解释器无法执行语法错误的代码时,就会发生语法错误。如果创建应用程序并且解释器观察到与JavaScript编程语言的标准语法不匹配的标记,则将引发错误。根据JavaScript错误报告研究,此类错误占该语言所有错误的12%. 语法错误(例如缺少括号或不匹配的括号)是JavaScript中语法错误的主要原因. 例如,当您必须使用条件语句来解决多个条件时,可能会错过根据需要提供括号的问题,从而导致语法缺陷. 让我们看下面的例子. 如果((x > y) && (y < 77){ //更多代码在这里 } 是的,条件语句的最后一个括号丢失了。您是否注意到上述代码的错误? 让我们更正. 如果((x > y) && (y < 77)){ //更多代码在这里 } 为避免此类语法错误,您应该花时间学习JavaScript编程语言的语法规则。通过广泛的编码实践,您可以轻松发现语法错误,并避免在开发的应用程序中附带这些错误. 未定义/空关键字的使用不当 一些JavaScript开发人员不知道如何使用 未定义 和 空值 正确的关键字。实际上,该研究报告称,关键字使用不当占所有JavaScript错误的5%。. 的…
挑战批判性思维的17种编码挑战
如果您想提高现有或新编程语言的技能,最好的方法之一就是应对编码挑战. 多年来,已经有许多平台和网站可供使用,这给所有级别的编码人员都带来了令人兴奋的挑战。不管您是要学习的新语言,还是希望在压力很大的情况下测试您的才智,编码挑战既可以既有趣又可以同时进行测试. 应对这些挑战,除了显而易见的好处外,还包括更好的解决问题的能力,对语言的深入理解以及学习新算法的乐趣。如你所知, 算法在招聘过程中并不少见 -因此,在游戏中咬牙可能会助您一臂之力. 这篇文章涵盖了一些最好的编码挑战网站和平台。有些是初学者友好的,而另一些则迎合了更多有经验的观众。我们还添加了一些东西,您可以向孩子展示,因为 儿童友好编码 也变得很受欢迎. 编码字节 Coderbyte是基于现代编程实践的独特应用程序。它的核心功能是编码挑战,这些挑战已帮助全球数百万人成为更好的开发人员。与市场上的类似应用不同, 编码字节 致力于帮助人们解决行业层面的问题. 使用该平台的好处之一是,它正在与一些领先的软件品牌合作。例如Google,LogMeIn,HBO,PWC等。如果您想在这样的公司工作,请放心,Coderbyte可以给您带来挑战,以测试您的技能. 注册后,您可以从挑战和算法中进行选择。用户提交的解决方案有数十万种,可以帮助您对特定的编程主题有更广泛的了解。. 组织可以注册并管理其筛选过程。通过成为注册组织,您可以使用其他工具,这些工具可以帮助分别筛选每个开发人员. 密码战 一致的编码实践的好处在于,您总是想出解决问题的新方法. 密码战 正在利用这个想法。该平台以“ katas”为基础,以多种语言提供练习和挑战. 完成上述练习后,您可以得分,还可以检查其他程序员如何解决特定问题. 如果您打算练习一种新语言,那么Codewars是添加到书签的绝佳网站. 以下是一些受支持的语言: Clojure 锈 迅速 蟒蛇 哈斯克尔 贝壳 的JavaScript 的PHP 科特林 斯卡拉 BETA程序中还有许多其他语言。可用,但可能存在瓶颈. 爱达比特 学习新事物的最简单方法是与您尝试学习的事物保持一致的互动。编程也是如此。除非您将书面文字付诸实践,否则阅读最好的书将给您零知识。. 爱达比特 是一个成熟的平台,可提供一口大小的编码挑战,可快速提高您的编码能力. 从根本上讲,Edabit希望提供一个可以弥补初学者和高级编码人员之间差距的平台。您可以查看 路线图 查看完整的功能列表. CodinGame 游戏作为学习平台并不是什么新鲜事物,但是现在该领域似乎有更多的玩家。 CodinGame只是通过游戏化体验提供编程挑战的众多平台之一。您无需构建空白代码,而是构建游戏环境。您编写的所有代码都以某种方式影响着“游戏”的运行方式. 后见之明,类似的平台 CodinGame 可以帮助技术开发人员获得很多因果关系。以及某些决定如何导致特定结果. 这不仅仅是您编写cheap草的JavaScript代码的廉价网站之一。 CodinGame涉及一些顶级算法,并且拥有无数世界一流的编码器,可为新手和经验丰富的开发人员提供解决方案. 黑客地球 黑客地球 是运行黑客马拉松,编码挑战和各种竞赛的著名平台. 在这里,您还可以了解一些有关现代公司招聘过程的有趣知识。并非全部,但将来在您的任何工作面试中都可能会问到HackerEarth数据库中发现的大量挑战. 那怎么可能呢?好吧,主要是因为HackerEarth的真正目的是为顶尖的科技公司提供招聘解决方案。如果您想被认为是最好的,那么就必须与最好的人一起度过。这对您来说是双赢的局面. 程序员…
初学者的区块链介绍
价值互联网=区块链 您可能听说过“区块链”一词。因此,只是为了让您了解什么是区块链。. 区块链是一个分布式数据库,其中数据库的存储设备未全部连接到常规处理器。它提供了越来越多的有序记录列表,称为块。每个数据块都包含一个时间戳和前一个数据块的元素,或者我们可以添加这些数据块中的每个数据块,即,使用密码原理(即链)保护和附加这些数据块。这就是“区块链”一词的来源! 你困惑吗? 好吧,用简单的话来说,区块链是由一组标准计算机管理的一系列永久记录或数据束。区块链技术还支持数字货币,包括比特币,莱特币等。对于他们来说,该技术允许仅分发数字信息,而不允许复制. 在本指南中,我们将向您解释什么是区块链技术,区块链如何工作以及其特性是什么使其如此独特. 快速介绍 中本聪(Satoshi Nakamoto)在2008年提出了区块链的思想,后来在2009年首次将其作为数字比特币的一部分进行了实施。区块链充当所有比特币交易的社交分类账. 区块链网络没有最重要的权限。由于它是一个分散且不变的分类帐,因此其中的信息向公众和所有人开放。因此,构建在区块链上的所有事物就其本质而言都是透明的,所涉人员应对其活动负责. 用户可以通过获取寻址文件所需的私钥来简单地编辑自己“拥有”的区块链部分。密码学可确保人们对分布式区块链的复制保持同步. 区块链如何运作? 区块链系统由记录,活动和块的两个副本组成。交易通常是在特定时期内执行的操作,并且将它们统一存储在一个块中. 在互联网上,一个人可以分发信息,后来,其他人可以在世界任何地方访问它。区块链允许人们在世界上可以访问区块链文件的任何地方发送价值。但是您必须具有单独的密码创建的密钥,才能仅组装您“拥有”的块。 服用 比特币 例如,需要密钥来传输块,该块由具有财务能力的货币单位组成。它具有读取转帐的作用,通常由银行执行. 点对点网络支持区块链(将进一步讨论)。网络是相互链接的节点的汇编。节点是保持输入并在其上产生功能并转换输出的单个计算机。. 让我们看一个维基百科的例子. 借助区块链,许多人可以在信息记录中创建条目,而海关社会可以处理如何修改和更新数据记录。同样,维基百科条目也不是单个作者的输出。没有人能控制信息. 每当用户访问Wikipedia页面时,他们都会拥有Wikipedia页面的“主副本”的修订版。数据库的控制权仍在Wikipedia管理员的手中,允许访问和协议得到支持. Wikipedia的“主副本”已发布在服务器上,并且所有用户都具有当前版本。在区块链的过程中,系统中的每个节点都具有相同的信念,每个节点都单独更新记录而不是作为主副本. 区块链功能 现在,我们所有人都需要通过分散的在线平台(即互联网)来分发信息。但是,当它似乎在转移价值时,例如金钱,所有权,知识产权等,我们通常被迫依靠传统的,集中的机构或系统,例如银行或政府机关。. 即使是自互联网诞生以来就已经出现的在线支付方式(最明显的例子是PayPal),通常也需要与银行帐户或信用卡集成才能生效。区块链技术为处理这种“中间人”提供了令人愉悦的可能性。 区块链的优势 它不仅由单个实体控制。因此它是分散的. 数据以密码方式存储在块中 区块链是永久性的,因此没有人可以修改区块链块中的数据. 区块链是透明且清晰的,因此人们可以根据需要记录数据. 区块链安全吗? 由于其先进的密码保护政策,与传统银行业务相比,区块链提供了更加稳定的体验. 自动化是分散的,无法进行追溯更改或编辑的情况使其最适合金融活动和隐藏有价值的信息. 区块链从准备好保护用户隐私方面也有所改进-但是,不幸的是,这使得它变得越来越突出,因为作为网络比特币网络节点的网络犯罪分子的优先付款方式不必透露个人携带的身份付款或付款. 接下来是什么? 区块链还提供了建立交易交易防欺诈系统的可能性。因此,这表明了其在数字货币领域之外的巨大服务潜力,不仅吸引了传统金融机构的兴趣,而且还吸引了建筑,食品生产等更多领域的兴趣。. 对构建您的区块链感兴趣吗?看看这个 动手教程.
节点开发人员犯的5大错误
Node是编写后端的绝佳平台。除非您做得不好. 取决于您碰巧站在栅栏的哪一边,Node可能是Web开发世界上发生的最好的事情或最坏的事情。但是尽管有很多意见,但没有争论Node的流行。它的普及速度比任何人都快,甚至是它的创造者(他对此表示悲观地说。 面试)! 在撰写本文时,它是启动新应用程序的默认平台,我承认这通常是一群人的心态,但最终的结果是,与其他传统脚本语言相比,Node中的工作机会更多,资金更多,项目更精彩. 不幸的是,当有人要求我向他们推荐用于Web开发或新启动产品的入门堆栈时,Node是我的第一推荐,即使我精通PHP和Laravel. 如果我可能被允许继续讲一点(由于我是写作,我会这样),那么讨厌节点的人会说一点,他们说自己喜欢的Web堆栈可以完成与Node一样的工作,但是反之亦然。然后是异步编程和事件,这些东西从第一天起就被移植到Node中,其他生态系统现在正拼命尝试复制. 今天,我们在PHP和Python中提供了异步选项,但是不幸的是,现有的流行库的核心是完全同步的,因此几乎就像您在与系统作斗争。但是无论如何,足够的怒气一天。 因此,如果您是Node开发人员(初学者或熟悉的),那么您很可能犯了对应用程序造成负面影响的重大错误之一。可能是因为您不熟悉在Node中做事更好的特定方式,或者可能仅仅是您从其他生态系统继承而来的习惯. 不尊重事件循环 当一个人迁移到Node时,部分原因是因为他们听说过LinkedIn如何使用Node进行扩展的故事,或者他们看到基准测试显示Node在每秒处理请求或处理请求方面围绕PHP,Ruby等运行打开插座连接. 因此,他们构建了自己的应用程序,期望获得与他们梦dream以求的爆炸性响应时间相同的响应时间-除非几乎没有发生任何反应. 造成这种情况的主要原因之一是无法正确理解事件循环。考虑以下代码,该代码从数据库中获取一组书籍,然后按总页数对其进行排序: db.Library.get(libraryId,function(err,library){ 让书籍= library.books; books.sort(function(a,b){ 返回一页 < b。页面? -1:1 }); }); 我同意该代码不会对已排序的书本数组执行任何操作,但这不是重点。关键是,这种无害的代码足以在您开始处理数量不小的书籍时立即炸毁事件循环. 原因是事件循环旨在执行非阻塞I / O。一个很好的例子是在披萨店的披萨包装工—该人员专门切割披萨,将盖子折叠到交货盒中,放入比萨,贴上正确的标签,然后将其推向送货员. 太好了吧?就像Node! 资料来源:stackoverflow.com 但是考虑一下如果这个人还需要混合,准备和包装调味料会发生什么。根据流程的复杂程度,比萨的包装率将降低到三分之一,甚至可能完全停止. 这就是“阻塞”任务的意思-只要Node只需传递信息,它就是非常理想的最佳选择,但是一旦它需要做大量的计算,它就停止了,一切否则必须等待。发生这种情况是因为事件循环是单线程的(更多详细信息 这里.) 因此,无论事件多么重要,都不要在事件循环内执行计算。我的意思是,将数字相加并取平均值是可以的,但是大型数据集将使您的Node应用程序爬行. 希望异步代码能够合作 考虑下面这个非常简单的Node示例,该示例从文件读取数据并显示数据: const fs = require(’fs’); 让内容= fs.readFile(’secret.txt’,(错误,数据)=> { 返回数据; }); console.log(’文件内容为:’); console.log(contents); 接触古典语言(如PHP,Python,Perl,Ruby,C ++等)将使您应用常识,即在此代码运行后,变量内容将具有文件的内容。但是,当您实际执行代码时,会发生以下情况: 我们得到undefined()。这是因为虽然您可能会很在意Node,但它的异步特性并不在乎您(这只是在开玩笑!请不要在此处spa垃圾评论)。我们的工作是了解其异步性质并使用它。 readFile()是一个异步函数,这意味着Node事件循环在被调用后立即将工作传递给文件系统组件并继续运行. 读取文件后,它确实会返回到函数,但是到那时,内容被视为未初始化的变量,因此包含未定义的内容。正确的方法是在回调函数中处理文件数据,但是我无法详细介绍,因为这不是 节点教程. 回调,调用该回调,该回调调用该调用的回调 ….
7个用于快速应用程序开发的最佳AngularJS框架
HTML是制作静态页面的绝佳方法,但是如果不集成脚本语言,则静态功能无法为网页提供动态功能. AngularJS之类的javascript高级语言对于创建强大的客户端服务器和平稳运行Web应用程序是必需的。 Google在2012年推出了AngularJs,它是一个免费的开源软件,其以HTML作为脚本标签实现. 随着SPA(单页应用程序)的发展,Angular Js变得越来越受欢迎,并且它为最常用的客户端编程语言(例如Javascript)提供了许多配置。通过合并HTML,用户将使用更高级的Angular属性. 根据市场分析,Angularjs在这里居住了很长一段时间,它已成为Web行业的资产。多亏了这个伟大的社区,开源和 现成的模板,成本更低. 通过利用Angularjs的高级属性,开发人员将创建用于创建动态Web应用程序的不同框架。但是,选择正确的框架是一项艰巨的任务,因为市场上有几种结构可用。愿意使用AngularJ的热情的开发人员可以使用这些框架,并且开发人员使该软件引人注目。如果您想全面了解Angularjs,可以选择 在线课程. 让我们看一下以下框架,这些框架将帮助您成为聪明的开发人员. 离子性 离子性 是AngularJs框架的拥护者。它是针对AngularJs进行了特别优化和强大的前端框架,用于构建基于Web的移动应用程序. 经过特别优化的高级框架,带有Angular的说明,以支持CSS3和HTML驱动的应用程序的部署,从而提供了有效的用户干扰。开发的框架提供了一个开源和免费的软件开发工具包(SDK),不仅某些UI库组件有助于为触摸感应产品构建混合暨交互式应用程序. 学习Ionic听起来很激动?看看这个 在线实践课程. LumX LumX 是基于Google Material Design的完全灵活的前端框架. LumX的功能允许开发人员根据Google准则构建用户界面。 LumX依靠Angular JS支持基于MVC设计模式的Web应用程序的开发,并且它使用jQuery来增强基于Web的应用程序的性能. 但是,使用LumX组件时,用户无需单独使用jQuery插件。 SAAS用于构建前端框架。另一方面,Bourbon和Neat在设计应用程序中提供自定义功能,以实现更好,更流畅的功能. 移动角度UI 移动角度UI 是广泛使用的工具之一,用于开发基于HTML-5移动设备的应用程序。它针对Bootstrap和AngularJS进行了优化,并且为overthrow.js和fastclick.js等出色的库提供了全面的支持。该框架提供了必要的组件,例如叠加层,侧边栏,可滚动区域,开关等. 借助Mobile Angular UI,我们可以设计灵活的用户干扰,并且可以将基于Web的应用程序转换为用户友好的移动应用程序. 角材料 它是面向AngularJs开发人员的基于UI的组件库,并受到Google Material Design的启发。它提供30种UI服务和组件. 角材料 组件有助于构建功能强大,有吸引力且一致的网页和应用程序,同时坚持新的现代网页设计原则,例如设备独立性,平稳降级和浏览器可移植性. 它有助于创建一个灵活,快速且出色的网站。通过提供自然按钮元素等功能(如具有悬停效果,ARIA支持,内置墨水和主题). UI引导程序 它是在称为的前端框架的顶部开发的 UI引导程序. 开发人员可以使用存储库依赖组件,例如Bootstrap CSS,AngularJS,Angular-touch和Angular-animate。包含存储库的指令具有外部标记. Web开发人员将标记保留为选项并用作模板。根据要求,开发人员更改外部标记,然后创建自定义模板。每个指令都有其自己的AngularJs模块,并且它们使用代码作为基本准则。它提供各种指令,例如警报,轮播,按钮,下拉菜单,时间选择器,日期选择器等. 超音速 超音速 是最早的混合UI框架之一,它由Java,Web组件和CSS组成,我们可以在流行的框架中使用它,也称为不可知框架。它有助于简化HTML应用程序,并且与AngularJS集成在一起。. Supersonic与AppGyver一起使用,大多数API在移动网站或Vanilla Cordova App中均无法使用。它允许用户与CSS组件一起编写HTML,或者我们使用将您的HTML映射到Web组件的Web组件,以前所未有的便捷方式访问本机API和完全本机的干扰. 录影带 录影带 非常适合创建基于HTML5的基于视频的Web或移动应用程序。它具有可绑定属性,主题和插件,提示点系统等功能. 结论…
如何在本地开发环境中实施可信SSL证书?
如何通过HTTPS访问本地开发环境而没有SSL警告? 作为开发人员,您可能需要处理多个项目,客户端和Web应用程序。 Web应用程序开发的先决条件之一是在开发阶段在浏览器上本地测试网站。在生产环境中使用SSL / TLS证书保护正在开发的应用程序的可能性很高. 同意? 如果您必须利用第三方API(要求来源为https://)来测试某些功能,该怎么办? 您可以说自签名证书,这没有错。但是,您是否尝试过访问自签名证书实现的网站?您仍然会在Chrome和其他浏览器上收到证书警告. 你看到了吗 不安全 徽章? 不好,对? 在开发环境上拥有有效SSL证书的最佳方法是管理自己的CA,并可能通过 证书. 一种易于实施的方法,可让您在以下本地开发网站上拥有有效的证书. example.com * .example.com example.test 本地主机 127.0.0.1 :: 1 您可以在macOS,Windows,CentOS,Ubuntu和其他基于UNIX的操作系统上实施mkcert。以下示例来自Ubuntu. 首先,让我们安装具有certutil来管理证书数据库的网络安全服务工具. apt-get更新 apt-get安装libnss3-tools 您可能还需要确保在服务器上安装了brew。如果未安装,请使用以下命令. apt-get安装linuxbrew-wrapper 最后,使用brew安装mkcert. brew install mkcert 注意:要使用brew安装,您不应该是root用户。它被安装在/home/$USER/.linuxbrew/bin/mkcert 其中$ USER是您用来安装的用户名 现在,是时候将本地CA安装在系统信任库中了. [受电子邮件保护]:〜/ mkcert#/home/chandan/.linuxbrew/bin/mkcert-安装 在使用本地CA "/root/.local/share/mkcert" ✨ 现在,本地CA已安装在系统信任库中! ⚡️ [受电子邮件保护]:〜/ mkcert# 然后,为开发环境生成证书。假设您要在example.com上建立网站,并且可以使用以下命令来获取证书和密钥文件. [受电子邮件保护]:〜/ mkcert#/home/chandan/.linuxbrew/bin/mkcert example.com 在使用本地CA "/root/.local/share/mkcert" ✨ 创建了对以下名称有效的新证书certificate –…
如何使用WPScan在WordPress网站上查找安全漏洞?
数以百万计的网站由WordPress提供支持,并排名第一,在CMS世界中占据62%的市场份额。. 最近的Web应用程序漏洞报告,作者: Acunetix 显示大约30%的WordPress网站被发现易受攻击. 有很多在线安全扫描程序可以扫描您的网站。但是,如果您正在寻找要从服务器安装和扫描的软件,则WPScan是您的朋友。如果您的网站位于无法使用Internet的专用网络或Intranet上,则很有用。或者,想要多次测试多个站点. WPScan是免费软件,可帮助您确定WordPress网站上与安全相关的问题。它执行以下几项操作: 检查网站是否使用易受攻击的WP版本 检查主题和插件是否最新或已知容易受到攻击 检查廷图姆 检查配置备份,数据库导出 蛮力攻击 还有更多…… 有几种使用WPScan的方法. 通过在Linux服务器上安装 使用Docker 使用预装的Linux发行版,例如Kali Linux,BackBox,Pentoo,BlackArch等. 在线版 在CentOS上使用 以下在CentOS 7.x上进行了测试. 用root登录到CentOS 更新资料库 百胜更新-y 安装最新的Ruby及其依赖项 yum -y install curl gpg gcc gcc-c ++ make patch autoconf automake bison libffi-devel libtool patch readline-devel sqlite-devel zlib-devel openssl-devel && gpg –keyserver hkp://pool.sks-keyservers.net –recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB && curl -sSL…
与Algolia和其他9个网站一起使WordPress搜索功能强大
实施功能强大的搜索平台的分步指南 阿尔及利亚 与WordPress。还有一些替代解决方案. 默认的WordPress搜索是基本的。如果您正在运行一个需要大量搜索操作的网站,那么您需要的不仅仅是基本信息. 您最近是否访问过产品搜索,中等,测试版列表,条纹, 数字海洋, 等,并在搜索时感到惊讶? 他们使用 阿尔及利亚 一个用于WordPress,Java,Rails,React,Angular,Python,电子商务等的SaaS(软件即服务)搜索引擎。 WordPress插件 这使得集成变得简单快捷. 让我们先看一下功能. 错字容忍–每个人都会遇到错字,因此您的用户也会错字。但这并不意味着他们不应该得到预期的结果. 正如您在上面看到的,我输入了错误的拼写错误,但仍然可以得到结果. 同义词-不必担心包含目标关键字的所有同义词。检测复数,删除停用词, 地理搜寻 多国语言–涵盖100多种语言 自定义排名-基于受欢迎程度,客户行为 强大的分析功能–分析所有查询,热门搜索,按国家/地区,按IP执行的搜索等所有内容. 阿尔及利亚已经为企业做好了准备,并且拥有 自由 计划。如果您拥有一个小型网站,或者想了解它的工作原理,请注册社区版. 要查看实际效果,请查看此 演示. 准备实施后,请执行以下步骤. 将Algolia与WordPress集成 创建一个帐户并 登录到阿尔戈利亚 登录到您的WordPress管理员 安装 & 激活 WordPress插件 在左侧导航中,转到Algolia搜索 >> 设定值 在这里您需要输入API凭据,您将从Algolia仪表板获取它 >> API密钥 输入 应用程序ID, 搜索API & 管理员API密钥 并保存更改 接下来,我们将配置WordPress如何执行搜索查询. 默认情况下,Algolia是禁用的,因此必须将它们打开. 转到“ Algolia搜索”下的“搜索页面”,然后选择以下选项之一. 在后端使用 –这意味着搜索将由Algolia提供支持,但是搜索结果页面仍将显示默认的WordPress. Instantsearch.js –通过Algolia增强搜索操作和结果页面的功能. 最后,启用 自动完成….