草庐IT

web项目

全部标签

javascript - 您如何使用 Web Audio API 测量两种声音之间的差异?

我正在尝试使用分析器节点和getByteFrequencyData()来测量两种声音之间的差异。我认为通过对每个频率区间的差异求和,我可以得出一个数字来表示这两种声音的差异程度。然后我就可以改变声音并再次测量数字,看看新声音是否与以前有或多或少的不同。getByteFrequencyData()是否完全包含声音的表示,或者我是否需要包含其他数据来限定声音?这是我使用的代码:varSpectrogram=(function(){functionSpectrogram(ctx){this.analyser=ctx.createAnalyser();this.analyser.fftSize

javascript - Web 音频振荡器仅在 Firefox 中点击

我正在尝试使用网络音频振荡器创建一个简单的节拍器,这样就不需要外部音频文件了。我通过快速升高和降低振荡器的音量来创建节拍器的声音(因为您不能多次使用start()和stop()),然后以设定的时间间隔重复该功能。它最终听起来像一block漂亮的小木block。下面的代码在Chrome、Safari和Opera中工作/听起来很棒。但在Firefox中,当音量增加时会出现令人讨厌的间歇性“咔嗒”声。我试过更改启动/释放时间以消除咔哒声,但它们必须非常非常长才能持续消失。事实上,振荡器听起来就像一个持续的音符。varaudio=new(window.AudioContext||window.

javascript - 为什么我的 Web Worker 终止了?

当我遇到一个非常奇怪的行为时,我正试图了解网络worker。出于某种原因,它会在几秒钟后终止,即使我有正在运行的代码。这是我的代码;主要JavaScript文件:$(document).ready(function(){varworker=newWorker("js/TestWorker.js");worker.addEventListener('message',function(event){console.log(event.data);});worker.addEventListener('error',function(event){console.log(event);})

javascript - 自定义元素/Web 组件可以与 SVG 一起使用吗?

对于CustomElements我可以这样做:classMyElementextendsHTMLElement{}我可以对SVG元素做同样的事情吗?喜欢classMyOwnRectangleextendsSVGRectElement{}如果可以,能麻烦谁给个jsbin吗?如果不是,为什么不呢?这有一些非常好的用例,例如能够在元素本身中存储model数据。SVG操作主要用于2个主要领域:动画图表,如ER、组织结构图、流程等。类似JointJS的图书馆有自己的类形式的抽象(它扩展了主干View)来存储与View(屏幕上的SVG图)关联的模型数据。就像WebComponents最终可以以标准

javascript - 使用 String.localeCompare 对混合项目进行排序时如何更改排序顺序?

假设我们有一组具有混合name值(nums、cyrillic、english)的对象:(如果代码不适合你,把undefined改成'ru',它也会改变排序结构)letascending=truevaritems=[{name:'c',value:''},{name:'b',value:''},{name:'a',value:''},{name:'д',value:''},{name:'в',value:''},{name:'41',value:''},{name:'а',value:''},{name:'б',value:''},{name:'0',value:''},{name:'3

javascript - 由于不推荐使用 circular-json,Angular 项目创建失败

我使用以下命令创建新的Angular项目ngnewhello-world显示失败npmWARNdeprecatedcircular-json@0.5.9:CircularJSONisinmaintenanceonly,flattedisitssuccessor.npmERR!UnexpectedendofJSONinputwhileparsingnear'...rocess":"~0.7.0"},"_h'然后我安装扁平化使用...npmiflatted但是还是报错。如何使用扁平化而不是弃用的库circular-json? 最佳答案

javascript - 如何设置可以在 react-select 中选择的最大项目数?

我正在使用来自react-select的CreatableSelect组件。现在用户可以选择任意数量的项目,但我希望用户选择的项目不超过5个。如何限制可以选择的最大选项数? 最佳答案 我建议您使用自定义组件Menu和isValidNewOption的组合,如下面的代码://Forthisexamplethelimitewillbe5constMenu=props=>{constoptionSelectedLength=props.getValue().length||0;return({optionSelectedLengthMax

支持多个项目拖放的 Javascript TreeView

我们目前在应用程序中使用ExtJSTreeView-要求用户选择多个节点(TreeView当前通过可插入选择模型支持)-但您不能将多个选择拖到树的另一部分。有谁知道支持多选拖/放的ajax控件(商业或非商业)或在ExtJS中启用此功能的示例? 最佳答案 查看ExtJS论坛中的这篇帖子,其中详细介绍了如何在Javascript树中启用多选。http://extjs.com/forum/showthread.php?t=28115 关于支持多个项目拖放的JavascriptTreeView,

Javascript(jQuery)在拖动项目时禁用页面滚动

我有一个类似小部件的系统,其中的小部件可以四处拖动(使用jQuery可拖动/可排序)。现在的问题是,当用户拖动这些小部件之一并将光标移动到边缘时,父div会滚动到光标的方向。一个简化的布局如下:有什么方法可以禁止page_wrapper滚动吗? 最佳答案 尝试在page_wrapper的css中添加overflow:hidden;。 关于Javascript(jQuery)在拖动项目时禁用页面滚动,我们在StackOverflow上找到一个类似的问题: htt

javascript - 遍历窗口对象中的所有项目

昨晚实在无聊,想了个小剧本。基本上我在想PHP与JavaScript相比有多少内置函数,然后我意识到我真的不知道JavaScript实际上有多少函数。我想写一个脚本来查看窗口对象,包括对象内部的每个对象等等。我编写了脚本并且成功了(在较小的对象上进行了尝试)。但是,我的问题是JavaScript不允许我遍历整个Windows对象。我试过:for(varkeyinwindow){console.log(key);}我也试过:vara=Object.create(window);for(varkeyina){console.log(key);}这两段代码都给我:topwindowlocat