草庐IT

CSS中box-shadow属性和2D变换

全部标签

javascript - 用于图像圆形裁剪的 CSS/JS

我的设计师给了我一个外观,我很想能够复制它,但我不太确定该怎么做。第一部分是头像的圆形裁剪(是方形上传)第二部分是对话泡泡我愿意在后端完成第一部分,但更愿意使用CSS/JS解决方案。 最佳答案 对于圆形图像,您可以使用CSS的border-radius:只需使其足够大,使圆Angular接触即可。.profile-img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}Luke的回答对于对话泡泡来说是一个很好的答案:我已经基于它创建了泡泡。我还使

javascript - 字符串不是对象那么为什么它们有属性呢?

代码如下:varstr="HelloStackOverflow!";alert(typeofstr);给我string作为结果。这意味着字符串不是对象,那为什么我们有字符串str的属性,如str.substring、str.indexOf等?此外,当我将属性设置为str.property="custompropertyisset";并尝试获取此alert(str.property),它给了我undefined。为什么? 最佳答案 像“Hello”这样的字符串在JavaScript中不是对象,但是当用在像这样的表达式中时"Hello"

javascript - 在javascript中获取元数据属性

我无法从元标记中检索信息。我正在尝试从网站获取imgsrc,但不太明白。这是我正在尝试做的一个例子。varimage=document.querySelector('meta[property="og:image"]').getAttribute('content');我已经试过了,但是没有用。有什么想法吗? 最佳答案 meta元素并不特殊,您可以通过常规方式查询它们并获取它们的属性。在这种情况下,您可以通过以下方式从第一个meta[property="og:image"]元素中获取content属性值:varelement=doc

javascript - Ember - 如何从 Controller 上的数组属性中添加/删除元素

在ember中给定一个Controller:exportdefaultEmber.Controller.extend({stringProp:"",arrayProp:[]});例如,您可以使用this.set('stringProp',"Blahblah")设置字符串属性。但这是压倒一切的。我想要做的是推送到数组属性。有没有比这更好(更短或更快)的方法:this.set('arrayProp',this.get('arrayProp').push(element));此外,是否有从此类数组属性中删除元素的快捷方式? 最佳答案 您正

javascript - 如何从对象数组中删除属性?

这个问题在这里已经有了答案:Removepropertyforallobjectsinarray(18个答案)关闭2年前。我正在尝试从对象数组中删除一个属性。exportclassclass1{prop1:string;prop2:string;prop3:string;}exportclassclass2{myprop=[{prop1:'A',prop2:"1",prop3:"descr1"},{prop1:'B',prop2:"2",prop3:"descr2"},{prop1:'C',prop2:"3",prop3:"descr3"},];get():class1[]{retur

javascript - 映射数组中的属性并在 JavaScript es6 中连接一个字符串

我有以下对象数组,例如一些作者,我想映射它们并返回一个字符串,该字符串已与某种格式连接。出于某种原因,我对这个相当简单的事情有疑问。constauthors=[{id:1,name:'Steven'},{id:2,name:'Nick'}]letnames=authors.map((a,i)=>{return`${a.name}iscool`})console.log(names)//["Steveniscool","Nickiscool"]//butIreallywantthestring"SteveniscoolNickiscool"我怎样才能让它通过映射并将其格式化为字符串?例如

javascript - 如何从数组中获取属性名称和值

所以我的对象有很多属性,我需要从该对象获取所有值和属性名称,我不确定什么是最好和最简单的方法。我已经尝试了几种方法,但没有任何运气angular.forEach(array,function(value,key){console.log(value);}); 最佳答案 您还可以使用Object.keys()它返回对象的键数组。例如:varobj={0:"a",1:"b",2:"c"};console.log(Object.keys(obj));//[0,1,2]您还可以使用Object.values()它返回对象值的数组:varob

javascript - 如何在 Angular2+ 中使用 ngStyle 将转换翻译属性应用于元素

我正在尝试使用[ngStyle]有条件地将transform:translateX($value)直接应用于模板元素,但我找不到任何人谈论这个。主要是因为我不知道要搜索什么:D。我见过一些使用[style.color]进行基本样式设置的方法,或者使用[attr.style]="{'transform':'translateX(4rem)'}"但最后一个在呈现的HTML中返回:style="unsafe"。我已经看到您可以使用Sanitizer来清理或绕过您的样式/脚本等...但在这一点上,它开始“闻起来”像您不应该做的事情?我正在寻找一种干净的方法来实现这一目标。但我不知道去哪里找。提

javascript - 是否有用于组合/压缩 javascript 和 css 的 Magento 扩展?

我以为Magento自带了这个开箱即用的功能,但它似乎根本不起作用。我不确定我是否没有正确设置它,但现在我正在使用cat并更改page.xml布局文件以使用结合了javascript和css文件。我可以让Magento执行此操作吗?或者是否有添加此功能的扩展程序? 最佳答案 转到系统>配置>开发人员并更改Javascript和CSS设置框中的设置。确保您在网站/商店页面的左上角设置了正确的配置范围。确保在更改设置后刷新缓存。附言FoomanSpeedster扩展程序也将执行此任务。 关于

javascript - jQuery:如何从我的 div 中删除 css 边框属性?

我正在尝试删除div的边框,但没有成功。我已经注释掉了我的css中的代码,这是我要删除的正确属性。这是我目前正在使用的代码。背景颜色更改在下面的代码中起作用,但removeClass不起作用。vartab=getURLParameter("tab");//Disablethevisualstyleofthebuttonsinceitisdisabledforthispage.if(tab=="Property"){$(".scrape-button").css('background-color','#efefef');$(".scrape-button:hover").removeC