草庐IT

css-properties

全部标签

javascript - AngularJS - 最佳实践 : model properties on view or function calls?

很长一段时间以来,我一直在想这个问题:在使用AngularJS时,我应该直接在View上使用模型对象属性,还是可以使用函数来获取该属性值?我一直在用Angular做一些小的家庭项目,并且(特别是使用只读指令或Controller)我倾向于创建范围函数来访问和显示范围对象及其在View上的属性值,但是性能-明智的,这是一个好方法吗?这种方式似乎更容易维护View代码,因为如果由于某种原因对象被更改(由于服务器实现或任何其他特定原因),我只需要更改指令的JS代码,而不是HTML.这是一个例子://thisgoesinsidedirective'slinkfunctionscope.getP

javascript - 当我在 css 中使用 margin auto 属性时,如何使用 javascript 获取 margin left size

我有div与margin:auto;我只需要得到margin-left使用javascript的大小值:)//css.test{margin:auto;width:100px;height:100px;outline:1pxsolidred;}//htmlTestLiveexample 最佳答案 使用这个:1)使用jQueryvarleft=$(".test").offset().left;2)或者,第二个版本是:将您的div替换为,并使用这个js。varleft=document.getElementById("test").of

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - 如何将 Javascript 变量值放入 CSS?

如何让time变量的内容显示为content我的CSS中的属性?JavaScript:functionclock(){vard=newDate();varhour=d.getHours();varmin=d.getMinutes();vartime=hour+":"+min;}CSS:.screen{position:absolute;height:75%;width:75%;background:#98E8EE;top:11.5%;left:12.5%;}.screen::after{color:#F9F5F4;font-size:40px;content:;font-family:

javascript - drupal 主题 : how do I include several css files/js files on my theme's . 信息文件?

我正在创建一个新的Drupal主题。到目前为止,我只需要包含一个css文件和一个js文件。所以我的theme.info文件有这样的东西:stylesheets[all][]=css/style.cssscripts[]=js/script.js现在我必须包含jquery和jquery-ui才能使用日历日期。它们带有2个新的javascript文件和1个我必须添加到站点的附加css文件。日历输入表单将用于所有页面(在侧block上),因此我可以在所有页面上加载额外的css/javascript。我认为最简单的方法是在.info文件本身上引用它们。起初我试着把它们放在单独的空格里:styl

javascript - 如何在 JavaScript 中没有大量 if 语句的情况下避免 "the property of undefined"错误?

我经常发现自己在处理像这样的深层物体:varx={y:{z:{a:true}}}代码中的某处:if(x.y.z.a===true){//dosomething}在某些情况下,任何x、y、z变量都可能未定义,在这种情况下,您会得到“无法读取未定义的属性*”可能的解决方案是:if(x&&x.y&&x.y.z&&x.y.z.a===true){//dosomething}jsfiddle:http://jsfiddle.net/EcFLk/2/但是有没有更简单/更快捷的方法呢?内联解决方案(不使用特殊功能)会很棒。谢谢。 最佳答案 不,你

javascript - ReactJS 中什么是更快的原始 CSS 或内联样式?

如果您将所有CSS都作为内联样式,ReactJS虚拟DOM是否会使您的应用程序更快?VS使用原始.css文件?http://facebook.github.io/react/tips/inline-styles.html另请参阅关于JavaScript中CSS的ReactJS演示文稿:https://speakerdeck.com/vjeux/react-css-in-js 最佳答案 浏览器已投入多年努力,使其CSS样式表解析+渲染引擎速度极快且内存效率高。内联样式并没有完全相同的处理方式。然而好的一面是,如果您正在创建正常大小的应

javascript - Mocha 测试 : Uncaught TypeError: Cannot read property 'status' of null

学习TDD和我对“HelloWorld”服务器响应的第一个简单测试在Mocha中失败了。我正在使用Mocha.js、Superagent和Expect.js。当我curl-ilocalhost:8080时,我得到了正确的响应和状态代码。HTTP/1.1200OKContent-Type:text/plainDate:Mon,27Apr201517:55:36GMTConnection:keep-aliveTransfer-Encoding:chunkedHelloWorld测试代码:varrequest=require('superagent');varexpect=require('

javascript - JavaScript 和 CSS 中类似 iBooks 的翻页?

好的,我一直在google上搜索,希望这里有人知道一个地方可以指点我。我正在寻找JavaScript的翻页动画,它与Apple对iBooks所做的很接近,只翻一页就只显示下一页。(编辑:也许我的描述不够清楚:我正在寻找一种翻页效果,它可以将整个普通的HTML网站(例如想象一下这个stackoverflow页面)转换到另一个页面,例如“通过应用翻页效果添加问题”屏幕,例如单击“提问”时。我知道这可能是一件很难实现的事情,因为它涉及准备好数据、显示一页、制作过渡效果然后显示第二页,而第一页可以从内存中释放。尽管如此,随着HTML5、JS和CSS的热潮,我希望有人制作了这样的过渡效果,我希望

javascript - 粘性 header CSS/JS

我今天找到了这个网站http://www.forward-thinker.co.uk/.有谁知道如何制作这样的粘性标题。? 最佳答案 该特定站点使用jQuery的$(window).scrollevent.它检查滚动区域的顶部($(this).scrollTop();)是否低于特定高度。如果是这样,它会向标题的css添加一个包含position:fixed的类(它还会更改其高度,因为只有部分标题滚动)。如果滚动到的区域更靠近顶部,脚本会从标题的css中删除包含position:fixed的类,并将高度更改回其原始值。