بوجا شارما هي من عشاق التكنولوجيا ومطورة ذات خبرة تعمل كقائدة تقنية في Cynoteck. مع خلفية قوية في منصات تطوير الويب مفتوحة المصدر، فهي متخصصة في تقديم مجموعة واسعة من المشاريع، بما في ذلك أنظمة CMS، ومواقع التجارة الإلكترونية، وتكامل API، ومواقع الويب الديناميكية، والمواقع المستندة إلى إطار عمل PHP. على مدار أكثر من 6 سنوات الماضية، قامت بوجا بذلك تفاصيل أكثر
نحن شريك Microsoft Gold مع وجودها في جميع أنحاء الولايات المتحدة والهند. نحن مزود خدمات تقنية معلومات ديناميكي ومهني يخدم المؤسسات والشركات الناشئة ، ويساعدها على مواجهة تحديات الاقتصاد العالمي. نحن نقدم خدمات في مجال استشارات إدارة علاقات العملاء وتنفيذها ، وتطوير التطبيقات ، وتطوير تطبيقات الهاتف المحمول ، وتطوير الويب ، والتطوير الخارجي.
Sass و LESS هما شائعان معالجات CSS المسبقة. إحدى هذه الأدوات هي مجموعة البرمجة النصية الشاملة لـ CSS التي تجعل كتابة كود CSS أكثر راحة. كل من معالجات CSS المسبقة هذه - SASS مقابل LESS عبارة عن توسعات نموذجية فريدة تجعل التخطيط والتطوير أكثر بساطة وفعالية.
المعركة للحصول على لقب المعالج المسبق الأنسب هي LESS مقابل SASS، أو ، كما يشير اسمه ، أوراق الأنماط الأصغر حجمًا مقابل أوراق الأنماط الرائعة من الناحية التركيبية.
على الرغم من أن هذه الأدوات متشابهة ، إلا أن مطوري الويب المختلفين يختارون خيارات مختلفة - وفي هذه المقالة ، سنقوم بتحليل ما إذا كان أقل أو ساس، وهو الأنسب لك.
يتراكم كل من Sass و LESS في ملفات قوالب CSS بهدف تمكين البرامج من فهمها. يعد هذا تقدمًا مهمًا حيث لا يمكن الاطلاع على البرامج الحالية ".SASS أو .أقل أنواع الملفات ".
لقد مضى بعض الوقت منذ فكرة معالج CSS المسبق قدم عرضه في العمود الفقري لعملية تطوير الويب للواجهة الأمامية وغير كيفية ترميز CSS.
SASS مقابل LESS
إذا كنت تخطط لأن تكون في عالم تطوير الشبكة، من الذكاء أن تكون على دراية بأحد المعالجات المسبقة (SASS & LESS) ، إن لم يكن كلاهما.
يبلغ قطر كلاً من ساس و أقل مدمجة في إطار CSS للمتصفحات لقراءتها. بغض النظر عن أي شيء آخر ، لديهم الكثير من التشابه.
إنها تجعل كتابة كود CSS أقل تعقيدًا ، وأكثر توجهاً نحو الكائنات ، وأكثر قابلية للقراءة ، ويمكن أن تجعل مهام المطورين أكثر إثارة للاهتمام قليلاً.
فيما يلي بعض الاختلافات الرئيسية للمطورين للتمييز بين هاتين الأداتين:
الفرق بين SASS و LESS:
SASS مقابل LESS
أقل- LESS هو أيضًا معالج مسبق لـ CSS يمكّن العميل من تعديل القوالب الخاصة بالموقع ومتابعتها والإشراف عليها وإعادة استخدامها. LESS هي لغة فريدة ويمكن استخدامها في برامج مختلفة.
أقل من هو مكتوب في جافا سكريبت وتجميع المعلومات بسرعة كبيرة وتجميع البيانات بمعدل أسرع. كما أنه يساعد في الحفاظ على الكود معزولًا ويجعله قابلاً للقراءة ومتغيرًا بشكل فعال.
SASS- SASS عبارة عن معالج مسبق لـ CSS (ورقة أنماط متتالية) يساعد في تقليل التكرار في CSS وفي النهاية يوفر الوقت. إنها زيادة في CSS تساعد في توفير الوقت.
إنه يعطي بعض النقاط البارزة التي يمكن استخدامها لإنشاء قوالب والمساعدة في الحفاظ على الكود. يُنظر إليه على أنه مجموعة شاملة من CSS وهو مشفر في روبي.
1. التثبيت
لنبدأ بالخطوة الأساسية ، التثبيت. أقل و SASS على منصات مختلفة.
أقل- يعد تثبيت LESS سهلاً مثل ربط مكتبة JavaScript بمستند HTML الخاص بك. LESS مكتوب بحتة في JavaScript.
هناك بعض تطبيقات واجهة المستخدم الرسومية المتاحة للمساعدة في تجميع LESS إلى CSS ومعظمها مجاني ويعمل بشكل جيد للغاية ، على سبيل المثال ، أقل و WinLess.
ساس - من ناحية أخرى ، يحتاج SASS إلى مترجم مكتوب بلغة C ++ ويحتاج أيضًا إلى المنفذ لهذا المترجم للغة المحددة.
إذا كان مشروعك يعمل على تطبيق Node.js ، فستحتاج إلى تثبيت برنامج التحويل البرمجي Node. هناك واحد لـ Go و Python و Ruby وحتى C #.
أيضًا ، قد يحتاج كل إصدار من النظام الأساسي أيضًا إلى إصدار مختلف من المترجم ، لذلك تحتاج أيضًا إلى تنزيل المترجم المتوافق.
أقل - يستخدم LESS JavaScript للتحكم في القيم. بالإضافة إلى ذلك ، فإنه يستخدم القيم المحددة مسبقًا للتحكم في مكونات HTML وإجراء تغييرات بأجزاء مختلفة من القالب.
كما أنه يحتوي على قيم أو وظائف لتغيير النغمات مثل العمل الدائري ، ووظيفة السقف ، ووظيفة الأرضية ، ووظيفة النسبة المئوية.
تم العثور على التناقضات الحقيقية في الوظائف المنطقية: يوفر LESS للعملاء فرصة ربما لسن أو تنشيط Mixins عند حدوث ظروف صريحة. هذا عنصر مفيد. ومع ذلك ، فإنه يعالج درجة الاتصالات المشروعة أو الروابط المنطقية في أقل.
SASS- تُمكِّنك SASS من تكوين قدراتك الخاصة واستخدامها وفقًا لاحتياجات العميل. يمكننا استدعاء الدوال باستخدام اسم الوظيفة مع المعلمات.
يمكن أيضًا الحصول على قدرات مثل Mixin للاعتراف بالعديد من المعلمات في جميع أنحاء العالم علاوة على ذلك. يمكن إرجاع القيم باستخدام @إرجاع وظيفة.
تقدم SASS تمايزًا في التكرارات والحالات ، كما هو معروف في لغات البرمجة.
تساعد -Mixins في صنع الأنماط التي يمكن استخدامها وإعادة استخدامها في أي مكان في القالب الخاص بك دون إعادة إنتاج الفصول غير الدلالية.
في SASS ، يمكن أن تخزن mixins قيمًا أو معلمات مختلفة واستدعاء هذه الوظيفة. Mixin بالمثل يسمح باستخدام الشرطات السفلية والواصلات. ساس وأقل امتدادات يمكن الوصول إليها لدمج mixins.
كلاهما من الخيارات الشائعة اليوم ؛ الآن دعونا نناقش بعض الاختلافات الأساسية بينهما:
1) القدرة اللغوية
يوفر LESS القدرة على بناء خلطات محمية تعمل فقط عند استيفاء شروط معينة. من ناحية أخرى ، تعتقد SASS أن القوة الطبيعية والمفهوم أكثر أهمية ، وبالتالي فإن استخدام البوصلة يجعل ذلك يحدث.
2) مساعدة CSS3
يتيح LESS إمكانية إنشاء مكتبات قوية يمكن إعادة استخدامها عند الحاجة. هذا يدعم CSS3 ليكون أكثر سهولة في الاستخدام. يظل برنامج ما قبل المعالج أيضًا محدثًا مع هذه المكتبات. من ناحية أخرى ، توفر SASS البوصلة التي تساعد في التحكم في الموقف مسبقًا. يقدم LESS مكتبات توفر مخططات دعم تسويقية وهي قوية جدًا عند مقارنتها بـ SASS.
SASS مقابل LESS - الحكم النهائي
كلا المعالجات المسبقة - SASS مقابل LESS منتشر بين مصممي الويب وكلاهما يشتركان في بعض الخصائص نفسها: يسمح SASS و LESS باستخدام المتغيرات والمزج ، مع وجود اختلاف واحد ، يستخدم LESS JavaScript بينما يعتمد SASS على Ruby.
لكن الاختلافات الفعلية تُرى بدلاً من ذلك في الوظائف المنطقية: يوفر LESS للمستخدمين الفرصة لتنشيط عمليات المزج ببساطة عند ظهور مواقف محددة. هذه ميزة مفيدة ، لكنها تعني مدى الروابط المنطقية في أقل. من ناحية أخرى ، تقدم SASS حلقات وتمييزات حالة كما تعلمتها لغات البرمجة.
في النهاية ، يعتمد الأمر تمامًا على اختيار المطور أو تفضيله للاختيار بين SASS أو LESS اعتمادًا على نوع المشروع الذي يطوره. لكوني مطور الواجهة الأمامية ، فإن توصيتي بأن يستمر المرء في تجربة تقنيات مختلفة لتعزيز مهاراته وتقديم أفضل الحلول الممكنة ؛ وساس هو شيء له نطاق كبير في السنوات المجاورة. آمل أن تجد هذه المقالة مفيدة ومثيرة للاهتمام. تعلم سعيد!
في SASS ، إذا كان المتغير الشامل يأخذ القيمة المحلية ويتم الكتابة فوق المتغير العام. يمكن استخدام استعلامات الوسائط لإضافة كتل إلى أسفل ورقة الأنماط الأساسية الخاصة بك. عند العمل مع LESS أو SASS ، يمكن للمستخدمين جمع الأنماط معًا باستخدام التداخل. يوفر SASS تأثيرًا أفضل عند مقارنته بـ LESS في هذا الصدد.
2) ما فائدة وظيفة Mixin في Sass؟ ما هو تعريف الخلط الجاف؟
يتيح لك mixin وصف الأنماط التي يمكن إعادة استخدامها في جميع أنحاء ورقة الأنماط دون الحاجة إلى اللجوء إلى الفصول غير الدلالية مثل .تعويم: اليسار.تجفيف من الخلط يعني تقسيمها إلى أجزاء ثابتة وديناميكية. المزيج الديناميكي هو الذي سيتصل به المستخدم ويوصف المزيج الثابت على أنه أجزاء من المعلومات التي قد تتكرر بطريقة أخرى.
3) كيف يتم استخدام الاستيفاء في Sass؟
في Sass ، يمكنك وصف عنصر في متغير وإقحامه داخل كود Sass. هذا مفيد عندما تحتاج إلى الاحتفاظ بالوحدات النمطية الخاصة بك في ملفات منفصلة.
4) اشرح كيف تكون Mixins مفيدة؟
تسمح Mixins بغرس جميع خصائص فئة في فئة أخرى من خلال دمج اسم الفئة كواحدة من خصائصها. إنه ببساطة مثل المتغيرات ولكن لفئات كاملة.
[sc name = "Offshore Development Center"] [add_newsletter] [add_related_page_diff_contents blog_cat = "offshore-development"]
Sass و LESS هما شائعان معالجات CSS المسبقة. إحدى هذه الأدوات هي مجموعة البرمجة النصية الشاملة لـ CSS التي تجعل كتابة كود CSS أكثر راحة. كل من معالجات CSS المسبقة هذه - SASS مقابل LESS عبارة عن توسعات نموذجية فريدة تجعل التخطيط والتطوير أكثر بساطة وفعالية.
المعركة للحصول على لقب المعالج المسبق الأنسب هي LESS مقابل SASS، أو ، كما يشير اسمه ، أوراق الأنماط الأصغر حجمًا مقابل أوراق الأنماط الرائعة من الناحية التركيبية.
على الرغم من أن هذه الأدوات متشابهة ، إلا أن مطوري الويب المختلفين يختارون خيارات مختلفة - وفي هذه المقالة ، سنقوم بتحليل ما إذا كان أقل أو ساس، وهو الأنسب لك.
يتراكم كل من Sass و LESS في ملفات قوالب CSS بهدف تمكين البرامج من فهمها. يعد هذا تقدمًا مهمًا حيث لا يمكن الاطلاع على البرامج الحالية ".SASS أو .أقل أنواع الملفات ".
لقد مضى بعض الوقت منذ فكرة معالج CSS المسبق قدم عرضه في العمود الفقري لعملية تطوير الويب للواجهة الأمامية وغير كيفية ترميز CSS.
SASS مقابل LESS
إذا كنت تخطط لأن تكون في عالم تطوير الشبكة، من الذكاء أن تكون على دراية بأحد المعالجات المسبقة (SASS & LESS) ، إن لم يكن كلاهما.
يبلغ قطر كلاً من ساس و أقل مدمجة في إطار CSS للمتصفحات لقراءتها. بغض النظر عن أي شيء آخر ، لديهم الكثير من التشابه.
فهي تجعل كتابة كود CSS أقل تعقيدًا ، وأكثر توجهاً نحو الكائنات ، وأكثر قابلية للقراءة ، ويمكن أن تجعل مهام المطورين أكثر إثارة للاهتمام قليلاً.
فيما يلي بعض الاختلافات الرئيسية للمطورين للتمييز بين هاتين الأداتين:
الفرق بين SASS و LESS:
SASS مقابل LESS
أقل- LESS هو أيضًا معالج مسبق لـ CSS يمكّن العميل من تعديل القوالب الخاصة بالموقع ومتابعتها والإشراف عليها وإعادة استخدامها. LESS هي لغة فريدة ويمكن استخدامها في برامج مختلفة.
أقل من هو مكتوب في جافا سكريبت وتجميع المعلومات بسرعة كبيرة وتجميع البيانات بمعدل أسرع. كما أنه يساعد في الحفاظ على الكود معزولًا ويجعله قابلاً للقراءة ومتغيرًا بشكل فعال.
SASS- SASS عبارة عن معالج مسبق لـ CSS (ورقة أنماط متتالية) يساعد في تقليل التكرار في CSS وفي النهاية يوفر الوقت. إنها زيادة في CSS تساعد في توفير الوقت.
إنه يعطي بعض النقاط البارزة التي يمكن استخدامها لإنشاء قوالب والمساعدة في الحفاظ على الكود. يُنظر إليه على أنه مجموعة شاملة من CSS وهو مشفر في روبي.
1. التثبيت
لنبدأ بالخطوة الأساسية ، التثبيت. أقل و SASS على منصات مختلفة.
أقل- يعد تثبيت LESS سهلاً مثل ربط مكتبة JavaScript بمستند HTML الخاص بك. LESS مكتوب بحتة في JavaScript.
هناك بعض تطبيقات واجهة المستخدم الرسومية المتاحة للمساعدة في تجميع LESS إلى CSS ومعظمها مجاني ويعمل بشكل جيد للغاية ، على سبيل المثال ، أقل و WinLess.
ساس - من ناحية أخرى ، يحتاج SASS إلى مترجم مكتوب بلغة C ++ ويحتاج أيضًا إلى المنفذ لهذا المترجم للغة المحددة.
إذا كان مشروعك يعمل على تطبيق Node.js ، فستحتاج إلى تثبيت برنامج التحويل البرمجي Node. هناك واحد لـ Go و Python و Ruby وحتى C #.
أيضًا ، قد يحتاج كل إصدار من النظام الأساسي أيضًا إلى إصدار مختلف من المترجم ، لذلك تحتاج أيضًا إلى تنزيل المترجم المتوافق.
أقل - يستخدم LESS JavaScript للتحكم في القيم. بالإضافة إلى ذلك ، فإنه يستخدم القيم المحددة مسبقًا للتحكم في مكونات HTML وإجراء تغييرات بأجزاء مختلفة من القالب.
كما أنه يحتوي على قيم أو وظائف لتغيير النغمات مثل العمل الدائري ، ووظيفة السقف ، ووظيفة الأرضية ، ووظيفة النسبة المئوية.
تم العثور على التناقضات الحقيقية في الوظائف المنطقية: يوفر LESS للعملاء فرصة ربما لسن أو تنشيط Mixins عند حدوث ظروف صريحة. هذا عنصر مفيد. ومع ذلك ، فإنه يعالج درجة الاتصالات المشروعة أو الروابط المنطقية في أقل.
SASS- تُمكِّنك SASS من تكوين قدراتك الخاصة واستخدامها وفقًا لاحتياجات العميل. يمكننا استدعاء الدوال باستخدام اسم الوظيفة مع المعلمات.
يمكن أيضًا الحصول على قدرات مثل Mixin للاعتراف بالعديد من المعلمات في جميع أنحاء العالم علاوة على ذلك. يمكن إرجاع القيم باستخدام @إرجاع وظيفة.
تقدم SASS تمايزًا في التكرارات والحالات ، كما هو معروف في لغات البرمجة.
تساعد -Mixins في صنع الأنماط التي يمكن استخدامها وإعادة استخدامها في أي مكان في القالب الخاص بك دون إعادة إنتاج الفصول غير الدلالية.
في SASS ، يمكن أن تخزن mixins قيمًا أو معلمات مختلفة واستدعاء هذه الوظيفة. Mixin بالمثل يسمح باستخدام الشرطات السفلية والواصلات. ساس وأقل امتدادات يمكن الوصول إليها لدمج mixins.
كلاهما من الخيارات الشائعة اليوم ؛ الآن دعونا نناقش بعض الاختلافات الأساسية بينهما:
1) القدرة اللغوية
يوفر LESS القدرة على بناء خلطات محمية تعمل فقط عند استيفاء شروط معينة. من ناحية أخرى ، تعتقد SASS أن القوة الطبيعية والمفهوم أكثر أهمية ، وبالتالي فإن استخدام البوصلة يجعل ذلك يحدث.
2) مساعدة CSS3
يتيح LESS إمكانية إنشاء مكتبات قوية يمكن إعادة استخدامها عند الحاجة. هذا يدعم CSS3 ليكون أكثر سهولة في الاستخدام. يظل برنامج ما قبل المعالج أيضًا محدثًا مع هذه المكتبات. من ناحية أخرى ، توفر SASS البوصلة التي تساعد في التحكم في الموقف مسبقًا. يقدم LESS مكتبات توفر مخططات دعم تسويقية وهي قوية جدًا عند مقارنتها بـ SASS.
SASS مقابل LESS - الحكم النهائي
كلا المعالجات المسبقة - SASS مقابل LESS منتشر بين مصممي الويب وكلاهما يشتركان في بعض الخصائص نفسها: يسمح SASS و LESS باستخدام المتغيرات والمزج ، مع وجود اختلاف واحد ، يستخدم LESS JavaScript بينما يعتمد SASS على Ruby.
لكن الاختلافات الفعلية تُرى بدلاً من ذلك في الوظائف المنطقية: يوفر LESS للمستخدمين الفرصة لتنشيط عمليات المزج ببساطة عند ظهور مواقف محددة. هذه ميزة مفيدة ، لكنها تعني مدى الروابط المنطقية في أقل. من ناحية أخرى ، تقدم SASS حلقات وتمييزات حالة كما تعلمتها لغات البرمجة.
في النهاية ، يعتمد الأمر تمامًا على اختيار المطور أو تفضيله للاختيار بين SASS أو LESS اعتمادًا على نوع المشروع الذي يطوره. لكوني مطور الواجهة الأمامية ، فإن توصيتي بأن يستمر المرء في تجربة تقنيات مختلفة لتعزيز مهاراته وتقديم أفضل الحلول الممكنة ؛ وساس هو شيء له نطاق كبير في السنوات المجاورة. آمل أن تجد هذه المقالة مفيدة ومثيرة للاهتمام. نتمنى لك الاستمتاع بالتعلم!
في SASS ، إذا كان المتغير الشامل يأخذ القيمة المحلية ويتم الكتابة فوق المتغير العام. يمكن استخدام استعلامات الوسائط لإضافة كتل إلى أسفل ورقة الأنماط الأساسية الخاصة بك. عند العمل مع LESS أو SASS ، يمكن للمستخدمين جمع الأنماط معًا باستخدام التداخل. يوفر SASS تأثيرًا أفضل عند مقارنته بـ LESS في هذا الصدد.
2) ما فائدة وظيفة Mixin في Sass؟ ما هو تعريف الخلط الجاف؟
يتيح لك mixin وصف الأنماط التي يمكن إعادة استخدامها في جميع أنحاء ورقة الأنماط دون الحاجة إلى اللجوء إلى الفصول غير الدلالية مثل .تعويم: اليسار.تجفيف من الخلط يعني تقسيمها إلى أجزاء ثابتة وديناميكية. المزيج الديناميكي هو الذي سيتصل به المستخدم ويوصف المزيج الثابت على أنه أجزاء من المعلومات التي قد تتكرر بطريقة أخرى.
3) كيف يتم استخدام الاستيفاء في Sass؟
في Sass ، يمكنك وصف عنصر في متغير وإقحامه داخل كود Sass. هذا مفيد عندما تحتاج إلى الاحتفاظ بالوحدات النمطية الخاصة بك في ملفات منفصلة.
4) اشرح كيف تكون Mixins مفيدة؟
تسمح Mixins بغرس جميع خصائص فئة في فئة أخرى من خلال دمج اسم الفئة كواحدة من خصائصها. إنه ببساطة مثل المتغيرات ولكن لفئات كاملة.
الآن هذا رائع