8.9心得

scss、less的区别用法
Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能
(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等),更容易阅读。
Sass与Scss是什么关系?

Sass的缩排语法,对于写惯css前端的web开发者来说很不直观,也不能将css代码加入到Sass里面,因此sass语法进
行了改良,Sass 3就变成了Scss(sassy css)。与原来的语法兼容,只是用{}取代了原来的缩进。

Less也是一种动态样式语言. 对CSS赋予了动态语言的特性,如变量,继承,运算, 函数. Less 既可以在客户端上
运行 (支持IE 6+, Webkit, Firefox),也可在服务端运行 (借助 Node.js)。
二. Sass/Scss与Less区别
1.编译环境不一样
Sass的安装需要Ruby环境,是在服务端处理的,而Less是需要引入less.js来处理Less代码输出css到浏览器,也可以在
开发环节使用Less,然后编译成css文件,直接放到项目中,也有 Less.app、SimpleLess、CodeKit.app这样的工具,也
有在线编译地址。
2.变量符不一样,Less是@,而Scss是$,而且变量的作用域也不一样。
代码
Less-作用域
@color: #00c; /* 蓝色 */
#header {
@color: #c00; /* red */
border: 1px solid @color; /* 红色边框 */
}

#footer {
border: 1px solid @color; /* 蓝色边框 */
}

Less-作用域编译后
#header{border:1px solid #cc0000;}
#footer{border:1px solid #0000cc;}

scss-作用域
$color: #00c; /* 蓝色 */

#header {

$color: #c00; /* red */
border: 1px solid $color; /* 红色边框 */
}

#footer {
border: 1px solid $color; /* 蓝色边框 */
}

Sass-作用域编译后

#header{border:1px solid #c00}
#footer{border:1px solid #c00}

我们可以看出来,less和scss中的变量会随着作用域的变化而不一样。
3.输出设置,Less没有输出设置,Sass提供4中输出选项:nested, compact, compressed 和 expanded。
输出样式的风格可以有四种选择,默认为nested

nested:嵌套缩进的css代码
expanded:展开的多行css代码
compact:简洁格式的css代码
compressed:压缩后的css代码
4.Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持。
代码
/* Sample Sass “if” statement */

@if lightness($color) > 30% {

} @else {

}

/* Sample Sass “for” loop */

@for $i from 1 to 10 {
.border-#{$i} {
border: #{$i}px solid blue;
}
}
5. 引用外部CSS文件

scss引用的外部文件命名必须以_开头, 如下例所示:其中_test1.scss、_test2.scss、_test3.scss文件分别设置的h1 h2
h3。文件名如果以下划线_开头的话,Sass会认为该文件是一个引用文件,不会将其编译为css文件.
// 源代码:
@import "_test1.scss";
@import "_test2.scss";
@import "_test3.scss";

// 编译后:
h1 {
font-size: 17px;
}

h2 {
font-size: 17px;
}

h3 {
font-size: 17px;
}
Less引用外部文件和css中的@import没什么差异。

6.Sass和Less的工具库不同

Sass有工具库Compass, 简单说,Sass和Compass的关系有点像Javascript和jQuery的关系,Compass是Sass的工具库。在它的
基础上,封装了一系列有用的模块和模板,补充强化了Sass的功能。

Less有UI组件库Bootstrap,Bootstrap是web前端开发中一个比较有名的前端UI组件库,Bootstrap的样式文件部分源码就是
采用Less语法编写。

gulp
GULP最初设计的目的是拟合立场,现在已经逐步发展成为模拟凝聚态物质的通用代码,可以模拟无机固体、团聚体、缺陷、
表面、界面以及聚合物等。
1. 全局安装 gulp:

$ npm install --global gulp
2. 作为项目的开发依赖(devDependencies)安装:

$ npm install --save-dev gulp
3. 在项目根目录下创建一个名为 gulpfile.js 的文件:

var gulp = require('gulp');

gulp.task('default', function() {
// 将你的默认的任务代码放在这
});
4. 运行 gulp:

$ gulp
默认的名为 default 的任务(task)将会被运行,在这里,这个任务并未做任何事情。

cmd命令大全(第一部分)
  winver---------检查Windows版本
  wmimgmt.msc----打开windows管理体系结构(WMI)
  wupdmgr--------windows更新程序
  wscript--------windows脚本宿主设置
  write----------写字板
  winmsd---------系统信息
  wiaacmgr-------扫描仪和照相机向导
  winchat--------XP自带局域网聊天

cmd命令大全/cmd命令提示符大全 原创
2011-11-29 2612 398505
  刚接触电脑的时候是从DOS系统开始,DOS时代根本就没有Windows这样的视窗操作界面,只有一个黑漆漆的窗口,让你
输入命令。所以学DOS系统操作,cmd命令提示符是不可或缺的。可以告诉大家,大多数的程序员牛人或计算机专家在DOS系
统下的操作是非常了得的,所以菜鸟要想成为计算机高手,DOS命令是非学不可。
  直到今天的Windows系统,还是离不开DOS命令的操作。学习DOS系统操作,首先了解命令提示符。先了解每个命令提示
符的作用,然后才能够灵活运用。
  下面将详细的为大家介绍cmd命令大全的符号和作用说明。
cmd命令大全(第一部分)
  winver---------检查Windows版本
  wmimgmt.msc----打开windows管理体系结构(WMI)
  wupdmgr--------windows更新程序
  wscript--------windows脚本宿主设置
  write----------写字板
  winmsd---------系统信息
  wiaacmgr-------扫描仪和照相机向导
  winchat--------XP自带局域网聊天
cmd命令大全(第二部分)
  mem.exe--------显示内存使用情况
  Msconfig.exe---系统配置实用程序
  mplayer2-------简易widnows media player
  mspaint--------画图板
  mstsc----------远程桌面连接
  mplayer2-------媒体播放机
  magnify--------放大镜实用程序
  mmc------------打开控制台
  mobsync--------同步命令


cmd命令大全/cmd命令提示符大全 原创
2011-11-29 2612 398505
  刚接触电脑的时候是从DOS系统开始,DOS时代根本就没有Windows这样的视窗操作界面,只有一个黑漆漆的窗口,让你
输入命令。所以学DOS系统操作,cmd命令提示符是不可或缺的。可以告诉大家,大多数的程序员牛人或计算机专家在DOS系
统下的操作是非常了得的,所以菜鸟要想成为计算机高手,DOS命令是非学不可。
  直到今天的Windows系统,还是离不开DOS命令的操作。学习DOS系统操作,首先了解命令提示符。先了解每个命令提示
符的作用,然后才能够灵活运用。
  下面将详细的为大家介绍cmd命令大全的符号和作用说明。
cmd命令大全(第一部分)
  winver---------检查Windows版本
  wmimgmt.msc----打开windows管理体系结构(WMI)
  wupdmgr--------windows更新程序
  wscript--------windows脚本宿主设置
  write----------写字板
  winmsd---------系统信息
  wiaacmgr-------扫描仪和照相机向导
  winchat--------XP自带局域网聊天
cmd命令大全(第二部分)
  mem.exe--------显示内存使用情况
  Msconfig.exe---系统配置实用程序
  mplayer2-------简易widnows media player
  mspaint--------画图板
  mstsc----------远程桌面连接
  mplayer2-------媒体播放机
  magnify--------放大镜实用程序
  mmc------------打开控制台
  mobsync--------同步命令
cmd命令大全(第三部分)
  dxdiag---------检查DirectX信息
  drwtsn32------ 系统医生
  devmgmt.msc--- 设备管理器
  dfrg.msc-------磁盘碎片整理程序
  diskmgmt.msc---磁盘管理实用程序
  dcomcnfg-------打开系统组件服务
  ddeshare-------打开DDE共享设置
  dvdplay--------DVD播放器

cmd命令大全/cmd命令提示符大全 原创
2011-11-29 2612 398505
  刚接触电脑的时候是从DOS系统开始,DOS时代根本就没有Windows这样的视窗操作界面,只有一个黑漆漆的窗口,让你
输入命令。所以学DOS系统操作,cmd命令提示符是不可或缺的。可以告诉大家,大多数的程序员牛人或计算机专家在DOS系
统下的操作是非常了得的,所以菜鸟要想成为计算机高手,DOS命令是非学不可。
  直到今天的Windows系统,还是离不开DOS命令的操作。学习DOS系统操作,首先了解命令提示符。先了解每个命令提示
符的作用,然后才能够灵活运用。
  下面将详细的为大家介绍cmd命令大全的符号和作用说明。
cmd命令大全(第一部分)
  winver---------检查Windows版本
  wmimgmt.msc----打开windows管理体系结构(WMI)
  wupdmgr--------windows更新程序
  wscript--------windows脚宿主设置
  write----------写字板
  winmsd---------系统信息
  wiaacmgr-------扫描仪和照相机向导
  winchat--------XP自7局域网聊天
cmd命令大全(第二部分)
  mem.exe--------显示内存使用情况
  Msconfig.exe---系统配置实用程序
  mplayer2-------简易widnows media player
  mspaint--------画图板
  mstsc----------远程桌面连接
  mplayer2-------媒体播放机
  magnify--------放大镜实用程序
  mmc------------打开控制台
  mobsync--------同步命令
cmd命令大全(第三部分)
  dxdiag---------检查DirectX信息
  drwtsn32------ 系统医生
  devmgmt.msc--- 设备管理器
  dfrg.msc-------磁盘碎片整理程序
  diskmgmt.msc---磁盘管理实用程序
  dcomcnfg-------打开系统组件服务
  ddeshare-------打开DDE共享设置
  dvdplay--------DVD播放器
cmd命令大全(第四部分)
  net stop messenger-----停止信使服务
  net start messenger----开始信使服务
  notepad--------打开记事本
  nslookup-------网络管理的工具向导
  ntbackup-------系统备份和还原
  narrator-------屏幕“讲述人”
  ntmsmgr.msc----移动存储管理器
  ntmsoprq.msc---移动存储管理员操作请求
  netstat -an----(TC)命令检查接口

cmd命令大全(第五部分)
  syncapp--------创建一个公文包
  sysedit--------系统配置编辑器
  sigverif-------文件签名验证程序
  sndrec32-------录音机
  shrpubw--------创建共享文件夹
  secpol.m转载自电脑十万个为什么http://www.qq880.com,请保留此标记sc-----本地安全策略
  syskey---------系统加密,一旦加密就不能解开,保护windows xp系统的双重密码
  services.msc---本地服务设置
  Sndvol32-------音量控制程序
  sfc.exe--------系统文件检查器
  sfc /scannow---windows文件保护


cmd命令大全/cmd命令提示符大全 原创
2011-11-29 2612 398505
  刚接触电脑的时候是从DOS系统开始,DOS时代根本就没有Windows这样的视窗操作界面,只有一个黑漆漆的窗口,让你
输入命令。所以学DOS系统操作,cmd命令提示符是不可或缺的。可以告诉大家,大多数的程序员牛人或计算机专家在DOS系
统下的操作是非常了得的,所以菜鸟要想成为计算机高手,DOS命令是非学不可。
  直到今天的Windows系统,还是离不开DOS命令的操作。学习DOS系统操作,首先了解命令提示符。先了解每个命令提示
符的作用,然后才能够灵活运用。
  下面将详细的为大家介绍cmd命令大全的符号和作用说明。
cmd命令大全(第一部分)
  winver---------检查Windows版本
  wmimgmt.msc----打开windows管理体系结构(WMI)
  wupdmgr--------windows更新程序
  wscript--------windows脚本宿主设置
  write----------写字板
  winmsd---------系统信息
  wiaacmgr-------扫描仪和照相机向导
  winchat--------XP自带局域网聊天
cmd命令大全(第二部分)
  mem.exe--------显示内存使用情况
  Msconfig.exe---系统配置实用程序
  mplayer2-------简易widnows media player
  mspaint--------画图板
  mstsc----------远程桌面连接
  mplayer2-------媒体播放机
  magnify--------放大镜实用程序
  mmc------------打开控制台
  mobsync--------同步命令
cmd命令大全(第三部分)
  dxdiag---------检查DirectX信息
  drwtsn32------ 系统医生
  devmgmt.msc--- 设备管理器
  dfrg.msc-------磁盘碎片整理程序
  diskmgmt.msc---磁盘管理实用程序
  dcomcnfg-------打开系统组件服务
  ddeshare-------打开DDE共享设置
  dvdplay--------DVD播放器
cmd命令大全(第四部分)
  net stop messenger-----停止信使服务
  net start messenger----开始信使服务
  notepad--------打开记事本
  nslookup-------网络管理的工具向导
  ntbackup-------系统备份和还原
  narrator-------屏幕“讲述人”
  ntmsmgr.msc----移动存储管理器
  ntmsoprq.msc---移动存储管理员操作请求
  netstat -an----(TC)命令检查接口
cmd命令大全(第五部分)
  syncapp--------创建一个公文包
  sysedit--------系统配置编辑器
  sigverif-------文件签名验证程序
  sndrec32-------录音机
  shrpubw--------创建共享文件夹
  secpol.m转载自电脑十万个为什么http://www.qq880.com,请保留此标记sc-----本地安全策略
  syskey---------系统加密,一旦加密就不能解开,保护windows xp系统的双重密码
  services.msc---本地服务设置
  Sndvol32-------音量控制程序
  sfc.exe--------系统文件检查器
  sfc /scannow---windows文件保护
cmd命令大全(第六部分)
  tsshutdn-------60秒倒计时关机命令
  tourstart------xp简介(安装完成后出现的漫游xp程序)
  taskmgr--------任务管理器
  eventvwr-------事件查看器
  eudcedit-------造字程序
  explorer-------打开资源管理器
  packager-------对象包装程序
  perfmon.msc----计算机性能监测程序
  progman--------程序管理器
  regedit.exe----注册表
  rsop.msc-------组策略结果集
  regedt32-------注册表编辑器
  rononce -p ----15秒关机
  regsvr32 /u *.dll----停止dll文件运行
  regsvr32 /u zipfldr.dll------取消ZIP支持
cmd命令大全/cmd命令提示符大全 原创
2011-11-29 2612 398505
  刚接触电脑的时候是从DOS系统开始,DOS时代根本就没有Windows这样的视窗操作界面,只有一个黑漆漆的窗口,让你
输入命令。所以学DOS系统操作,cmd命令提示符是不可或缺的。可以告诉大家,大多数的程序员牛人或计算机专家在DOS系
统下的操作是非常了得的,所以菜鸟要想成为计算机高手,DOS命令是非学不可。
  直到今天的Windows系统,还是离不开DOS命令的操作。学习DOS系统操作,首先了解命令提示符。先了解每个命令提示
符的作用,然后才能够灵活运用。
  下面将详细的为大家介绍cmd命令大全的符号和作用说明。
cmd命令大全(第一部分)
  winver---------检查Windows版本
  wmimgmt.msc----打开windows管理体系结构(WMI)
  wupdmgr--------windows更新程序
  wscript--------windows脚本宿主设置
  write----------写字板
  winmsd---------系统信息
  wiaacmgr-------扫描仪和照相机向导
  winchat--------XP自带局域网聊天
cmd命令大全(第二部分)
  mem.exe--------显示内存使用情况
  Msconfig.exe---系统配置实用程序
  mplayer2-------简易widnows media player
  mspaint--------画图板
  mstsc----------远程桌面连接
  mplayer2-------媒体播放机
  magnify--------放大镜实用程序
  mmc------------打开控制台
  mobsync--------同步命令
cmd命令大全(第三部分)
  dxdiag---------检查DirectX信息
  drwtsn32------ 系统医生
  devmgmt.msc--- 设备管理器
  dfrg.msc-------磁盘碎片整理程序
  diskmgmt.msc---磁盘管理实用程序
  dcomcnfg-------打开系统组件服务
  ddeshare-------打开DDE共享设置
  dvdplay--------DVD播放器
cmd命令大全(第四部分)
  net stop messenger-----停止信使服务
  net start messenger----开始信使服务
  notepad--------打开记事本
  nslookup-------网络管理的工具向导
  ntbackup-------系统备份和还原
  narrator-------屏幕“讲述人”
  ntmsmgr.msc----移动存储管理器
  ntmsoprq.msc---移动存储管理员操作请求
  netstat -an----(TC)命令检查接口
cmd命令大全(第五部分)
  syncapp--------创建一个公文包
  sysedit--------系统配置编辑器
  sigverif-------文件签名验证程序
  sndrec32-------录音机
  shrpubw--------创建共享文件夹
  secpol.m转载自电脑十万个为什么http://www.qq880.com,请保留此标记sc-----本地安全策略
  syskey---------系统加密,一旦加密就不能解开,保护windows xp系统的双重密码
  services.msc---本地服务设置
  Sndvol32-------音量控制程序
  sfc.exe--------系统文件检查器
  sfc /scannow---windows文件保护
cmd命令大全(第六部分)
  tsshutdn-------60秒倒计时关机命令
  tourstart------xp简介(安装完成后出现的漫游xp程序)
  taskmgr--------任务管理器
  eventvwr-------事件查看器
  eudcedit-------造字程序
  explorer-------打开资源管理器
  packager-------对象包装程序
  perfmon.msc----计算机性能监测程序
  progman--------程序管理器
  regedit.exe----注册表
  rsop.msc-------组策略结果集
  regedt32-------注册表编辑器
  rononce -p ----15秒关机
  regsvr32 /u *.dll----停止dll文件运行
  regsvr32 /u zipfldr.dll------取消ZIP支持
cmd命令大全(第七部分)
  cmd.exe--------CMD命令提示符
  chkdsk.exe-----Chkdsk磁盘检查
  certmgr.msc----证书管理实用程序
  calc-----------启动计算器
  charmap--------启动字符映射表
  cliconfg-------SQL SERVER 客户端网络实用程序
  Clipbrd--------剪贴板查看器
  conf-----------启动netmeeting
  compmgmt.msc---计算机管理
  cleanmgr-------垃圾整理
  ciadv.msc------索引服务程序
  osk------------打开屏幕键盘
  odbcad32-------ODBC数据源管理器
  oobe/msoobe /a----检查XP是否激活
  lusrmgr.msc----本机用户和组
  logoff---------注销命令
  iexpress-------木马捆绑工具,系统自带
  Nslookup-------IP地址侦测器
  fsmgmt.msc-----共享文件夹管理器
  utilman--------辅助工具管理器
  gpedit.msc-----组策略

posted on 2017-08-10 08:49  时光在飞逝  阅读(82)  评论(0编辑  收藏  举报