Node.jsNode.js

 

特点:一、包容css语法 二、效用丰裕 三、成熟 4、久经考验 5、社区 陆、
前端框架基石

三、伪类嵌套
例:div{ 编译后 div:hover{
    &:hover{ background: red;
      background:red; }
    }
  }
[注]:伪类必须抬高“&”那样能够撤销掉空格
不然有空格伪类会出错,就不可能履行。

slashesDenteHost

querystring.parse(str,[sep],[eq],[option]);

       border-top:1px solid red;
      top:1px solid red; border-bottom:1px solid yellow;
      bottom: 1px solid yellow; }
    }
  }

4、sass多种编写翻译格式:
一、nested 嵌套格式 二、expanded 展开格式 3、compact 紧凑格式
四、compressed压缩格式

   

7、混合宏
壹、混合宏的扬言和调用
@mixin 声明混合宏
  例:@mixin hunhe{border:1px solid #000;}

动态网址 : 页面以asp、jsp、php、asp等终结。

querystring.escape

四、局部变量:写在嵌套中的变量为一些变量
例:div{
      $a:50px;
    p{
      height: $a;
    }
  }
那般嵌套在div中的变量称为局地变量,那几个变量只可以够是div下的后生成分为啥调用。
div外面是无法调用到div包括的变量
【注】:局地变量正是全局变量的影子,只会在有个别覆盖全局变量

陆、嵌套 分为三种 壹、选择器嵌套 2、属性嵌套 叁、伪类嵌套
一、选用器嵌套
例:div{ 编译后 div p{color:red}
    p{ color:red;}
  }
这么表示了div后代元素是p标签的成分

node.js版本常识

-0.6x              -0.7x

 

querystring.unescape

伍、@import “one”
引进其余scss文件那样就足以接纳其余scss文件的样式和全局变量
例:import “one”;

querystring.stringify(obj,[sep],[eq])

三、全局变量:定义在要素外的变量
例:$a:100px; 那样定义在要素外全局都得以行使这样为全局变量

此类共包括五个主意:

-0.10x             -0.11x

一、sass使用新币符号“$”来声称变量。
例:$a:100px;
数据类型: 数字 字符串 颜色 布尔 null

13、scss 的for循环
  例:@for $i from 一 to 四{ 【注】:to 表示不包蕴七只到三 through
意味包括这一个数也正是倒四
    div-#{$i}{width: 10px*$i;}
  }

 

node.js是叁个事件驱动I/O服务端。

经受参数:

 

 

10、插值 #{}
  例:$a:”font-size”; 编译后 p{font-size:100px;}
  插值 p{ #{$a}:100px;}

-0.8x              -0.9x

假如设置成true,//foo/bar
方式的字符串将被分析成{host‘foo’,pathname:’/bar}

urlStr            url字符串

12、sass 的if判断
  例:@mixin iff($yicang){
    @if $yicang==true{
      display:none;
    }@else{
      display:block;
    }
  }
  div{@include iff(true);} 编译后 div{display:none;}
【注】:当调用混合宏的时候 传入参是 true 的时候会调用if后面包车型地铁讲话
  传入参是 false 的时候会调用else前边的口舌
  也可以 @if $yincang==”什么”

QueryString 参数处理

sass和css的比较sass扩充了编制程序的特色 css只是纯描述语言
《sass》
1、sass是其一世界上最成熟、稳定和强劲的专业级css扩充语言。

本章内容

11、scss 加减乘除运算
1、加法
  例:p{width:20px + 20px;}
2、减法
  例:p{width: 100px – 20px;} [注]:减法运算减号两边要有空格
3、乘法
  例:p{width: 100px * 2;} [注]:乘法中只可以够有三个暗含单位
不然会报错
4、除法
  例:p{width: 100px / 2;} [注]:除法中只可以够有八个带有单位
不然会报错

3、sass 和 scss区别:
一、文件后缀(增加名)不一样:
sass以“.sass”为扩大名, scss以“.scss”为扩大名
2、书写格局(语法)分化:
sass以严酷的缩进式语法规则来书写,不带大括号和分公司
scss的书写格局和css语法相当相似。

静态网站 : 以html(标准通用标记语言的子集)结尾。

node.js是叁个依照谷歌(Google) chrome浏览器的Javascript引擎(V8Engine)的服务器端平台。

《sass基础》

url.parse(urlStr,[parseQueryString],[slashesDenoteHost]);

服务器

@include 调用混合宏
  例:div{ @include hunhe; }

语法:

八、继承 通过 “@extend” 来继承已存在的体裁块,和占位符
  例:.div{width:100px; height:100px;}
  p{ @extend div; } 那样就连任到了div中负有的体裁

二、传参混合宏

Node.js

偶数位为平稳版本      奇数为非稳定版本

9、占位符 通过“%name(自定义名称)” 注明占位符
  例:评释占位符 %zhan{color:red;}
  调用占位符 p{ @extend %zhan;}

Node.js概述

代码如下

parseQueryString      为true时将用查询模块分析查询字符串,暗中认可为false

2、普通变量和暗许变量
1、普通变量: $a:⑩0px;
2、私下认可变量: $a:50px !default;
[注]:最后加”!default”就改为了暗中同意变量
!default
成效用于降落变量优先级(备胎),不至于排序难题覆盖掉上一条相同的变量

二、属性嵌套
例:div{ 编译后:div{
    border:{

二、css预处理器:定义了壹种“中间语言”,将css作为指标转移文书,为css增添了“编制程序”的表征,
开发者使用那种语言进行编码,然后再编写翻译成不奇怪css文件供项目选取。
特征:1、适应性强 二、易于阅读 三、 易于维护

默许为false,//foo/bar
方式的字符串将被解释成{pathname:’//foo/bar/’}

Sass和Scss的区别

注脚传参混合宏
  @mixin hunhe($width,$height){width:$width; height:$height;}
调用传参混合宏
div{@include hunhe(100px,100px)}

Url网站解析