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