草庐IT

CSS-classes

全部标签

javascript - Grunt bower_concat 不添加 css

我尝试使用bower_concathttps://github.com/sapegin/grunt-bower-concat从我的bower_components编译我所有的css.js编译得很好,但css永远不会被创建。这是我的这一部分的grunt文件代码:bower_concat:{all:{dest:'/lib/_bower.js',cssDest:'/lib/_bower.css',dependencies:{//'angular':''},exclude:['jquery'],bowerOptions:{relative:false},includeDev:true}},它从

javascript - Karma + Jasmine( Angular Testing ): Where should I define mock classes and test variables?

让我们来看下面的例子:constlistDefinition:any={module:"module",service:"service",listname:"listname"};@Component(...)classMockTreeExpanderComponentextendsTreeExpanderComponent{...}classMockListConfigurationsServiceextendsListConfigurationsService{...}describe('ColumnsListConfigurationsComponentTestcases',(

javascript - 带文字的 CSS 平行四边形

我使用CSS3的skew变换制作了一个平行四边形,并将文本放置在另一个具有相反skew值的div中,以便文本保持未变换:JSFiddleexample.有没有办法让文本像这样对齐平行四边形的边缘:我愿意接受其他建议,例如在无法使用CSS的情况下使用canvas。如果有一种JavaScript技术可以做到这一点,那么任何可能有用的链接都将不胜感激。更新:在寻找一些跨浏览器解决方案后,我发现实现此目的的最简单工具是thistool。. 最佳答案 根据要求,您的答案在于使用-webkit-shape-in​​side:http://hon

javascript - Vuejs css 作用域性能

我正在使用VueJs开发一个新的应用程序,我看到它实现了一个像这样的“css作用域”.example{color:red;}hi它呈现的样子.example[_v-f3f3eg9]{color:red;}hi我要开发一个包含许多原子设计组件的大元素,我想问一下,为了性能,使用类还是使用作用域更好 最佳答案 Scopedstylesdonoteliminatetheneedforclasses.DuetothewaybrowsersrendervariousCSSselectors,p{color:red}willbemanytime

javascript - ES6 继承 : uses `super` to access the properties of the parent class

Javascript的super关键字,当我在Chrome、Babel、TypeScript上运行代码时,我得到了不同的结果。我的问题是哪个结果是正确的?规范的哪一部分定义了这种行为?以下代码:classPoint{getX(){console.log(this.x);//C}}classColorPointextendsPoint{constructor(){super();this.x=2;super.x=3;console.log(this.x)//Aconsole.log(super.x)//B}m(){this.getX()}}constcp=newColorPoint();

javascript - 有没有办法判断元素是否已完成 CSS3 过渡?

我正在寻找事件、回调或其他方式来判断CSS3转换何时完成。这可能吗? 最佳答案 使用transitionend事件。请注意,必须添加特定于vendor的前缀。 关于javascript-有没有办法判断元素是否已完成CSS3过渡?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9995642/

javascript - webpack build less files 输出一个 css minify 文件

webpack是我需要将几个较少的文件传递到一个缩小的CSS文件中的工具吗?如果是这样,我不确定我在下面的代码中做错了什么?有没有办法输出到不同的文件路径,现在我的js文件输出到'./assets/javascripts/bundle/',我希望我的css文件输出到'。/assets/stylesheets/bundle/',我该怎么做?更新我做了一个测试,我可以将我的less文件构建到一个css文件,但仍然无法找到如何为输出文件夹设置多个路径,现在我必须注释掉js入口部分并更改输出路径...网络包配置varpath=require('path');varwebpack=require

javascript - Node.js 事件发射器 : How to bind a class context to the event listener and then remove this listener

有没有办法在事件监听器方法中访问类上下文并有可能删除监听器?示例1:import{EventEmitter}from"events";exportdefaultclassEventsExample1{privateemitter:EventEmitter;constructor(privatetext:string){this.emitter=newEventEmitter();this.emitter.addListener("test",this.handleTestEvent);this.emitter.emit("test");}publicdispose(){this.emi

javascript - "Class extends value #<Object> is not a constructor or null"

感谢阅读我的文章我的代码出现此错误:“Classextendsvalue#isnotaconstructorornull”这是我的代码,我正在尝试导出/导入类。怪物.js:constminiMonster=require("./minimonster.js");classmonster{constructor(options={name},health){this.options=options;this.health=100;this.heal=()=>{return(this.health+=10);};}}letbigMonster=newmonster("Godzilla");

javascript - 如何跨站点处理 javascript 和 css 文件?

最近我对如何在Web应用程序中处理共享的javascript和css文件有了一些想法。在我正在处理的当前Web应用程序中,我得到了大量不同的javascript和css文件,这些文件位于服务器上的一个文件夹中。一些文件被重复使用,而另一些则没有。在生产站点中,加载大量HTTP请求和加载数千字节的不必要的javascript和冗余css是非常愚蠢的。解决方案当然是为每个页面创建一个仅包含必要信息的大捆绑文件,然后将其最小化并压缩(GZIP)发送给客户端。创建一堆javascript文件并手动最小化它们并不需要担心,如果您打算这样做的话,但是由于应用程序不断维护并且事情确实在变化和发展,因