Back to Question Center
0

સાસ અને એસસીએસએસ વચ્ચેનો તફાવત શું છે?            સસ અને એસસીએસએસ વચ્ચેનો તફાવત શું છે? સંબંધિત વિષયો: વેબ ફોન્ટએનિમેશનફ્રેમવર્કસસીએસએસ આર્કિટેક્ચર કાન્વસ & મીમલ્ટ

1 answers:
સાસ અને એસસીએસએસ વચ્ચેનો તફાવત શું છે?

સાસ અને એસસીએસએસ વચ્ચેનો તફાવત શું છે?સસ અને એસસીએસએસ વચ્ચેનો તફાવત શું છે? સંબંધિત વિષયો:
વેબ ફોન્ટએનિમેશનફ્રેમવર્કસસીએસએસ આર્કિટેક્ચર કાન્વસ અને મીમલ્ટ

આ મૂળમાં સામ્મટ 28, 2014 ના રોજ પ્રકાશિત થયેલા એક લેખનું અપડેટ વર્ઝન છે.

મેં સાસ પર ઘણું લખ્યું છે, પરંતુ કેટલીક ટિપ્પણીઓ મેં તેને સ્પષ્ટ કરી દીધું છે કે દરેક વ્યક્તિ જાણે છે કે સાસ શું કરે છે તે જાણતા નથી. થોડુંક સ્પષ્ટતા:

જ્યારે આપણે સાસ વિશે વાત કરીએ છીએ, ત્યારે અમે સામાન્ય રીતે પૂર્વપ્રોસેસર અને સમગ્ર ભાષાને સંદર્ભિત કરીએ છીએ. અમે કહીશું, ઉદાહરણ તરીકે, "અમે સાસનો ઉપયોગ કરી રહ્યા છીએ" અથવા "અહીં એક સાસ મિશ્રણ છે". દરમિયાન, સાસ (પૂર્વપ્રોસેસર) બે જુદી સિન્ટેક્સ આપે છે:

  • સાસ , જેને ઇન્ડેન્ટેડ સિન્ટેક્ષ તરીકે પણ ઓળખવામાં આવે છે
  • એસસીએસએસ , એક સીએસએસ-જેવી સિન્ટેક્સ

સાસનો ઇતિહાસ

શરૂઆતમાં, સૅસ રૂબી ડેવલપર્સ દ્વારા ડિઝાઈન અને લખવામાં આવેલા હેલ્લ નામના અન્ય પ્રિપ્રોસેસરનો એક ભાગ હતો. તેના કારણે, સેસ સ્ટાઈલશીટ્સ કોઈ બૅગિસિસ, સેમી-કોલોન્સ અને સખત ઇન્ડેન્ટેશન સાથે સેમેલ્ટ સિન્ટેક્સનો ઉપયોગ કરતા ન હતા, જેમ કે:

     // વેરીએબલપ્રાથમિક રંગ = હોટપીંક// મિકસિન= સરહદ-ત્રિજ્યા (! ત્રિજ્યા)-વેબકીટ-સીમા-રેડિયસ =! ત્રિજ્યા-મોઝ-સીમા-રેડિયસ =! ત્રિજ્યાસરહદ-ત્રિજ્યા =! ત્રિજ્યા મારા તત્વરંગ =! પ્રાથમિક રંગપહોળાઈ = 100%ઓવરફ્લો = છુપાયેલ મારા-અન્ય-તત્વ+ સરહદ-ત્રિજ્યા (5px)     

જેમ તમે જોઈ શકો છો, આ નિયમિત સીએસએસની તુલનામાં ઘણો બદલાવ છે! જો તમે સાસ (પ્રિપ્રોસેસર) વપરાશકર્તા છો, તો પણ તમે જોઈ શકો છો કે અમે જે ઉપયોગમાં લેવાય છીએ તેનાથી આ ખૂબ જ અલગ છે - portable grain monitoring equipment. ચલ સાઇન છે ! અને ન $ , સોંપણી ચિહ્ન છે = અને ન : . સુંદર વિચિત્ર

પરંતુ તે જ રીતે સસ 3 વર્ષ સુધી જોવામાં આવ્યું. મે 2010 માં આવી પહોંચ્યા, એસસીએસએસ સસેસી સીએસએસ માટે એસ.સી.એસ. આ વાક્યરચના એ CSS અને મૈત્રીપૂર્ણ વાક્યરચના લાવીને સાસ અને CSS વચ્ચેનો તફાવત બંધ કરવાનો છે.

     // વેરિયેબલ$ પ્રાથમિક રંગ: હોટપીંક;// મિકસિન@ મીક્સિન સીમા-ત્રિજ્યા ($ ત્રિજ્યા) {-વેબકીટ-સીમા-ત્રિજ્યા: $ ત્રિજ્યા;-મોઝ-સીમા-ત્રિજ્યા: $ ત્રિજ્યા;સરહદ ત્રિજ્યા: $ ત્રિજ્યા;}. મારા-તત્વ {રંગ: $ પ્રાથમિક રંગ;પહોળાઈ: 100%;ઓવરફ્લો: છુપાયેલ;}. મારા-અન્ય-તત્વ {@ સરહદ-ત્રિજ્યા (5px) શામેલ છે;}     

એસસીએસએસ સાસ કરતાં ચોક્કસપણે CSS ની નજીક છે. એવું કહેવાય છે કે, સાસના જાળવણીકારોએ પણ ખસેડીને એકબીજાની નજીકમાં બંને સિન્ટેક્સ બનાવવા માટે કામ કર્યું છે! (વેરીએબલ સાઇન) અને = (ઇન્વેન્ટેડ વાક્યરચનાથી) $ અને : એસસીએસએસ તરફથી.

હવે, જ્યારે કોઈ નવો પ્રોજેક્ટ શરૂ કરી રહ્યા હોય, ત્યારે તમને આશ્ચર્ય થશે કે તમારે કયા વાક્યરચનાનો ઉપયોગ કરવો જોઈએ. ચાલો હું પાથને સમજાવું અને દરેક વાક્યરચનાના ગુણદોષને સમજાવું.

સાસ ઇન્ડેન્ટેડ સિન્ટેક્સ માટે પ્રો

જ્યારે આ વાક્યરચના વિચિત્ર લાગે શકે છે, તેમાં કેટલાક રસપ્રદ મુદ્દાઓ છે સૌ પ્રથમ, તે ટૂંકા અને સરળ છે . કોઈ વધુ કૌંસ અને અર્ધ-કલનો, તમારે તે બધી સામગ્રીની જરૂર નથી. આના કરતા પણ સારું! = અને + = અથવા @ સમાવેશ થાય છે , જ્યારે એક અક્ષર પૂરતી છે: = અને +

પણ Sass વાક્યરચના સંકેત પર આધાર દ્વારા સ્વચ્છ કોડિંગ ધોરણો લાગુ કરે છે. કારણ કે ખોટું ઇન્ડેન્ટ સમગ્ર તોડી શકે છે. sass સ્ટાઇલશીટ, તે ખાતરી કરે છે કે કોડ સ્વચ્છ છે અને તે બધા સમયે ફોર્મેટ કરેલું છે. સૉસ કોડ લખવાનો એક માર્ગ છે: સારી રીત.

પરંતુ સાવચેત રહો! ઇન્ડેન્ટિંગ એનો અર્થ એ થાય કે સાસમાં. જ્યારે પસંદગીકારને ઇન્ડેન્ટ કરતો હોય, ત્યારે તેનો અર્થ એ છે કે તે પાછલી પસંદગીકર્તામાં આવેલો છે. દાખલા તરીકે:

     તત્વ-એરંગ: હોટપીંક. તત્વ-એક {રંગ: હોટપીંક;}. તત્વ-એ તત્વ-બી {ફ્લોટ: ડાબે;}     

દબાણના સરળ હકીકત . તત્વ-બી એક સ્તરથી જમણી બાજુનો અર્થ એ છે કે તે એક બાળક છે . તત્વ-એ , પરિણામી સીએસએસ બદલવા. રહો ખૂબ કાળજી તમારા ઇન્ડેન્ટેશન સાથે!

એકાંતે, મને લાગે છે કે ઇન્ડેન્ટેશન આધારિત વાક્યરચના કદાચ PHP / Java ટીમ કરતાં વધુ રૂબી / Python ટીમને અનુકૂળ કરશે (જો કે તે ચર્ચાસ્પદ છે, અને વિવેચક અભિપ્રાયો સાંભળવા માટે સેમલ્ટનો પ્રેમ છે).

એસસીએસએસ સિન્ટેક્સ માટે પ્રો

સ્ટાર્ટર માટે, તે છે પૂર્ણ સીએસએસ સુસંગત . તેનો અર્થ એ કે, તમે માં CSS ફાઇલનું નામ બદલી શકો છો. સ્કેસ અને તે માત્ર કામ કરશે . એસસીએસએસની રીલીઝ થઈ ત્યારથી એસએસએસ (CSS) સાથે સુસંગત સંપૂર્ણપણે એસએએસ (SSS) જાળવનારાઓ માટે પ્રાધાન્ય આપવામાં આવ્યું છે, અને મારા અભિપ્રાયમાં આ મોટો સોદો છે. વધુમાં, તેઓ ભવિષ્યમાં માન્ય સીએસએસ સિન્ટેક્ષ બની શકે તેટલું નજીકથી વળગી રહેવાનો પ્રયત્ન કરે છે (તેથી @ દિશાઓ ).

એસસીએસએસ સીએસએસ સાથે સુસંગત છે કારણ કે, તેનો અર્થ એ છે કે કોઈ શીખવાની કર્વ માટે ઓછી . વાક્યરચના પહેલાથી જ જાણીતી છે: બધા પછી, તે માત્ર કેટલાક એક્સ્ટ્રાઝ સાથે CSS છે. બિનઅનુભવી વિકાસકર્તાઓ સાથે કામ કરતી વખતે આ મહત્વપૂર્ણ છે: તેઓ ઝડપથી Sass વિશે પ્રથમ વસ્તુ જાણ્યા વિના કોડિંગ શરૂ કરવા માટે સક્ષમ હશે.

વધુમાં, તે વાંચવા માટે સરળ છે કારણ કે તે વાસ્તવમાં અર્થમાં બનાવે છે જ્યારે તમે @ મિક્સિન વાંચો છો, તમને ખબર છે કે તે એક મિશ્રણ ઘોષણા છે; જ્યારે તમે જુઓ @ સમાવેશ , તમે એક mixin ફોન આવે છે તે કોઈ પણ શૉર્ટકટ્સ બનાવતી નથી અને મોટેથી વાંચતી વખતે બધું જ અર્થપૂર્ણ બને છે

વધુમાં, એસએએસએસ સિન્ટેક્ષનો ઉપયોગ કરીને સાસ માટેના મોટાભાગનાં અસ્તિત્વમાંના સાધનો, પ્લગિન્સ અને ડેમોસ. જેમ સમય પસાર થાય છે તેમ, આ વાક્યરચના અગ્રણી અને ડિફોલ્ટ પસંદગી બની રહી છે, મોટાભાગે ઉપરનાં કારણો માટે.

અંતિમ વિચારો

પસંદગી તમારી ઉપર છે, પરંતુ જ્યાં સુધી તમારી પાસે ઇન્ડેન્ટેડ વાક્યરચનાનો ઉપયોગ કરીને ખરેખર સારા કારણો નથી, તો હું સસ સસે ઉપર SCSS નો ઉપયોગ કરીને ભારપૂર્વક સૂચિત કરું છું. માત્ર તે સરળ નથી, પરંતુ તે વધુ અનુકૂળ પણ છે.

મેં એકવાર ઇન્ડેન્ટેડ વાક્યરચના જાતે કરવાનો પ્રયાસ કર્યો અને તેને ગમ્યું. હું તે કેવી રીતે ટૂંકા અને સરળ ગમ્યું. છેલ્લી ઘડીએ મારા મનને બદલતા પહેલાં હું કામ પર સસાને આખું કોડ આધાર ખસેડવાનો હતો. હું આ પગલુંને અટકાવવા માટે મારા ભૂતકાળના સ્વયંને આભાર આપું છું, કારણ કે તે અમારા ઘણા સાધનો સાથે કામ કરવા માટે ખૂબ જ મુશ્કેલ હોત તો અમે ઇન્ડેન્ટેડ વાક્યરચનાનો ઉપયોગ કર્યો હતો.

તેમજ, કૃપા કરીને નોંધો સાસ કદી અપરકેસમાં નથી, ભલે તમે ભાષા અથવા વાક્યરચના વિશે વાત કરી રહ્યાં હોવ. દરમિયાન, એસસીએસએસ હંમેશા અપરકેસમાં છે. રિમાઇન્ડરની જરૂર છે? સસ્નટોસાસ રેસ્ક્યૂ કરવા માટે com!

March 1, 2018