草庐IT

customizing-web-forms-with-css

全部标签

javascript - CSS @media 查询(和其他嵌套选择器)的正则表达式解析

我正在开发一个Node脚本,它使用正则表达式来解析CSS文件,并且它工作得很好......除了处理@media查询时。问题是由于嵌套的花括号让我很不舒服。我基本上想创建一个媒体查询中所有内容的捕获组:这是我到目前为止所获得的内容。@media[^{]+\{([^}]+)}\s*}这适用于一些简单的事情,例如:@media(max-width:868px){aside.size-toggle{display:none;}}但是不能拾取多个嵌套规则,像这样:@media(max-width:767px){#wrapper.sidebar-displayaside{left:0;transi

javascript - mocha with nodejs assert 挂起/超时为 assert(false) 而不是错误

我有这种Mocha测试:describe'sabah',→beforeEach→@sabahStrategy=_.filter(@strats,{name:'sabah2'})[0].stratit'articlelistshouldbepopulated',(done)→@timeout10000strat=new@sabahStrategy()articles=strat.getArticleStream('barlas')articles.take(2).toArray((result)→_.each(result,(articleList)→//Imaketheassertio

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 - 生成 DOM 元素时替代 JavaScript `with` 语句

比如说,我有一个JavaScript库来生成如下所示的DOM片段AheadingAparagraph其中库domlib具有适用于任何类型元素的方法,生成上述片段的函数可能如下所示:function(domlib){returndomlib.main(domlib.h1('Aheading'),domlib.p('Aparagraph'));}在此函数中,我更愿意像这样调用domlib方法:main(h1('Aheading'),p('Aparagraph'))为此,我可以将domlib的所有方法放在全局范围内,但我宁愿避免污染全局范围。在我看来,with语句似乎是一个理想的解决方案:f

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 - 创建小书签 : Append current URL with specific string

我正在尝试创建一个小书签,它将更改我当前所在页面的URL,并加载一个更改了URL字符串的新页面。我已经查看了许多关于小书签的其他主题,但我还没有找到适合我的解决方案。我希望能够更改如下所示的URL:http://mywebsite.com/directory/page.html?referral=Google&visit=1到:http://mywebsite.com/directory/page.html?dog=Fido&cat=Mittens三个目标:1)在?之后删除现有URL中的任何内容标记。2)在问号后附加“dog=Charlie&cat=Mittens”。3)立即使用新UR

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 - Web 音频 API 均衡器

我一直在寻找使用Web音频API创建音频均衡器的方法:http://webaudio.github.io/web-audio-api/我发现了很多关于创建可视化工具的话题,但这当然不是我想要做的。我只是希望能够使用频率slider改变声音。我发现biquadFilter应该可以完成这项工作,但我得不到好的结果。当我改变任何频率值时,声音都会持续改变,但它只会降低声音的质量,而它应该改变频率。我首先加载一个声音:Audio.prototype.init=function(callback){var$this=this;this.gainScale=d3.scale.linear().do