GVKun编程网logo

css – 如何在LESS编译器中抛出错误(less如何编译成css)

18

本篇文章给大家谈谈css–如何在LESS编译器中抛出错误,以及less如何编译成css的知识点,同时本文还将给你拓展angularjs–如何在$http承诺中抛出错误、bootstrap之less编译

本篇文章给大家谈谈css – 如何在LESS编译器中抛出错误,以及less如何编译成css的知识点,同时本文还将给你拓展angularjs – 如何在$http承诺中抛出错误、bootstrap之less编译器环境搭建、c# – 如何从属性中抛出编译错误?、css – LESS Ruby编译器错误等相关知识,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

css – 如何在LESS编译器中抛出错误(less如何编译成css)

css – 如何在LESS编译器中抛出错误(less如何编译成css)

@H_301_6@

有没有办法(以编程方式)在LESS编译器中抛出错误?@H_301_6@

为什么?@H_301_6@

今天我一直在使用mixin警卫摆弄,因为我想根据元素大小和元素数量生成我的CSS边距.
我认为直接在编译时抛出错误会很酷,因为元素不适合包装器.@H_301_6@

信息:我使用lessc编译器将我的LESS代码编译为CSS.我没有使用任何Javascript库在执行时编译它.@H_301_6@

来源不多@H_301_6@

@H_301_6@

// Variables
@wrapper-small:  830px;
@wrapper-big:   1200px;

.col-fixed(@size,@count,@wrapper)  when ((@size*@count) <= @wrapper)
{
    width: unit(@size,px);
    margin-right: unit( (@wrapper - @count * @size) / (@count - 1),px);    
}

.test_col_fixed {
    // will fail the mixin guard and output no generated CSS        
    .col-fixed(340,3,@wrapper-small);

    // would work if not in comment
    // .col-fixed(340,@wrapper-big);
}

生成的CSS(小包装器)@H_301_6@

没有输出,因为当((@ size * @ count)< = @wrapper)// 3 * 340< = 830为假时,由于不匹配的mixin保护而不会生成代码. 生成的CSS(带有工作解决方案,大包装) @H_301_6@

.test_col_fixed {
    width: 340px;
    margin-right: 90px;
}

解决方法

建议,但严格不推荐 solution by Harry

@H_301_6@

@H_301_6@

.col-fixed(@size,@wrapper) {
    & when ((@size*@count) <= @wrapper) {
        width: unit(@size,px);
        margin-right: unit( (@wrapper - @count * @size) / (@count - 1),px);  
    }
    & when ((@size*@count) > @wrapper) {
        /* there is no such variable and hence when the input value is not valid,compiler will complain that variable is undefined */
        output: @bwahahaha;
    }
}

angularjs – 如何在$http承诺中抛出错误

angularjs – 如何在$http承诺中抛出错误

我有一个角度服务,包装我的其余api调用并返回$http承诺.

我的问题是如何抛出一个错误,以便调用触发.error方法的promise?我不想抛出错误,因为我希望它在调用函数中使用.success / .error而不是在它周围执行try catch块.

myFunction: function(foo)
   if (foo) {
      return $http.put(rootUrl + '/bar',{foo: foo});
   }
   else {
      //what do I return here to trigger the .error promise in the calling function
   }

解决方法

首先在您的服务中注入$q-service.然后在你的其他地方:

else {
     var deferred = $q.defer();
     deferred.reject("reject reason,foo was false");
     return deferred.promise;
}

不像Blazemonger那样聪明,但它很快就能做到.

bootstrap之less编译器环境搭建

bootstrap之less编译器环境搭建

这几天在研究bootstrap方面的知识,less是方便写css用的,它有两种编译方法,即服务器和客户端,一般推荐在服务器端编译好了再去客户端用比较好点。客户端编译很简单,页面引用less.js文件,然后在引用.less文件即可。服务器端就需要用到node.js包管理器了。首先我电脑是win7 32位旗舰版,下载node.js安装包 http://www.nodejs.org/ 这都很简单,安装好了之后再cmd中运行 npm install -g less 这组命令,时间有点长,第一次可能会失败,失败后在执行一次就行了,为何会失败至今还没有找到答案。当我们安装好less编译器后在就去编译less文件  lessc styles.less > styles.css 这组命令是编译.less文件,然后以标准输出流输出到后面文件里面。如果你操作完所有步骤后那说明你已经可以把less文件编译成.css文件了。

c# – 如何从属性中抛出编译错误?

c# – 如何从属性中抛出编译错误?

.NET中有 attributes(例如 ObsoleteAttribute),它们能够阻止编译或至少抛出编译时警告,具体取决于它们的配置.

如何编写能够干扰编译的属性?有没有办法从微软以外的地方做到这一点?

解决方法

过时的属性是“编译魔术” – 如果不修改编译器,就不能自己做这样的事情.但是,与往常一样,有一些解决方法 – 例如看看 this和 this线程.

css – LESS Ruby编译器错误

css – LESS Ruby编译器错误

无处不在,我的所有样式表都在编译过程中开始抛出错误.

lessc static/css/styles.less
/gems/less-2.2.1/lib/less/js/lib/less/parser.js:385:31: .rounded_corners is undefined (Less::Error)

我的mixins似乎都没有在less less文件中可用. mixins.less文件导入到样式表的最顶层,只导入一次.

@import "mixins.less";
@import "reset.less";
@import "clearfix.less";
@import etc..

我还检查了每个文件的字节顺序标记,灵感来自Variable Name Error “is undefined” even though “variables.less” imported,甚至在这个项目的git历史记录中返回了4周(我100%确定编译成功运行).到目前为止,我没有运气.

奇怪的是,使用SimpLESS和Less Compiler for Mac成功运行编译.

我已经将其缩小到导入问题,因为如果我尝试在样式表的顶部使用mixin并且使用mixin的名称引发错误.

有谁熟悉这种情况?

我正在使用Less Ruby Gem的2.2.1版本.

解决方法

我认为您需要位于包含您要编译的文件的目录中.而不是像以下那样运行命令:

lessc static/css/styles.less

尝试:

cd static/css
lessc styles.less

关于css – 如何在LESS编译器中抛出错误less如何编译成css的介绍已经告一段落,感谢您的耐心阅读,如果想了解更多关于angularjs – 如何在$http承诺中抛出错误、bootstrap之less编译器环境搭建、c# – 如何从属性中抛出编译错误?、css – LESS Ruby编译器错误的相关信息,请在本站寻找。

本文标签: