JavaScript – 第12页电视电影小迷妹 TVco.cn

正在播放：将Spotify的Awesome API与React结合使用

让房间中的所有人成为DJ。或者，请朋友将歌曲添加到您的旅行播放列表中。或者，也许找到任何艺术家与Kanye West之间的分离程度。这些只是您可以使用Spotify的API轻松完成的无数操作中的一些，今天，我将向您展示如何开始使用非常简单的方法。然后，您将准备好像许多人一样拥有疯狂的创意。打开您的桌面Spotify应用，或访问Web Player并播放您喜欢的歌曲。在玩吗好的，您刚刚完成了此5步教程的第一步。您可以根据需要暂停它，但不要关闭该应用程序。我们将制作一个超级简单的React应用，向我们显示当前正在播放的歌曲的名称和专辑封面。 “ TLDR。你好烂。我只想要代码。” 很好:( ..这是仓库。…

Chrome扩展程序剖析

Chrome扩展程序是生命。至少我的生活我将它们用于广告拦截，时间管理，语言学习，开发，保存文章以及无数其他所有内容。尽管我使用了很多，但我从未想过要构建一个。也就是说，直到上周。我读了Mackenzie Higa的一篇有关如何制作一个的文章，并意识到它可以多么容易。然后，我构建了一个扩展程序，该扩展程序允许我将歌曲添加到Spotify。要使用扩展名，首先我要在页面上选择任何文本，代表我要查找的歌曲或歌手。然后，右键单击并选择“添加到Spotify”，然后iframe将根据我突出显示的任何文本打开搜索。然后，我可以从结果中选择一首歌曲，然后将其直接添加到我的任何播放列表中。在进行此操作的同时，我了解了很多扩展结构的知识，因此今天我想就此进行简要概述。大多数chrome扩展程序都有4个主要部分，在本文中，我将以扩展程序为例来介绍它们的含义以及它们如何协同工作。 1.清单此json文件是扩展程序的蓝图。它定义了应用程序的体系结构，使用的资源，所需的权限以及其他重要细节，例如名称，描述和版本号。 2.背景后台页面是在浏览器运行时始终处于活动状态的页面。…

JavaScript的数据结构：堆栈

堆栈广泛用于编程语言中，以实现对函数调用的表达式求值。它们被称为LIFO（后进先出）数据结构。我们可以轻松地认为或堆叠成一个托盘，首先放置在最后放置的架子中。堆栈是元素列表，您只能从列表的一端（称为顶部）访问堆栈。由于其先进先出的性质，我们目前无法访问不在堆栈顶部的元素。在堆栈上主要执行两个操作： push和pop 。推入操作将元素推入堆栈的顶部，而弹出操作用于反向操作，即移除顶部元素。还有另一个操作偷看，它返回栈顶的值而不将其从栈中删除。堆栈类的实现：在这里，我们可以使用数组来实现堆栈，如下所示。 element的值存储在名为dataStore的数组中。 push（）将元素存储在堆栈的顶部位置时，需要将顶部位置增加一个。但是在调用this.top之后放置增量操作，将其置于顶部并增加计数器以供以后使用。 pop（）进行反向推入，将元素返回到堆栈的顶部位置，然后减小顶部变量。 peek（）通过访问数组中top-1位置的元素来返回顶部的元素。…

如何使用RxJS播放多节奏

非常规的，与音乐相关的反应式编程示例，包括代码示例和详细说明 Von Franjo，前端开发人员@comsysto 介绍最近，我对亚当·尼利（Adam Neely）关于多节律的演讲很感兴趣。所以我决定创建一个小程序，让您聆听不同节奏的声音。这个想法是使用RxJS库。本文假定您对反应式编程有所了解，最好是RxJS。您如何演奏多节奏？摘自Wikipedia：“ 多节奏是同时使用两个或多个相互矛盾的节奏”。让我们以3到4的多节奏为例：3/4的多节奏是指您听到3个均匀间隔的脉冲的时间与4个均匀间隔的脉冲的时间相同（并且该序列重复）。如果重复周期为1秒长，则将在0秒，1/3秒，2/3秒（每1/3秒）内听到一个脉冲。第二个脉冲将在0秒，1/4秒，2/4秒和3/4秒（每1/4秒）处听到。一种以编程方式实现此目的的简单方法是将一个周期分为12个间隔（3 * 4…

恩佐学到：第11部分，重构bcrypt，让我的屁股被异步激怒

重构nodejs-bcrypt-> bcrypt 今天，我将我的NPM更新到最新版本，这是一个错误。在这个dev.to线程中有人告诉我，我应该卸载我的nodejs-bcrypt软件包并仅安装bcrypt。正如建议的那样。因为是最新的怪物，所以我也无意识地更新了NPM。这是当我发现bcrypt在NPM的不稳定版本上不起作用时，因此在我的机器上不起作用。现在，我要在键入时卸载node.js。然后，我将重新安装更稳定的版本。谈论麻烦！ 😅（反正我的错）好的，我将旧的nodejs-bcrypt完全重构为bcrypt。大！下一步是什么？好吧，我以为一切都很顺利。我将我的同步哈希函数重构为异步，但是事情变得一团糟。输入异步我研究了几个小时，结果发现我对javascript非常了解-我的意思是，我还有很多东西要学习。…

Enzo学习：第8部分，使用JSON Web令牌实现API身份验证

我终于决定他妈的了，只是尝试保护我的API作为身份验证的第一步。这是我今天（到目前为止）的承诺。首先，我的代码基于JonathanMH的一个很棒的博客。我添加了更多的依赖项，例如Passport，Passport-JWT和JWTWebtoken。我使用JWTStrategy作为我的策略，并做了一条快速的登录路径来验证电子邮件和密码。这是任何有兴趣的人的仓库。因此，我声明了一种在用户模型中生成JWT的方法。我不知道我做的是否正确，但是我试图使控制器更瘦，模型更胖。我在使用过程中遇到了很多问题，例如缺少jwt变量。因此，我回顾了module.exports工作方式，似乎我对该主题了解得很浅。根据我的理解，我制作了一个文件，其中存放了我的所有护照和JWT模块。我不知道我是否做对了，但是我还是尝试了。在此过程中，我还发现了一个常见的Node.js错误，称为循环依赖。我几乎把头撞在桌子上，因为导出的模块未定义。我发现自己正在覆盖模型中的自己的模块。显然，我叫了两次，所以我做了一个小小的修改，将我的模型倒数第二（在我最终出口之前）。 var…

黑客黑镜的：班德斯纳奇

背景除非您过去五年来一直生活在岩石下，否则您可能听说过一个名为《黑镜》的小节目。万一您不知道演出的内容，这里简要介绍一下演出。《黑镜》是一部科幻小说选集，该丛书的主要精神是反映出许多可怕的方法，这些技术可以使人类遭受最坏的生活。 2018年12月28日，《黑镜》在Netflix上发布了他们的第一部互动电影《班德斯纳奇》，当观看班德斯纳奇时，用户将被迫在屏幕上做出决定，这将决定他们在屏幕上目击的事件。根据您做出的选择和想要看的结尾量，电影的总时长可能在1.5-5.5小时之间。我的第一个想法是“惊叹整个5个小时的原始黑镜内容。 3个小时后，我坐在我的电脑前，快闪过去，因为不得不死去重做选择而筋疲力尽。正是在这一刻，我认为必须找到一种更好的方法来找到所有结局。那里！！！ “劫掠乐队” 因此，在进行了密集搜索之后，我发现，为了破解Bandersnatch的选择，您需要在观看Bandersnatch的同时打开开发者控制台并访问Netflix的Player API。像这样：您在上面看到的代码是Javascript代码，它将您连接到Netflix的视频API，查找您的用户会话，并获取游戏中的所有互动时刻。连接到Netflix API const…

ВзазеркальечерезNetflix

黑色镜子：班德斯纳奇—этоинтерактивноешоу«выберисвоеприключение»，котороеследуетзаошеломоеодрам Netflix的недавновыпустилаэтотновыйэпизодизсерийтехнологическойантиутопии«Черноезеркало»，потративзначительноеколичествовременииэнергиинасозданиеновойтехнологии«отслеживаниясостояния（状态跟踪）»，чтобывключитьинтерактивностьвэтотраз。注意：通过Netflix的镜玻璃Автор：乔恩· 恩格斯曼（ Jon Engelsman） Вэтойстатьемырассмотримбазовыеструктурыданныхикод，которыйNetflix的разработалдляэтогослучая，исследуясетевыевызовыибольшиеструктурыданныхJSON，чтобыпопытатьсяразобратьсявихбезумии。 Выберисвоеприключение Bandersnatch —этошоуВВыберисвоеприключение»оком-то，ктопытаетсясоздатьвидеоигруВеберсе Нохитростьсисториями«выберисебеприключение»заключаетсявтом，чтоонинеследуютлинейнымсюжетнымлиниям，подобнымтрадиционнымповествованиям，вместоэтогопредлагаянесколькосюжетныхлинийсразнымиокончаниями，всевзависимостиотвыбора，которыйвыделаетенасвоемпути。 Втовремякакнелинейноеповествованиенапротяжениидесятилетийбылонеотъемлемойчастьюиндустриивидеоигр，егореализациянакрупнойплатформепотоковогомедиазаслуживаетвнимания。 Netflix发行人Bandersnatch，Netflix，зрителюпредоставляетсявыбор，которыйпоявляетсянаэкране。 Выбородноговариантаиздругогоизменяетвидео，котороевывидите，когдаразвораииеесовновый。 Несколькотрудолюбивыхзрителейна书签交易попыталисьнаметитьварианты，разветвленныесюжетныелиниииокончаниядляистории 想象猛兽，примеркоторойпоказанниженаблок-схеме，разработаннойпользователем书签交易AppiusClaudius。 Общийэффектотпредоставлениявыбораиобеспечениебесперебойноговидеовпечатляето.Таккаксе…

Babylon.js的布料物理模拟

在Babylon.js中对物理引擎体系结构进行更改后，我添加了一种新的冒名顶替者类型，受炮的出色冒名顶替者实现（粒子发射器）影响。粒子是非常简单的冒名顶替者。可以将其与空间中的一个点进行比较，从而减少了检查碰撞时对大量计算的需求-这是一种点对身体的碰撞，它的计算要简单得多。 Cannon的布料演示（http://schteppe.github.io/cannon.js/examples/threejs_cloth.html）显示了粒子的力量。我对它们的实现（以及与巴比伦架构本身的集成）受此实现的影响很大。非常感谢美妙的Cannon.js的创建者Schteppe-我将在本教程中主要使用的物理引擎。在本教程/博客文章/ infomercial中，我将使用巴比伦重新创建大炮的布料演示。首先让我们了解发生了什么！现在，为什么这么复杂？物理引擎（至少曾经集成在Babylon.js中）基于对象的一个非常重要的特性- 刚性。通常，这意味着物理体不是弹性的。在整个场景的整个生命中都不会改变。球体将始终具有相同的半径。盒子将始终具有相同的尺寸。…

多人游戏开发纪事：第2部分-循环与泄漏

这是JavaScript多人游戏开发系列的第二部分。它从第一部分开始的地方继续，描述了我们在开发过程中面临的挑战以及我们如何解决这些挑战。生成的游戏称为spaaace ，您可以在线玩游戏，欧洲有一个游戏服务器，而美国有一个服务器。物理和网络代码被拆分成一个单独的名为Lance.gg的开源项目。如果您分叉，我也不会生气。该代码在此处可用。客户端预测多人游戏的一个问题是，玩家输入需要一些时间才能从客户端发送到服务器，进行注册，影响游戏状态并将结果发送回客户端。因此，如果鲍勃将车向左转，他希望能立即在屏幕上看到结果，而不是一秒钟后的三分之一。这是客户端预测的起点–它尝试为客户端预测一旦输入到达服务器后游戏状态将发生什么。如果从服务器收到的更新与客户的预期相抵触，则客户现在必须进行必要的更正以解决这些差异。在一个简单的示例中，玩家Bob将车向左转，由于网络延迟，玩家Alice对此一无所知。在爱丽丝的屏幕上，她将看到鲍勃的车仍在按客户的预测前进。客户端预测必须执行以下操作：通常，假设对象以当前速度继续沿其当前方向移动。该计算包括应用相对于时间（即速度）的预期位置变化以及应用相对于时间（即角速度）的预期方位变化。接下来，当新信息从服务器到达时，客户端必须回滚时间，并在更改的确切时间处理更改的参数。…