草庐IT

4.CSS盒子模型

全部标签

javascript - polymer 中的 MV*,作为 polymer 元素的模型和服务?

例如,假设我想要两个View(polymer元素)共享一个模型。在Angular中,模型将存在于注入(inject)到View中的单例服务中,两个View都从同一源读取。我尝试用Polymer模拟这种方法,所以我可以做类似的事情:............我喜欢这种方法,因为它是一种定义依赖关系的声明方式,而且它的工作原理与基本相同。和其他“开箱即用”的polymer元素。用这种方式我需要等待domReady在我可以与模板中声明的任何元素交互之前进行生命周期回调,所以这就是我在这一刻保留我的初始化逻辑的地方。问题是这个回调会为每个调用一次。声明的元素(所以在这个例子中会被初始化两次,因为

javascript - 计算螺旋半径,使螺旋中的模型位于平截头体内

我正在构建一个应用程序,我在其中展示了一些带有纹理的平面。但是,我想根据平截头体宽度和相机位置动态计算螺旋的半径(我在计算中使用它来创建螺旋)。螺旋位于屏幕中心x=0,y=0,z=0。我希望考虑屏幕方向(横向/纵向)。到目前为止,这是我拥有的代码,但似乎我遗漏了一些东西,因为左侧和右侧的平面不在视口(viewport)。App.prototype.calculateHelixRadius=function(){//planewidth=height=512;varfriend=this.getFriend();varvFOV=friend.camera.fov*Math.PI/180;

javascript - Ember 2,过滤关系模型(hasMany,belongsTo)并根据关系计算计算属性

这些是我的文件:型号应用程序/模型/basket.js:exportdefaultDS.Model.extend({name:DS.attr('string'),house:DS.belongsTo('house',{async:true}),boxes:DS.hasMany('box',{async:true})});应用程序/模型/box.js:exportdefaultDS.Model.extend({qty:DS.attr('number'),basket:DS.belongsTo('basket'),cartLines:DS.hasMany('cart-line',{asyn

javascript - 从元素中删除类而不影响正在进行的 css 转换

好的,我有一种情况,我基本上构建了一个小的通知下拉框,当用户做某事时发生,最后它转换为opacity:0;状态。但是,由于用户可能会单击其他会再次触发此通知框的内容,因此我试图想出一种方法将其重置为正常状态,而不会影响任何正在进行的转换,并尝试使动画由CSS而不是JavaScript完成.代码笔:http://codepen.io/gutterboy/pen/WoEydgHTML:OpenNotifyWindowSCSS:body{text-align:center;padding-top:150px;}.top-notify{position:fixed;top:0;width:10

javascript - 如何在 Trails.js 中测试水线模型

我想用mocha测试我的Trails.js项目的模型。我用trailpack-waterline将我的模型加载到WaterlineORM中。追随足迹Docs我创建了一个User.test.js:'usestrict'constassert=require('assert')describe('UserModel',()=>{letUserbefore(()=>{assert(global.app.models.User)User=global.app.models.User})it('shouldexist',()=>{assert(User)})})这运行没有任何错误。但我无法以任何

javascript - 如何列出元素中的所有 css 变量名称/值对

我有JS库,但遇到了这个问题:我正在创建临时元素以使用等宽字体计算字符大小。现在我正在复制inlie样式,但我需要原始样式的所有样式,包括css变量。我不想克隆该元素,因为里面有一些我不需要的元素。元素也可能有用户设置的id,不确定当有两个具有相同id的元素时它会如何表现,所以最好(我认为)将每个样式复制到新的临时元素。我有基于这些的代码:AccessingaCSScustomproperty(akaCSSvariable)throughJavaScriptSetjavascriptcomputedstylefromoneelementtoanother我的代码是这样的:functio

javascript - jEditable 输入框 CSS 样式

我正在尝试设置使用jEditable呈现的输入框的样式.我想在双击文本并使其可编辑时更改表格单元格的颜色。像这样:alttexthttp://www.hongaijitsu.com/temp/foobar/public/Picture-2.png这是我现在所在的位置:jEditableCSSProblem(双击表格单元格中的文本)HTML片段:DrogoShankaradshan@gmail.comWebPendingmailjQuery代码:$(function(){$(".dblclick").editable("#",{tooltip:"Doubleclicktoedit..."

javascript - angularjs 中的主干样式模型?

如果这个问题已经在其他地方得到回答,我深表歉意,但我找不到完整、明显(至少对我而言)的解决方案。我对主干模型的想法有经验。在我看来,它类似于任何其他OOP语言中的类——使用Backbone.Model.extend()创建一个“类”,并在您需要该类的新实例时对其调用new。如果我有一个应用命名空间,我可以将所有对象存储在那里,并执行类似App.getAllThisOrThatTypeModel()的操作。这是一个Angular服务吗?有很多服务(每种类型的模型一个),基本上是用“服务”模仿“类”,这是一个好的“最佳实践”吗?当我尝试从Backbone迁移到Angular再到实验时,我只

javascript - CSS 硬件加速宽度?

我正在尝试构建一个Phonegap应用程序,它允许用户通过移动中间分隔线来更改两列布局的大小。我能够让它工作,但存在一个巨大的用户体验问题:它很慢。这并不可怕,但在最新的iPad上它甚至很明显,这让我很担心。这是我调整大小的JS:$("div").on("touchmove","#columnResizeIcon",function(e){e.preventDefault();varleft=e.originalEvent.touches[0].pageX;varright=$("#columnContainer").width()-left;$("#leftColumn").css(

javascript - 将 CSS3 动画转换为纯 JavaScript

我想将一个简单的CSS3动画转换为纯JavaScript(不是在jQuery中,因为我认为为这么简单的事情加载整个库有点过分了)。这是关于动画bounceInUp来自http://daneden.me/animate/.示例演示:http://jsfiddle.net/ELDf7/@keyframesbounceInUp{0%{opacity:0;transform:translateY(2000px);}60%{opacity:1;transform:translateY(-30px);}80%{transform:translateY(10px);}100%{transform:t