草庐IT

css-modules

全部标签

javascript - 更改 css 链接并等待新的 css 加载

我想知道是否可以更改加载文档的样式表链接,然后等到新的css加载完毕,然后运行适当的js代码谢谢你的建议 最佳答案 html:代码:$("#mystylesheet").load(function(){//Yourjavascript}).attr("href","/new/path/to/css.css");这将替换您当前的CSS,并在获取新的CSS文件后执行.load()处理程序中的任何代码。 关于javascript-更改css链接并等待新的css加载,我们在StackOverfl

javascript - 是否有现有或即将推出的 CSS3 选择器来匹配属性名称的子字符串?

您可以执行[foo^="bar"]来匹配具有foo属性且值以bar开头的节点。有没有办法匹配具有以特定字符串开头的属性name的节点?这个用例是用data-*属性匹配所有节点。编辑:我尝试这样做的原因是为了避免遍历所有节点以查找这些属性(出于性能原因)。我将使用querySelectorAll及其针对旧版浏览器的Sizzlepolyfill。 最佳答案 一种方法是使用.filter()方法:$('element').filter(function(){return$.grep(this.attributes,function(val

javascript - 如何使用具 Angular materialize-css

我用angular-cli创建了一个angular4元素。我要materialize-css@next图书馆。所以我已经使用安装了它npminstallmaterialize-css@next--save所以这个安装"materialize-css":"^1.0.0-alpha.2",然后在angular-cli.json中我添加了对css和js文件的引用"styles":["styles.css","../node_modules/materialize-css/dist/css/materialize.css"],"scripts":["../node_modules/materi

javascript - 从 AngularJS 更改 CSS

从angularjsController更改DOM不是一个好习惯。在我的应用程序中,单击链接后,我正在更改ngView中的html元素的类。预期的行为是,我有三个div,如果显示或不显示中间的,我正在改变。我正在从Controller执行此操作。我读过,应该在指令中进行DOM操作,但我的思路不够宽广,无法找到解决方案。如果您有任何建议,我将很高兴。 最佳答案 使用ng-class.例如:http://jsfiddle.net/rd13/eTTZj/75/app=angular.module('myApp',[]);app.direc

javascript - ES6 类和 module.exports

最近我在nodeJS实现中看到了这种模式,其中我们的模块有以下代码:classFoo{bar(){console.log('bar');}}module.exports=Foo;然后当我做一个require最后说new来创建类的一个实例。varFoo=require(./foo);varmyFoo=newFoo();myFoo.bar();根据我的说法,这种模式将在每次调用时继续创建Foo类的多个实例。另一种模式可能是我在foo.js中习惯的模式。module.exports={bar:function(){console.log('bar');}};然后我只需要调用bar。varfo

javascript - 使用 Moment JS : Cannot find module "./locale" 创建 React 应用程序

刚刚在我的Web应用程序上运行了一个npmupdate,现在MomentJS似乎失败并显示以下消息:Error:Cannotfindmodule"./locale"\node_modules\moment\src\lib\moment\prototype.js:1>1|import{Moment}from'./constructor';不确定在更新之前我使用的是什么版本的MomentJS,但我的应用程序已经运行了几个月。我创建了另一个React应用程序并运行了npminstallmoment--save并修改了源代码以显示时间,但最终出现了与上述相同的错误。不确定是否有使用Create

javascript - 删除所有 CSS 规则

有没有办法在加载样式表后清除所有CSS规则?我必须使用构建在Dojo之上的专有JavaScript库(ESRI'sArcGISServerAPI)。我广泛使用Dojo的小部件,并想使用Dojo的claro主题,但不幸的是,ESRI库通过加载场外CSS文件(可能还有在JS中硬编码的CSS规则)来破坏CSS。这最终破坏了Claro主题。如此多的Dojo小部件CSS类被重写并创建了新规则,只需清除所有CSS并重新加载标准Dojo样式表似乎更容易/更安全。像下面这样的东西会很好:*{none}但我想我最终将不得不使用Dojo或jQuery来完成此任务。 最佳答案

javascript - 任何 css 或 javascript 技术来显示圆形图像的 'slice'?

我正在尝试编写一个程序,用户可以在其中上传圆形图像,例如这个美味的热披萨:然后用户以度数指定弧的起点和终点,以便调用一个函数来显示相同​​的图像,剩余部分的不透明度较低。functioncutPizza(startArcDegree,endArcDegree){//ThisiswhereIneedhelp}cutPizza(150,225);是否有任何css或javascript技术可以帮助我实现这一目标(或与此相关的任何方法)? 最佳答案 是的,您应该有一个Canvas,该Canvas与您的披萨图像具有相对位置。然后你可以在Can

需要 JavaScript 设计模式帮助 : Loose Augmentation of Modules

为清晰起见进行编辑-@Qantas94Heavy-我明白它在“说”什么或应该做什么,但我不明白的是为什么,更重要的是如何工作:我正在阅读有关JS模块模式的高级教程,它给出了这个示例:varMODULE=(function(my){//addcapabilities...returnmy;}(MODULE||{}));困扰我(我需要你的帮助)的是最后一句话:(MODULE||{}));我无法理解使之成为可能的语法规则。在搜索了关键字“JavaScript模块语法”和“模块模式速记”之后,我发现我仍然不太了解这背后的基础。有人可以解释一下或为我指明正确的方向来理解这个/获得更深入的理解吗?

javascript - '类型错误 : undefined is not a function' when jumping 'tween modules

我在Node中不断遇到这个问题,每当我相互调用函数时,我的应用程序就会崩溃。我已经做了这个最小的工作示例(按照它的方式工作给了我错误):启动模块varmodule2=require('./module2');vardata='data';module2.doStuff(data);模块2varmodule3=require('./module3');functiondoStuff(data){//Stuffhappensto'data'module3.takeStuff(data);}functiondoSomethingElse(data){console.log(data);}mo