小编Dmi*_*okh的帖子

我在标签之间的html文件中编写了一堆javascript函数,但是现在我希望我的所有函数都在一个单独的JS文件中,所以我可以将JS文件重新用于其他html页面,这样我只需要包含JS文件.

这就是我的函数的样子:

function makeStartRefresher(refresh, refreshTime) {
//function code
}
function readData(address){
//function code
}
function writeData(address, value, refreshCallback){....
........
........
........

这些都写在我的document.ready函数之上,从我调用和使用这些函数.

如果我只是将这些函数复制到JS文件并将JS文件包含在我的html文档中,我是否可以像正常一样调用函数？

Grtz

在我们的项目中,我们使用SASS进行样式开发.此外,我们使用Bootstrap,它包含下一个着名的mixin:

@mixin clearfix {
    *zoom: 1;
    &:before,
    &:after {
        display: table;
        content: "";
        // Fixes Opera/contenteditable bug:
        // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
        line-height: 0;
    }
    &:after {
        clear: both;
    }
}

我们在我们的风格中使用它:

.class-example {
   @include clearfix();
   . . .
}

在编译成CSS之后,SASS将mixin的所有内容复制到我们使用mixin的每个类中.因此,它是大量重复的代码.我们使用mixin大约100次,所以在css中大约有1000个额外的行.

所以,问题是:哪个是更好的表单性能/支持/可读性等.观点看法

1. 使用mixin并允许重复的代码
2. 创建类.clearfix并在标记中使用它<span class="example-class clearfix"> ... </span>以避免重复

此外,如果有人有更好的解决方案 - 我会很高兴得到它.欢迎任何评论/讨论.