草庐IT

javascript - YouTube Player API 检测全屏退出

所以基本上有一个按钮,点击它会打开并全屏播放视频。我想在用户退出全屏但无法捕获该事件时停止视频。现在我用它作为开始http://codepen.io/bfred-it/pen/GgOvLM谁能告诉我一个可能的解决方案。HTML:playfullscreenJS:varplayer,iframe;var$=document.querySelector.bind(document);//initplayerfunctiononYouTubeIframeAPIReady(){player=newYT.Player('player',{height:'200',width:'300',vide

javascript - 如何导出 ES6 类并在另一个模块中构造它的实例?

使用Node.js版本7.7.2,我想从这样的模块中定义和导出ES6类://Foo.jsclassFoo{construct(){this.bar='bar';}}module.exports=Foo;然后将该类导入另一个模块并构造该类的实例,如下所示://Bar.jsrequire('./foo');varfoo=newFoo();varfooBar=foo.bar;但是,这种语法不起作用。我尝试做的事情是否可行?如果可行,实现此目标的正确语法是什么?谢谢。 最佳答案 您必须为此使用常规Node模块语法。您的示例代码中有一些错误。

javascript - Mapbox gl & directions API 调用 - 不显示路线

我有一个带有多个标记的应用程序,用于显示旅行。每个标记都是一个步骤,我想在每个标记之间创建一条路线,它跟随标记(后续步骤)。为此,现在我有这段代码:$(document).ready(function(){varmap;vardirections;//tokenaccessforMAPBOXGLmapboxgl.accessToken='pk.eyJ1IjoiYW50b3RvIiwiYSI6ImNpdm15YmNwNTAwMDUyb3FwbzlzeWluZHcifQ.r44fcNU5pnX3-mYYM495Fw';//generatemapvarmap=newmapboxgl.Map(

javascript - 如何在括号中设置 jslint ES6 指令?

我收到此错误:“需要一个标识符,却看到了‘const’”,我正在使用括号文本编辑器。我找到了这个答案:“您需要指定es6指令。请参阅JSLint帮助”。但我无法弄清楚如何在括号中指定es6指令。这是我的代码:constsingleQuotes='Singlequotes';constdoubleQuotes="Doublequotes";conststringLiterals=`Stringliterlas`;constresult=singleQuotes+doubleQuotes+stringLiterals;document.querySelector('.basic').inn

javascript - Web 音频 API 获取 <audio> 元素的 AudioBuffer

我有一个音频元素varaudioSrc='https://mfbx9da4.github.io/assets/audio/dope-drum-loop_C_major.wav'varaudio=document.createElement('audio')audio.src=audioSrc我需要AudioBuffer做beatdetection所以我尝试在加载音频时访问缓冲区:audio.oncanplaythrough=()=>{console.info('loaded');varsource=context.createMediaElementSource(audio);sour

javascript - 为什么解构的工作方式不同于 Javascript (ES6) 中的经典赋值?

正如您在这里看到的,我们将“fibonacci”设置为“可迭代”对象,并使用for..of:对其进行循环:letfibonacci={[Symbol.iterator](){letpre=0,cur=1;return{next(){[pre,cur]=[cur,pre+cur];return{done:false,value:cur}}}}}for(varnoffibonacci){//truncatethesequenceat1000if(n>1000)break;console.log(n);}正如forof循环中预期的那样,控制台日志写入1,2,3,5,8,..但是如果我写pre

javascript - React 16.3 Context API——提供者/消费者问题

我一直在React16.3.1ContextAPI上做一些实验。我遇到了一些我无法理解的事情。我希望我能得到你的帮助。注意:问题已经解决,但不是我要找的解决方案。让我们首先对同一文件Index.js中的多个组件进行实验。importReact,{Component,createContext}from'react';const{Provider,Consumer}=createContext();classAppProviderextendsComponent{state={name:'Superman',age:100};render(){constincreaseAge=()=>{

javascript - 中文文本使用 Web Speech API 播放一次,但不会播放第二次

所以我正在使用修改后的脚本来尝试播放来自WebSpeechAPI的一些文本。代码原来在这里:ChromeSpeechSynthesiswithlongertexts这是我修改后的变体:functiongoogleSpeech(text,rate){if(!reading){speechSynthesis.cancel();if(timer){clearInterval(timer);}letmsg=newSpeechSynthesisUtterance();letvoices=window.speechSynthesis.getVoices();msg.voice=voices[63]

javascript - 如何处理 async/await fetch API 中的错误 404

在没有提供数据的情况下是否有机会捕获错误?我收到Error404但不能例如console.log它...classAppextendsReact.Component{getWeather=async(e)=>{e.preventDefault();constcity=e.target.elements.city.value;constcountry=e.target.elements.country.value;constapi_call=awaitfetch(`http://api.openweathermap.org/data/2.5/weather?q=${city},${cou

Javascript,扩展ES6类setter会继承getter

在Javascript中,具有以下说明代码:classBase{constructor(){this._val=1}getval(){returnthis._val}}classXtndextendsBase{setval(v){this._val=v}}letx=newXtnd();x.val=5;console.log(x.val);//prints'undefined'实例x不会从Base类继承getval()...。实际上,Javascript在存在setter的情况下将缺少getter视为未定义。我遇到的情况是,我有很多类都具有完全相同的一组获取方法,但设置方法各不相同。目前