草庐IT

CSS属性

全部标签

javascript - 使用相同的 getter 和 setter 创建多个属性

最近我一直在编写一些涉及使用getters的JavaScript程序。和setters.我阅读了这两种方法的MDN文档,但在尝试使用它们时感到困惑。我想创建一系列具有相同getter和setter的相似属性,但我不想为每个属性重写每个setter和getter。实现综上所述,我尝试执行以下代码:vardefaultProperty={set:function(val){this.value=val-1;//Justanexample},get:function(){returnthis.value+1;//Justanexample}};varmyObj={};Object.defin

javascript - 如何触发 :active pseudoclass on keyboard 'enter' press?(仅使用 CSS)

CSS:a:focus{opacity:.75}a:active{transform:translateY(4px)}意图:使用:focus样式作为视觉提示,使用键盘用户跳转到链接他们点击enter激活链接;:active样式提供视觉按键反馈问题::active样式可以正确触发鼠标点击,但不能触发按键。我可以只用CSS解决这个问题吗? 最佳答案 好问题!是的,你不能再这样做了。很久以前,MSIE将:active当作:focus来处理,所以有一种方法可以通过超链接来实现这一点(这是在千兆互联网速度之前和浏览器的时候除了愚蠢的挥动旗帜或

javascript - 如何通过字符串键获取嵌套 JavaScript 对象属性的值

这个问题在这里已经有了答案:Javascript:Getdeepvaluefromobjectbypassingpathtoitasstring[duplicate](5个答案)关闭7年前。我想通过这个键从嵌套的JavaScript对象中获取一个值。vart="cont.model.Inspection.InspectionName";如何直接通过字符串键获取嵌套对象的值?我已经尝试了eval(t)但它给出了null但在控制台上运行时此键的值为“A”。

javascript - Node.js 无法读取未定义的属性 'on'

怎么了?附注:我是node.js的新手,我来自.Net世界!我的server.js代码:varevents=require('events').EventEmitter;varv=function(){vare=newevents();e.emit('start');};varr=v();r.on('start',function(){console.log('eventstartjustfired!!!!!!!!!!');});和这个控制台输出:TypeError:Cannotreadproperty'on'ofundefinedatObject.(E:\Project\node\B

JavaScript - 将多个对象存储在数组中并通过访问它们的属性

所以这里我有一个用户对象数据库,我想将每个用户对象推送到“allUsers”数组中。然后我希望能够遍历这个数组并访问一个属性,例如allUsers[i].genrePref。我如何将所有这些变量插入数组以将它们存储为[user,jon,lucy,mike,luke...//Usersvaruser={username:user9110252username,genrePref:user9110252genre};varjon={username:'Jon',genrePref:'rock'};varlucy={username:'Lucy',genrePref:'pop'};varmi

javascript - chai-as-promised 和 mocha 中嵌套属性的测试值

我正在尝试使用chai-as-promised库测试返回promise的函数。我promise的结果是一个具有嵌套属性的对象。是否可以测试深层嵌套属性的值。例如functionmyFunc(){returnnewPromise((resolve,reject)=>{constdata={thing:{foo:'bar',baz:'lah'}}resolve(data)})}如何在不检查整个对象的情况下测试foo属性是否等于“bar”?我试过这样的事情:expect(myFunc()).to.eventually.have.property('thing.foo','bar')但是没有运

javascript - 将 css 编辑为 event.target

我正在尝试将背景更改CSS属性更改为event.target但它不起作用。除了更改event.target.css之外,所有命令都有效这是我使用的代码:$(document).ready(function(){$(".plusMatch").click(function(event){if($("#productImage"+event.target.id).hasClass("visible")){$("#productImage"+event.target.id).css("display","none");$("#productImage"+event.target.id).re

javascript - 如何在 D3 JS 中制作色标以用于填充属性?

我正在用D3JS制作热图,X轴为年,Y轴为月。每个单元格都是一个温度,并基于此获得不同的“填充”颜色。我的问题是如何制作一个色标来映射具有一系列颜色代码的minTemp/maxTemp域。到目前为止,我有下面的代码,但这不起作用:varurl="https://raw.githubusercontent.com/FreeCodeCamp/ProjectReferenceData/master/global-temperature.json"d3.json(url,function(json){//loaddatafromAPIandsaveinvariabledatavardata=j

javascript - 将 VueJS 数据属性重置为初始值

我有一个组件,它通过传入组件prop提供初始数据属性并存储在数据变量中:data(){return{localvar:this.propvar,localvar2:true}}我希望能够在使用如下方法点击“重置”按钮时将数据变量恢复为该Prop的值:methods:{reset(){Object.assign(this.$data,this.$options.data());}}问题是当通过this.options.data()引用prop的值时,数据变量是undefined:console.log(this.$options.data());=>对象{localvar:undefin

javascript - React 组件实例属性和状态属性有什么区别?

考虑下面的例子classMyAppextendsComponent{counter=0;state={counter:0};incrementCounter(){this.counter=this.counter+1;this.setState({counter:this.state.counter+1});}render(){return{this.counter}and{this.state.counter}Increment}}当我点击按钮时,我看到this.counter和this.state.counter都显示了增加的值我的问题是为什么我必须使用状态?尽管React能够重新