草庐IT

css - 文本在悬停时改变不透明度时闪烁

全部标签

javascript - 使用 i18n 翻译 Angular 2 中的数据绑定(bind)文本

当我尝试使用i18n将英语翻译成法语时,按照https://angular.io/docs/ts/latest/cookbook/i18n.html上的国际化教程,一切正常。逐字逐句。但是当我尝试使用Angular2的数据绑定(bind)将可变文本插入HTML时,它停止工作了。这是我的HTML:{{value}}这是我的组件:import{Component}from'@angular/core';@Component({moduleId:module.id,selector:'my-app',templateUrl:'app.component.html'})exportclassA

javascript - WebPack如何将所有的css文件放到一个css文件中

我是WebPack的新手,我希望能够获取一个CSS文件目录(.app/styles/[css文件...])并将它们输出到一个CSS文件(dist/styles.css).目前,所有的JavaScript文件都被编译成一个单独的“index_bundle.js”文件,这是完美的,但我想为我的CSS文件实现同样的效果。经过大量“谷歌搜索”后,我发现WebPack的ExtractTextPlugin应该能够帮助解决这个问题,但这只适用于添加到“entry”属性的一个CSS文件(例如:entry:{style:"./app/styles/style.css"})然后作为链接标记添加到html的

javascript - 使用浏览器解析 CSS 而无需触及 DOM/样式

我有这样的东西:constsomeCSS=`.foo{padding:20px;background-color:#ddf;width:100px;}.bar{height:100px;}.foo{padding-top:30px;/*thisoverridesthepreviousone*/}`;我可以将此添加到DOM中,并使用这样的每个规则(jsFiddle)取回所有选择器:conststyle=document.createElement('style');style.innerHTML=someCSS;document.head.append(style);conststyle

javascript - 如何在悬停和点击时交换文本

我在捐赠表格的顶部有一条默认消息,我希望它根据用户悬停或点击的数量动态变化。每个金额以及“€其他”都应该有相应的消息。例如:“用5.00欧元,我们可以做到这一点……”用10.00欧元,我们可以做到这一点……”这些消息应该在悬停时相应地改变,但如果选择了相应的选项,它们也会保持可见。如果用户取消选择之前选择的选项或者没有选择任何选项,则默认消息应该重新出现。我已经尝试了不同的方法但没有成功,我真的很感激能帮助我实现这一目标。FIDDLEHTMLChoosebelowtheamountofyourdonation€05.00€10.00€15.00€20.00JavaScript$('in

javascript - 是否可以使用图像或 CSS 渐变来填充 Google map 中的水域?

我目前正在从事某个元素,需要将下一个设计实现到Googlemap。我没有在谷歌地图样式引用中找到任何线索来回答这个问题-https://developers.google.com/maps/documentation/javascript/style-reference所以,我想知道-是否有可能(仅使用API)?或者需要一些技巧?例如,我考虑过让水域透明并将虚线图像放在map后面。提前致谢! 最佳答案 在这个回答中,我将讨论关闭map上水几何体的可见性并设置map背后的背景颜色。首先,如前一个答案所述,您必须关闭map的可见性。您可

javascript - 如何在注册该组件时为 vue.js 组件定义 css 样式?

我可以注册一个自定义的vue.js组件//registerVue.component('my-component',{template:'Acustomcomponent!'})另见https://v2.vuejs.org/v2/guide/components.html如何为我的组件包含css类?我希望是这样的Vue.component('my-component',{template:'Acustomcomponent!',css:'#...mycssstylesheet...'})但似乎没有css选项。我知道我可以a)在全局css样式表中定义所有css类或b)使用singe-fi

javascript - Phaser 3补间不透明度?

我正在尝试将Sprite从一点补间到另一点,并让它在移动时逐渐消失。我试过这个:consttween=game.tweens.add({targets:[log.sprite],x:fire.x,y:fire.y+(fire.height*0.2),opacity:0,duration:300,repeat:0,onComplete(){destroyLog(log);resolve();},});但这行不通。我很难找到适合Phaser3的API文档,所以我不确定应该在哪里寻找这些信息。 最佳答案 您可能应该使用alpha而不是op

javascript - Jquery 选择改变

我有一个选择框(Specie)和一个typeAhead输入字段(Breed),我需要更新选择框的更改,我有以下代码。SelectaSpeciesDogCatHorse$(document).on('change','.specie-breed',function(){letspecie=this.value;$('#breed').typeahead({source:function(query,process){return$.get('/get/breeds/'+specie,{query:query},function(data){console.log(data);return

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 - Array.prototype.map() 可以改变它调用的数组吗?

Mozilla说:mapdoesnotmutatethearrayonwhichitiscalled(althoughcallback,ifinvoked,maydoso).https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map具体来说,回调传递的第三个参数是:Thearraymapwascalledupon.我假设这意味着内存中的数组位置通过引用复制到回调中。因此,通过改变第三个参数,我们应该改变原始数组,但以下两段代码给出了冲突的结果:情况1,重新分配第三个