草庐IT

企业动态$新闻

全部标签

javascript - 使用 CSS 转换或 javascript 缩放元素以动态适应其父元素

我有一个页面,其中有一个的轮子元素,当您单击一个按钮时,整个轮子都会旋转。我通过使用本质上绝对的CSS转换来实现这种效果。然而,轮子很大,在我的高清显示器上看起来不错,但较小的屏幕会切掉边缘。我不能像在普通布局中那样使用%宽度,我需要的是像大多数浏览器缩放功能一样缩小整个页面。就我自己而言,我知道ctr+mouseWheel会缩小页面以便我可以看到整个页面,但是我不能指望其他人这样做。我知道我可以使用-browser-transform:scale(amt);在包装div上获得我想要的效果,但是我想不出一种动态的方法。如果我将比例设置为0.5,无论屏幕如何,它都会是0.5。我希望轮子的

javascript - 如何使用 firestore 执行动态 where 查询并添加索引

在我的网站上,我正在进行类似测试的调查,每个测试都有attendies子集合,看起来像这样当有人完成测试时,我也会将他们的uid添加到completed字段,就像我在框中绘制的那样。现在我想根据status==completed查询tests。这是我尝试过的this.completedModulesRef$=this.afs.collection('tests',ref=>ref.orderBy('moduleNum','desc').where('completed.'+auth.uid+'.status','==','completed'));this.completedModul

javascript - Angular 7 动态内容投影

我需要能够告诉Angular组件根据动态数据渲染另一个Angular组件。我认为这需要内容投影,但我只能在简单的情况下使内容投影起作用。示例场景我在vanillaTypeScript中有以下表格数据:constheadings=[{id:'cat',label:'Cat'},{id:'nameIt',label:'Typethename'}]constdata=[{cat:'Tabby',nameIt:(name)=>updateTabbysName(name)},{cat:'Ginger',nameIt:(name)=>updateGingersName(name)},]我还有四个A

javascript - 通过 Javascript 播放动态嵌入的声音对象

我需要使用AJAX为HTML页面加载一些WAV文件。我使用AJAX获取WAV文件的详细信息,然后使用嵌入标签,我可以确认文件已成功加载,因为当我将autostart设置为true时,文件会播放。但是,我只需要在用户单击按钮(或触发事件)时播放文件。以下是我预加载这些文件的代码:functionpreloadMedia(){for(vari=0;i我使用下面的代码来播放文件(基于用户想要播放的声音文件)functionsoundPlay(which){varsounder=document.getElementById(which);sounder.Play();}这里有些问题,因为我测

javascript - 使用 mustache 动态渲染部分模板

有没有办法动态注入(inject)部分模板(并使其在Ruby和Javascript中以相同的方式工作)?基本上,我试图在列表中呈现不同类型的对象。我能想到的最好的是:{{#items}}{{#is_message}}{{>message}}{{/is_message}}{{#is_picture}}{{>picture}}{{/is_picture}}{{/items}}我对这种方法并不太感兴趣。有没有更好的办法?另请注意,View的不同类型模型可能具有不相似的字段。我想我总是可以使用最小公分母并让数据哈希包含html,但我宁愿使用mustache模板。 最

javascript - 我如何从这个 jsFiddle 动态添加一个延迟到 promise 中?

关于thisjsFiddle,我正在尝试动态添加一个在事件触发时创建的“延迟”,因此仅当所有延迟都已解决时才调用完成回调,包括后来添加的那些:相关代码:varpromises=[deferred1,...];varp=when.all(promises).then(function(){console.log('Alldone!!');//!trigger});promises.push(deferredFromEvent);//更新:欢迎使用Q或jQuery的建议,我正在寻找一个可行的 最佳答案 将您的固定promise视为一个独

javascript - 在 Node REPL 中动态重新加载模块

我正在像这样使用REPL测试我的模块:repl.start({input:process.stdin,output:process.stdout}).context.MyModule=MyModule;有没有办法在我更改并保存模块时自动重新加载模块,而无需退出并再次运行repl? 最佳答案 您可以使用chokidar模块并强制重新加载(您将丢失模块中的运行时上下文,但它应该会自动重新加载)。varctx=repl.start({input:process.stdin,output:process.stdout}).context;c

javascript - 浏览器后退按钮更改动态 url 参数

我在一个网站上工作,其中url参数根据用户操作进行更新,据此我更新网页而不刷新。考虑电子商务场景,当用户点击过滤器时url发生变化,然后显示更新的产品。现在的问题是,当用户点击浏览器的后退按钮时,浏览器返回到之前的url参数,但页面没有改变。我还想根据单击后退按钮后更改的url参数更改页面。我试过这个解决方案:$($window).on('popstate',function(e){//Updatethepagealso});此代码的问题是,它会在url更改时被触发,这意味着它不关心浏览器后退按钮是否被单击,或者url正在使用jQuery更改。因此,如果我根据用户交互更改url,将调用

javascript - 动态导入vue组件解析失败

当我尝试使用import()函数导入动态组件时,我收到以下错误:[Vuewarn]:Failedtoresolveasynccomponent:function(){return__webpack_require__("./src/components/typeslazyrecursive^\\.\\/field\\-.*$")("./field-"+_this.type);}Reason:Error:Loadingchunk0failed.不幸的是,我不知道是什么导致了这个错误。由于ReleaseNotes,我已经尝试在vue-loader配置中将esModule设置为false.我

javascript - 应该添加动态脚本命令?

我正在添加一些页面加载后动态标记到head元素。我知道脚本是异步加载的,但我可以期望它们按照添加的顺序进行解析吗?我在Firefox中看到了预期的行为,但在Safari或Chrome中却没有。查看Chrome开发者工具和Firebug中的文档,都显示以下内容-......但是从资源加载View来看,chrome似乎会解析首先从服务器返回的那个,而firebug总是按照添加脚本标签的顺序加载它们,即使B首先从服务器返回也是如此。我应该期望Chrome/Safari以指定的顺序解析文件吗?在OSX10.6.3上使用Chrome5.0.375.29测试版编辑(10/5/10):当我说解析时,