Assignment: 1, scss, less of the difference usage, gulp, cmd command

Source: Internet
Author: User
Tags compact nslookup disk defragmenter mstsc eventvwr

The difference between sass/scss and less

I. What is SASS/SCSS and less?  sass (syntactically Awesome stylesheets) is a dynamic style language, Sass syntax is a indentation syntax, more than CSS more than a few functions (such as variables, nesting, operations, mixed (Mixin), inheritance, color processing, functions, etc.), easier to read. What is the relationship between  sass and Scss?  sass's indentation syntax, for the CSS front-end Web developers are not intuitive, and can not add CSS code to Sass inside, so Sass syntax has been improved, Sass 3 became SCSS ( Sassy CSS). Compatible with the original syntax, just substituting {} for the original indentation.  less is also a dynamic style language. CSS is given dynamic language characteristics, such as variables, inheritance, operations, functions. The  less can be run either on the client (ie 6+, Webkit, Firefox) or on the server (with node. js).   Two. Sass/scss differs from less  1. The compilation environment is not the same  sass installation requires a ruby environment, is processed on the server, And less is the need to introduce less.js to handle the output CSS to the browser, can also use less in the development process, and then compiled into a CSS file, directly into the project, there are Less.app, simpleless, Codekit.app such tools, there are also online compiled addresses.  2. Variable characters are different, less is @, and Scss is $, and the scope of the variable is not the same.  less-scope @color: #00c; /*  Blue  */  #header  {  @color: #c00;/* red */    border:1px solid @color; /*  Red Border  */ }  #footer  {  border:1px solid @color;/*  Blue Border  */ }  less-#header{border:1px Solid #cc0000 After the scope is compiled;} #footer {border:1px solid #0000cc;}  scss-Scope $coloR: #00c; /*  Blue  */   #header  {   $color: #c00;/* red */    BORDER:1PX solid $color; /*  Red Border  */ }  #footer  {  border:1px solid $color;/*  Blue Border  */ }  sass-Scope compilation   #header {border:1px solid #c00} #footer {border:1px solid #c00}  As we can see, The variables in less and scss vary depending on the scope.   3. Output settings, less does not have output settings, SASS provides 4 output options: Nested, compact, compressed and expanded.   output style style can have four options, default is nested  Nested: Nested indentation for CSS code expanded: expanded multiline CSS Code compact: Compact CSS code compressed: Compressed CSS code 4. SASS supports conditional statements, can use if{}else{},for{} loops, and so on. And less does not support.  /* sample Sass "If" statement */   @if lightness ($color) > 30% { } @else  {  } /* sample Sass "for" loop */   @for $i from 1 to 10 { . border-#{$i} {  &N Bsp border: #{$i}px solid blue; }} 5. External file names referencing external CSS files  scss must begin with _, as shown in the following example: H1 H2 H3 where _test1.scss, _test2.scss, _test3.scss files are set separately. File names such asIf the underscore _ begins, sass will think that the file is a reference file and will not be compiled into a CSS file.   //Source code: @import "_test1.scss"; @import "_test2.scss"; @import " _test3.scss ";  //compiled:h1 {  font-size:17px;}  h2 {  font-size:17px;}  h3 {  font-size:17px;}   less references to external files and @import in CSS are no different.  6.sass and less are different  sass have tool library compass, simply said, sass and compass relationship is a bit like JavaScript and jquery relationship, Compass is Sass Tool library. On the basis of it, a series of useful modules and templates are encapsulated, complementing the functions of sass.  less has UI component library Bootstrap,bootstrap is a well-known front-end UI component library in Web front-end development, and Bootstrap's style file part of the source code is written in less syntax.     three. Summary   whether sass, or less, can be seen as a high-level language based on CSS, designed to make CSS development more flexible and powerful, and sass more powerful than less. Basically it is a real programming language, less is relatively clear, easy to get started, the requirements of the compilation environment more relaxed. Given that compiling sass to install Ruby, and that the Ruby website is not accessible at home, individuals are more inclined to choose less in their actual development.   Second, gulp 1. Global installation gulp: $ NPM install--global gulp2. As a project development dependency (devdependencies) Installation:  $ npm install--save-dev gulp3. Create a file named Gulpfile.js under the project root directory:  var gulp = require (' gulp ');  gulp.task (' Default ', function () { // Put your default task code on this}); 4. Run gulp: $ GULP default Tasks (Task) will be run, where the task does not do anything.   If you want to perform a specific task individually (task), enter Gulp <task> <othertask>.  Three, cmd command Daquan (Part One) winver---------check Windows versions   WMIMGMT.MSC----open Windows Management Architecture (WMI)   Wupdmgr--------Windows Update   wscript--------Windows Script Host settings   write----------WordPad   WINMSD---------System Information    Wiaacmgr-------Scanner and Camera Wizard   winchat--------xp own LAN Chat  cmd command Daquan/cmd command Prompt Daquan original 2011-11-29 2612 398505 Just touch the computer from the start of the DOS system, the DOS ERA there is no windows such a window interface, only a dark window, let you enter the command. So learning dos system operation, cmd command prompt is indispensable.  Can tell you, most programmers or computer experts in the DOS system operation is very good, so rookie want to become a computer master, DOS command is not learning. Until today, the Windows system is still inseparable from the operation of DOS commands. Learn the DOS system operation and learn the command prompt first.  Understand the role of each command prompt before you can use it flexibly. Below will be detailed for you to introduce the cmd command Daquan symbol and function description.  cmd command Daquan (Part One) winver---------check Windows versions   WMIMGMT.MSC----open Windows Management Architecture (WMI)   Wupdmgr--------Windows Update   wscript--------Windows Script Host settings   write----------WordPad   WINMSD---------System Information   Wiaacmgr-------Scanner and Camera Wizard   winchat--------xp own LAN Chat cmd command Daquan (Part Two) Mem.exe--------Show Memory usageSituation   Msconfig.exe---system Configuration Utility   Mplayer2-------Easy widnows Media player  mspaint--------drawing board    MSTSC----------Remote Desktop Connection   mplayer2-------Media Player   Magnify--------Magnifier utility   MMC------------open the console   Mobsync--------Synchronization Command   cmd command/cmd command Prompt Daquan original 2011-11-29 2612 398505 when you first touch a computer, it starts with a DOS system, In the DOS ERA there is no Windows interface, only a dark window, let you enter the command. So learning dos system operation, cmd command prompt is indispensable.  Can tell you, most programmers or computer experts in the DOS system operation is very good, so rookie want to become a computer master, DOS command is not learning. Until today, the Windows system is still inseparable from the operation of DOS commands. Learn the DOS system operation and learn the command prompt first.  Understand the role of each command prompt before you can use it flexibly. Below will be detailed for you to introduce the cmd command Daquan symbol and function description.  cmd command Daquan (Part One) winver---------check Windows versions   WMIMGMT.MSC----open Windows Management Architecture (WMI)   Wupdmgr--------Windows Update   wscript--------Windows Script Host settings   write----------WordPad   WINMSD---------System Information    Wiaacmgr-------Scanner and Camera Wizard   winchat--------xp own LAN Chat cmd command Daquan (Part Two) Mem.exe--------Show memory usage    Msconfig.exe---System Configuration Utility   Mplayer2-------Easy widnows Media player  mspaint--------drawing board   MSTSC----------Remote Desktop Connection  mplayer2-------Media Player   Magnify--------Magnifier utility   MMC------------open the console   Mobsync--------Synchronous Command cmd command Daquan (Part III) dxdiag---------check DirectX info   drwtsn32------System Doctor   DEVMGMT.MSC---Device Manager    dfrg.msc-------Disk Defragmenter   diskmgmt.msc---Disk Management utility   DCOMCNFG-------Open system Component Services    DdeShare-------open DDE sharing settings   Dvdplay--------DVD player  cmd commands Daquan/cmd command Prompt Daquan original 2011-11-29 2612 398505 Just touch the computer from the start of the DOS system, the DOS ERA there is no windows such a window interface, only a dark window, let you enter the command. So learning dos system operation, cmd command prompt is indispensable.  Can tell you, most programmers or computer experts in the DOS system operation is very good, so rookie want to become a computer master, DOS command is not learning. Until today, the Windows system is still inseparable from the operation of DOS commands. Learn the DOS system operation and learn the command prompt first.  Understand the role of each command prompt before you can use it flexibly. Below will be detailed for you to introduce the cmd command Daquan symbol and function description.  cmd command Daquan (Part One) winver---------check Windows versions   WMIMGMT.MSC----open Windows Management Architecture (WMI)   Wupdmgr--------Windows Update   wscript--------Windows Foot host settings   write----------WordPad   WINMSD---------System Information    Wiaacmgr-------Scanner and Camera Wizard   Winchat--------XP from 7 LAN chat cmd command Daquan (Part Two) Mem.exe--------Show memory usage   msconfig.exe---System Configuration Utility   Mplayer2-------Easy widnows Media player  mspaint--------drawing board   MSTSC----------Remote Desktop Connection    Mplayer2-------Media Player   Magnify--------Magnifier utility   MMC------------open the console   Mobsync--------Synchronous Command cmd command Daquan (Part III) dxdiag---------check DirectX info   drwtsn32------System Doctor   DEVMGMT.MSC---Device Manager    dfrg.msc-------Disk Defragmenter   diskmgmt.msc---Disk Management utility   DCOMCNFG-------Open system Component Services   DdeShare-------open DDE sharing settings   dvdplay--------dvd player cmd command Daquan (part fourth) net stop Messenger-----Stop messenger Service   net start  Messenger----Start Messenger Service   Notepad--------Open notepad   nslookup-------Network Management tool Wizard   ntbackup-------system backup and restore   Narrator-------Screen narrator   NTMSMGR.MSC----Mobile Storage Manager   NTMSOPRQ.MSC---Mobile Storage Administrator action request   Netstat-an----(TC)  Command Check Interface  cmd command Daquan (part fifth) Syncapp--------Create a Briefcase   sysedit--------System Configuration Editor   sigverif-------File Signature Validator   Sndrec32-------Recorder   SHRPUBW--------Create a shared folder   SECPOL.M reprinted from the computer 100,000 why http://www.qq880.com, keep this flag sc-----Local Security Policy &NBsp  SYSKEY---------System encryption, once encryption cannot be unlocked, protect Windows XP system dual password   SERVICES.MSC---Local Service settings   Sndvol32-------Volume Control program    Sfc.exe--------System File Checker   Sfc/scannow---Windows File Protection   cmd commands Daquan/cmd command Prompt Daquan original 2011-11-29 2612 398505 Just touch the computer from the start of the DOS system, the DOS ERA there is no windows such a window interface, only a dark window, let you enter the command. So learning dos system operation, cmd command prompt is indispensable.  Can tell you, most programmers or computer experts in the DOS system operation is very good, so rookie want to become a computer master, DOS command is not learning. Until today, the Windows system is still inseparable from the operation of DOS commands. Learn the DOS system operation and learn the command prompt first.  Understand the role of each command prompt before you can use it flexibly. Below will be detailed for you to introduce the cmd command Daquan symbol and function description.  cmd command Daquan (Part One) winver---------check Windows versions   WMIMGMT.MSC----open Windows Management Architecture (WMI)   Wupdmgr--------Windows Update   wscript--------Windows Script Host settings   write----------WordPad   WINMSD---------System Information    Wiaacmgr-------Scanner and Camera Wizard   winchat--------xp own LAN Chat cmd command Daquan (Part Two) Mem.exe--------Show memory usage    Msconfig.exe---System Configuration Utility   Mplayer2-------Easy widnows Media player  mspaint--------drawing board   MSTSC----------Remote Desktop Connection   mplayer2-------Media Player   Magnify--------Magnifier utility   MMC------------Open Console   mobsync--------Synchronize command cmd command Daquan (Part Three) DxDiag---------check DirectX information   DRWTSN32------System Doctor    DEVMGMT.MSC---Device Manager   dfrg.msc-------Disk Defragmenter   diskmgmt.msc---Disk Management utility   DCOMCNFG-------Open the System components service   ddeshare-------open DDE sharing settings   dvdplay--------dvd player cmd command Daquan (part fourth) net stop Messenger-----Stop Messenger Service   net start Messenger----Start Messenger Service   Notepad--------Open Notepad   nslookup Tools Wizard-------Network Management &  nbsp ntbackup-------system backup and restore   narrator-------screen narrator   NTMSMGR.MSC----Mobile Storage Manager   NTMSOPRQ.MSC---Mobile Storage Administrator action Request    Netstat-an----(TC) command Check interface cmd command Daquan (part fifth) Syncapp--------Create a Briefcase   sysedit--------System Configuration Editor   Sigverif-------File Signature Validator   SNDREC32-------Recorder   SHRPUBW--------Create a shared folder   SECPOL.M reprinted from the computer 100,000 why/HTTP  Www.qq880.com, keep this flag sc-----Local Security Policy   SYSKEY---------system encryption, once encryption cannot be unlocked, protect Windows XP system dual password   Services.msc---Local Service settings   Sndvol32-------Volume control program   Sfc.exe--------System File Checker   SFC/ Scannow---Windows File Protection cmd command Daquan (Sixth) Tsshutdn-------60 seconds Countdown shutdown command   tourstart------XP Introduction (roaming XP programs that appear after installation)   Taskmgr--------Task Manager    EVENTVWR-------Event Viewer   eudcedit-------font-builder   Explorer-------Open Explorer   Packager-------Object Packager    PERFMON.MSC----Computer Performance monitoring program   ProgMan--------Program Manager   Regedit.exe----Registry   RSOP.MSC-------Group Policy result set   Regedt32-------Registry Editor   rononce-p----15 seconds shutdown   regsvr32/u *.dll----Stop DLL file run   regsvr32/u zipfldr.dll---- --Cancel Zip support cmd command Daquan/cmd command Prompt Daquan original 2011-11-29 2612 398505 just when the computer was in contact with the DOS system, the DOS ERA there is no windows such a window interface, only a dark windows, Let you enter a command. So learning dos system operation, cmd command prompt is indispensable.  Can tell you, most programmers or computer experts in the DOS system operation is very good, so rookie want to become a computer master, DOS command is not learning. Until today, the Windows system is still inseparable from the operation of DOS commands. Learn the DOS system operation and learn the command prompt first.  Understand the role of each command prompt before you can use it flexibly. Below will be detailed for you to introduce the cmd command Daquan symbol and function description.  cmd command Daquan (Part One) winver---------check Windows versions   WMIMGMT.MSC----open Windows Management Architecture (WMI)   Wupdmgr--------Windows Update   wscript--------Windows Script Host settings   write----------WordPad   WINMSD---------System Information   WIAACMGR-------Scanner and Camera Wizard   winchat--------xp own LAN Chat cmd command Daquan (Part Two) Mem.exe--------Show memory usage   Msconfig.exe---system Configuration Utility    mplayer2-------Easy widnows Media player  mspaint--------drawing board   MSTSC----------Remote Desktop Connection    Mplayer2-------Media Player   Magnify--------Magnifier utility   MMC------------open the console   Mobsync--------Synchronous Command cmd command Daquan (Part III) dxdiag---------check DirectX info   drwtsn32------System Doctor   DEVMGMT.MSC---Device Manager    dfrg.msc-------Disk Defragmenter   diskmgmt.msc---Disk Management utility   DCOMCNFG-------Open system Component Services   DdeShare-------open DDE sharing settings   dvdplay--------dvd player cmd command Daquan (part fourth) net stop Messenger-----Stop messenger Service   net start  Messenger----Start Messenger Service   Notepad--------Open notepad   nslookup-------Network Management tool Wizard   ntbackup-------system backup and restore   Narrator-------Screen narrator   NTMSMGR.MSC----Mobile Storage Manager   NTMSOPRQ.MSC---Mobile Storage Administrator action request   Netstat-an----(TC)  Command Check Interface cmd command Daquan (part fifth) Syncapp--------Create a Briefcase   sysedit--------System Configuration Editor   sigverif-------File Signature Validator   Sndrec32-------Recorder &NBsp  SHRPUBW--------Create a shared folder   SECPOL.M reprinted from the computer 100,000 why http://www.qq880.com, keep this flag sc-----Local Security Policy    SYSKEY---------System encryption, once encryption cannot be unlocked, protect Windows XP system dual password   SERVICES.MSC---Local Service settings   Sndvol32-------Volume Control program    Sfc.exe--------System File Checker   Sfc/scannow---Windows File Protection cmd command Daquan (part sixth) Tsshutdn-------60 seconds Countdown shutdown command    Tourstart------XP Introduction (roaming XP programs that appear after installation is complete)   taskmgr--------Task Manager   EVENTVWR-------Event Viewer    Eudcedit-------font-character programs   Explorer-------Open Explorer   Packager-------Object Packager   PERFMON.MSC----computer Performance Monitor    ProgMan--------Program Manager   Regedit.exe----Registry   RSOP.MSC-------Group Policy result set   Regedt32-------Registry Editor   Rononce-p----15 seconds shutdown   regsvr32/u *.dll----Stop DLL file run   regsvr32/u zipfldr.dll------Cancel zip support cmd command Daquan (part seventh) CMD.E  Xe--------cmd command prompt   Chkdsk.exe-----chkdsk disk check   CERTMGR.MSC----Certificate Management utility   Calc-----------start Calculator   Charmap--------Start character mapping table   CLICONFG-------SQL SERVER Client Network Utility   CLIPBRD--------Clipboard viewer   conf-----------Start netmeeting  compmgmt.msc---Computer Management   cleanmgr-------spam   ciadv.msc------Indexing Service   OSK------------Open on-screen keyboard   ODBCAD32-------ODBC data Source Administrator   oobe/msoobe/a----Check if XP is active   lusrmgr.msc----native users and Groups    Logoff---------Logout command   IExpress-------Trojan Bundle tool, System comes with   Nslookup-------IP Address detector   Fsmgmt.msc-----shared Folder Manager   Utilman--------Utility Manager   gpedit.msc-----Group Policy      

Jobs: 1, scss, less, gulp, cmd command

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.