requireJs sass侧边栏

koala 下载 将sass编译为css文件

1 嵌套

2 $变量

3 @mixin 函数名(参数)

4 @include 函数    调用

5 @import "xxx"   引入xxx.scss

5 @extend 继承

ul{
  li{
       a{}
      }
};
$toolbar-size : 52px;

@mixin opacity($opacity){
       opacity:$opacity;
       filter:alpha(opacity=$opacity*100)  
}

@include opacity(0.1)

@import "toolbar" 

.box{
    ....
    ....
}
.box2{
     @extend  .box;
}

　　

RequireJS 为什么使用

1、有效的防止命名冲突

2、声明不同js文件之间的依赖

3、可以让我们的代码以 模块化 的方式组织

RequireJS常用方法

1、requirejs.config  定义别名

main.js  入口文件  <script src='js/require.js' data-main='js/main'></script>  (在.html中  加载完require.js文件之后 立即调用的文件是入口文件 用data-main的方式)

reuirejs.config({
       paths:{
               jquery:'jquery-1.11.3.min'
    }
});    

requirejs(['jquery'],function($){
      $("body").css('background-color','red');
});

2、requirejs

3、define  编写模块   将一个个功能定义成模块

validate.js  将密码校验功能 编译成一个模块 相当于一个文件

define(['jquery'],function($){
    return {
          isEmpty:function(){},
          checkLength:function(){},
          isEqual:function(str1,str2){
                 return str1 ===str2;    
} 
        }
});

　　在入口文件main.js内引入validate模块

reuirejs.config({
       paths:{
               jquery:'jquery-1.11.3.min'
    }
});    

requirejs(['jquery',’validate'],function($,validate){
      console.log(validate.isEqual(1,2));
});