草庐IT

4.CSS盒子模型

全部标签

javascript - CSS Sprite 性能

我有一个500x640的静态图像,位于文件夹中,由20x20block和cssSprite组成,我正在设置背景位置来显示每block,我需要这样的显示以便以后能够对每block进行操作。CSS:.piece{width:20px;height:20px;display:inline-block;//display:inline;//zoom:1;}.ob{background-image:url("/Images/ob.jpg");}js:viewModel={flips:ko.observableArray([]),setClick:function(data,e){e.preven

javascript - CSS3 选择器 [*|type ="toc"]

我正在使用EPUB.JS,它使用以下代码从ePub文件中获取一些信息:varnavEl=navHtml.querySelector('nav[*|type="toc"]')这行代码在IE10中失败,因为querySelector返回null。我以前从未见过格式为[*|attr="val"]的属性选择器,但我认为他们想说的是,“选择所有具有任何属性或名为“type”且值为“toc”的属性的导航元素。”我找不到关于这种星形管道语法的任何信息,但我认为它是某种在Webkit/Mozilla中有效但在IE中无效的逻辑OR命令。将该行更改为:varnavEl=navHtml.querySelec

javascript - 检索 CSS 是否需要 'getPropertyValue' 方法?

如果我们只能使用getComputedStyle方法,您能告诉我为什么我们需要使用getPropertyValue方法吗?例如,据我所知,这会起作用:vars=getComputedStyle(element,null).opacity;相当于以下内容:vars=getComputedStyle(element,null).getPropertyValue('opacity');我们可以在没有getPropertyValue的情况下使用getComputedStyle吗? 最佳答案 根据老DOML2Style,getProperty

javascript - 为什么这不是在 JS 中使用 querySelectorAll 的有效 CSS 选择器?

这个问题在这里已经有了答案:IsthereareasonwhyCSSdoesn'tsupportidsandclasses,startingfromnumbers?(8个答案)CanXHTMLandHTMLclassattributesvaluestartwithanumber?(3个答案)关闭5年前。我正在尝试使用VanillaJS在我的DOM中找到所有具有2x类的img元素。我正在使用querySelectorAll方法,如下所示:document.querySelectorAll('img.2x');但是它在控制台日志中抛出这个错误:UncaughtDOMException:Fa

javascript - Angular 5 : ng build - -prod fails due to clean-css: Cannot read property 'line' of undefined

我的应用在Angular5.2.6下。ngserve一切正常,但是当运行ngbuild--prod时,它需要一段时间,然后才会失败。这些错误似乎与clean-css操作有关。错误跟踪:92%chunkassetoptimization/home/khalidvm/Desktop/Workspace/Front/frontend_v2/node_modules/clean-css/lib/reader/input-source-map-tracker.js:37if(originalPosition.line===null&&line>1&&selectorFallbacks>0){^T

javascript - backbone.js 模型指向嵌套模型的相同实例

使用backbone.js,这是一个快速测试来演示我在使用嵌套模型时遇到的问题。前言我有一个Obj模型,其中包含2个嵌套模型,Obj1和Obj2。Obj模型本身有一个View(ObjView),主页面本身也有一个View(BodyView)。主页只有一个按钮,id=add。每次单击按钮时,都会向ObjCollection添加一个新的Obj,并且ObjView会向页面添加一个按钮(id=clickMe)。clickMe按钮绑定(bind)到一个testFunc,console.logsthis.model和this.model.get("obj1")。问题通过检查console.logs

javascript - 扩展主干模型或 View 时,我如何创建在实例而不是原型(prototype)上创建的属性?

我想做的事:varMyModel=Backbone.model.extend({someProp:{...},..});但是有newMyModel().someProp===newMyModel().someProp返回false好像我已经完成了functionMyModel(){this.someProp={...};}我不想将赋值this.someProp={...};放在initialize方法中,因为如果我继承MyModel,我将不得不重复也可以在子类的初始化方法中再次赋值,或者记得每次我子类化时调用父类初始化从子类初始化,这在我看来是一种解决方法而不是解决方案。那么,还有没有

javascript - 如何防止 Backbone 模型向集合事件传播?

如何防止主干模型事件传播到主干集合?编辑:假设我有如下内容,其中CollectionView包含MyModels的集合...varCollectionView=Backbone.Collection.Extend({initialize:function(){this.collection.on("change",doStuff);}});varModelView=Backbone.View.Extend({initialize:function(){this.model=newMyModel();this.model.on("change",doStuff);this.model.f

javascript - 如何使用 JavaScript 获取以度为单位的 CSS 变换旋转值

我正在使用代码foundatCSS-Tricks使用JavaScript获取当前旋转变换(在CSS中)。JavaScript函数:functiongetCurrentRotation(elid){varel=document.getElementById(elid);varst=window.getComputedStyle(el,null);vartr=st.getPropertyValue("-webkit-transform")||st.getPropertyValue("-moz-transform")||st.getPropertyValue("-ms-transform")

javascript - 从 Knockout.js 选项数组中删除后重新初始化 Materialize.css 选择框

我有一个选择框,其中的选项和选择是通过Knockout.js处理的。我想使用MaterializeCSS设计它的样式。此功能可正常用于选择框的初始显示,并且当将选项添加到optigon.js'options'observablearray时,通过使用“optionsfafterrender”绑定(bind)在添加每个选项后的(rereret)初始化(浪费,浪费,但有效)。删除选项时,Knockout.js不提供类似于“optionsAfterRender”的任何内容,因此没有明显的方法来触发MaterializeCSS魔法的重新初始化。问题:您是否可以看到任何非疯狂的选项?代码:('s