requireJs sass侧边栏

最新推荐文章于 2024-09-14 18:52:56 发布

diedui6626

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量67

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yxiaoqian/p/5862024.html

版权

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));
});

转载于:https://www.cnblogs.com/yxiaoqian/p/5862024.html