草庐IT

CSS属性

全部标签

javascript - Angular 追加父属性值

我有这样的分层数据:[{"children":[{"children":[...],[...]},{"children":[...],[...]},],[...]}]我想通过展平数据来构建树状网格。我正在使用以下指令:app.directive('tree',function(hierarchyService,logger,$timeout){return{scope:{data:'='},restrict:'E',replace:true,template:''+''+''+''+'Accountname'+''+''+''+''+''};});app.directive('coll

javascript - 无法读取未定义的属性 'toLowerCase' (Angularjs/JavaScript/Json)

我正在构建Angular/Express应用程序,我使用Controller加载数据并尝试在函数中处理数据,但我在控制台中遇到错误Cannotreadproperty'toLowerCase'ofundefined当我手动写入JSON数据时,它工作得很好。任何人都遇到过这个错误,为什么会发生?编辑:我还希望函数在点击时起作用,当我不希望它加载时,我还使用View中的listData数据,所以我知道它已加载Controllervarself=this;self.listData=[];varself=this;self.listData=[];$http.get('/myList').s

javascript - CSS动画宽度从右到左,高度从下到上

我正在尝试解决从右到左扩展div的宽度以及从下到上扩展不同容器的高度的问题。我正在尝试创建将在正方形中旋转并模仿此处边界的CSS动画是指向我的CodePen的链接https://codepen.io/Archezi/pen/xReqvq?editors=0100如果有帮助的话。这是我的HTML.container是一个主要的包装器.circle是一个动画line1-line4是我要制作动画的方形边框。这是我的CSSbody{margin:0auto;}.container{position:relative;margin:50pxauto;width:800px;height:800p

javascript - 如何绑定(bind)CSS动画持续时间滚动

我想制作类似这样的网站,您可以在其中向下滚动,滚动时会跟随一些动画,如果您向上滚动,它会反转。我看到了一些像this这样的库但我想看看是否可以用更简单的方法来完成?谢谢$(document).ready(function(){varlastScrollTop=0;$(document).scroll(function(event){varst=$(this).scrollTop();if(st>lastScrollTop){$('div').removeClass('scrollUp').addClass('scrollDown');}else{$('div').removeClass

javascript - Mongoose - 无法填充路径通知排序。因为它是文档数组的子属性

我有一个非常简单的mongo方案,我正在使用mongoose访问我可以使用填充将用户名和名字映射到每个通知的发件人字段,问题是我似乎无法对日期字段进行任何排序使用这段代码我得到一个错误MongooseError:Cannotpopulatewithsortonpathnotifications.frombecauseitisasubpropertyofadocumentarray是否有可能以不同的方式或更新的方式(深度填充、虚拟)做到这一点?我正在使用Mongoose5。我宁愿不使用vanillajavascript之后对对象进行排序或创建一个单独的模式varUserSchema=ne

javascript - CSS 背景图像转换使视频标记缓冲区

我有一个视频标签,我想连续播放,而用户可以同时在网站上做一些事情。但是我发现,如果视频开始缓冲的背景图像之间的背景转换。我在下面的代码片段中有一个可运行的示例。注意:如果代码段正常运行,缓冲似乎不会发生,但如果将代码段放在“整页”中,缓冲就会发生。functionchangeBackground(){constrandomColor='#'+Math.floor(Math.random()*16777215).toString(16);constelement=document.getElementById('background');constcurrentOpacity=eleme

javascript - 如何计算与 CSS3 创建的边框半径匹配的曲线上的点?几何天才?

我有一个用css3边框半径(图像部分)创建的弯曲div。我旁边有文本行,我想将其与曲线对齐20px左右,就像这样(不能发布图片,不记得旧登录名):诀窍是曲线会根据窗口大小而变化,因此我希望能够计算曲线上文本应该偏移的点,本质上是创建一个真正的手动文本换行。最终我需要能够使用javascript进行计算和更新。(根据下面的评论编辑添加):用于演示目的的曲线css是border-bottom-left-radius:316px698px;但这是根据脚本的页面大小计算的。另外,值得一提的是,我根本不需要支持IE或FireFox——只需要webkit(独立信息亭应用程序)。

javascript - 从父 JavaScript 访问跨域 IFrame DOM 属性

这个问题在这里已经有了答案:Waystocircumventthesame-originpolicy(8个答案)关闭7年前。已经有一些类似的问题,但它们往往涉及child与parent的关系。另一方面,我希望能够获得IFrame的DOM的一些属性。我不想操纵任何东西。我只想能够读取属性或DOM节点。诸如属性或内容之类的东西。AFAIK这是不可能的,除非我使用像window.postMessage这样的东西。与此解决方案一样合理的是,它基于事件监听器。这需要在IFrame中定义一个监听器,这意味着更改IFrame的代码。我想避免这种情况。如果你想进行跨域Ajax调用,你可以(如果你也有访

javascript - 引用嵌套 'sibling' - 对象文字中的属性

我想从同一对象字面量中的另一个属性中引用对象字面量中的嵌套属性。考虑以下人为的示例:varobj={product1:{price:80,price_was:100,discount:function(){return100-(100*(price/price_was));//Idon'twanttouse://100-(100*(this.product1.price/this.product1.price_was))//becausethenameoftheparent('product1'inthiscase)isn'tknown//a-priori.}}}上面显然是不正确的,但

javascript - 我可以告诉 Closure 编译器仅针对特定类型停止重命名属性吗?

此问题如下:WhydoesClosurecompilerrenamepropertiesofanexterntype?约翰对这个问题的回答引出了第二个问题。如果我按照建议声明外部类型:/**@interface*/functionSpanishNoun(){}/**@type{string}*/SpanishNoun.prototype.english;/**@type{string}*/SpanishNoun.prototype.spanish;然后像这样的Javascript:/***@param{SpanishNoun}n*/exp.foo=function(n){console