Уважаемые читатели, эти вопросы для интервью SASS были разработаны специально для того, чтобы познакомить вас с характером вопросов, с которыми вы можете столкнуться во время интервью по теме SASS . Согласно моему опыту, хорошие интервьюеры вряд ли планируют задавать какой-либо конкретный вопрос во время вашего интервью, обычно вопросы начинаются с некоторой базовой концепции предмета, а затем продолжаются на основе дальнейшего обсуждения и того, что вы ответите —Что такое SASS?
SASS (Syntaxically Awesome Stylesheet) — это препроцессор CSS, который помогает уменьшить количество повторений с помощью CSS и экономит время. Это более стабильный и мощный язык расширений CSS, который четко и структурно описывает стиль документа.
SASS (Syntaxically Awesome Stylesheet) — это препроцессор CSS, который помогает уменьшить количество повторений с помощью CSS и экономит время. Это более стабильный и мощный язык расширений CSS, который четко и структурно описывает стиль документа.Зачем использовать SASS?
- Это язык предварительной обработки, который обеспечивает синтаксис с отступом (свой собственный синтаксис) для CSS.
- Это позволяет писать код более эффективно и легко поддерживать.
- Это супер-набор CSS, который содержит все функции CSS и является препроцессором с открытым исходным кодом, написанным на Ruby .
- Он обеспечивает стиль документа в хорошем формате структуры, чем плоский CSS.
- Он использует методы многократного использования, логические операторы и некоторые встроенные функции, такие как управление цветом, математика и списки параметров.
Это язык предварительной обработки, который обеспечивает синтаксис с отступом (свой собственный синтаксис) для CSS.
Это позволяет писать код более эффективно и легко поддерживать.
Это супер-набор CSS, который содержит все функции CSS и является препроцессором с открытым исходным кодом, написанным на Ruby .
Он обеспечивает стиль документа в хорошем формате структуры, чем плоский CSS.
Он использует методы многократного использования, логические операторы и некоторые встроенные функции, такие как управление цветом, математика и списки параметров.Перечислите некоторые особенности SASS?
- Это более стабильный, мощный и совместимый с версиями CSS.
- Это супер набор CSS и основан на JavaScript.
- Он известен как синтаксический сахар для CSS, что означает, что он упрощает для пользователя чтение или выражение вещей более четко.
- Он использует свой собственный синтаксис и компилирует в читаемый CSS.
- Вы можете легко написать CSS в меньшем количестве кода за меньшее время.
- Это препроцессор с открытым исходным кодом, который интерпретируется в CSS.
Это более стабильный, мощный и совместимый с версиями CSS.
Это супер набор CSS и основан на JavaScript.
Он известен как синтаксический сахар для CSS, что означает, что он упрощает для пользователя чтение или выражение вещей более четко.
Он использует свой собственный синтаксис и компилирует в читаемый CSS.
Вы можете легко написать CSS в меньшем количестве кода за меньшее время.
Это препроцессор с открытым исходным кодом, который интерпретируется в CSS.Каковы преимущества SASS?
- Это позволяет писать чистый CSS в программной конструкции.
- Это помогает в написании CSS быстрее.
- Это расширенный набор CSS, который помогает дизайнерам и разработчикам работать более эффективно и быстро.
- Поскольку Sass совместим со всеми версиями CSS, мы можем использовать любые доступные библиотеки CSS.
- Можно использовать вложенный синтаксис и полезные функции, такие как манипулирование цветом, математика и другие значения.
Это позволяет писать чистый CSS в программной конструкции.
Это помогает в написании CSS быстрее.
Это расширенный набор CSS, который помогает дизайнерам и разработчикам работать более эффективно и быстро.
Поскольку Sass совместим со всеми версиями CSS, мы можем использовать любые доступные библиотеки CSS.
Можно использовать вложенный синтаксис и полезные функции, такие как манипулирование цветом, математика и другие значения.Каковы недостатки SASS?
- Разработчику требуется время, чтобы освоить новые функции, присутствующие в этом препроцессоре.
- Если на одном сайте работает больше людей, то будет использоваться один и тот же препроцессор. Некоторые люди используют Sass, а некоторые люди используют CSS для непосредственного редактирования файлов. Так что работать с сайтом станет сложно.
- Есть шансы потерять преимущества встроенного в браузер элемента инспектора.
Разработчику требуется время, чтобы освоить новые функции, присутствующие в этом препроцессоре.
Если на одном сайте работает больше людей, то будет использоваться один и тот же препроцессор. Некоторые люди используют Sass, а некоторые люди используют CSS для непосредственного редактирования файлов. Так что работать с сайтом станет сложно.
Есть шансы потерять преимущества встроенного в браузер элемента инспектора.Назовите два синтаксиса, поддерживаемые SASS?
SASS поддерживает два синтаксиса, а именно SCSS и синтаксис с отступом .
- SCSS (Sassy CSS) — это расширение синтаксиса CSS, которое значительно упрощает поддержку больших таблиц стилей и может распознавать специфический синтаксис поставщика и многие CSS. Файлы SCSS используют расширение .scss .
- Отступ — это более старый синтаксис, который иногда называют просто Sass . Используя эту форму синтаксиса, CSS можно написать кратко. Файлы SASS используют расширение .sass .
SASS поддерживает два синтаксиса, а именно SCSS и синтаксис с отступом .
SCSS (Sassy CSS) — это расширение синтаксиса CSS, которое значительно упрощает поддержку больших таблиц стилей и может распознавать специфический синтаксис поставщика и многие CSS. Файлы SCSS используют расширение .scss .
Отступ — это более старый синтаксис, который иногда называют просто Sass . Используя эту форму синтаксиса, CSS можно написать кратко. Файлы SASS используют расширение .sass .Во сколько способов вы можете использовать SASS?
Вы можете использовать SASS тремя различными способами —
- Как инструмент командной строки
- Как модуль Ruby
- В качестве плагина для Rack enable framework
Вы можете использовать SASS тремя различными способами —
Как инструмент командной строки
Как модуль Ruby
В качестве плагина для Rack enable frameworkКаковы вложенные правила в SASS?
Вложенность — это объединение различных логических структур. Используя SASS, мы можем комбинировать несколько правил CSS друг с другом. Если вы используете несколько селекторов, то вы можете использовать один селектор внутри другого для создания составных селекторов.
Вложенность — это объединение различных логических структур. Используя SASS, мы можем комбинировать несколько правил CSS друг с другом. Если вы используете несколько селекторов, то вы можете использовать один селектор внутри другого для создания составных селекторов.Как передать родительский селектор в SASS?
Вы можете выбрать родительский селектор с помощью символа & . Он говорит, где родительский селектор должен быть вставлен.
Вы можете выбрать родительский селектор с помощью символа & . Он говорит, где родительский селектор должен быть вставлен.Как написать селектор-заполнитель в SASS?
SASS поддерживает селектор заполнителя, используя селектор класса или идентификатора . В обычном CSS они указываются с помощью « # » или « . », Но в SASS они заменяются на « % ».
SASS поддерживает селектор заполнителя, используя селектор класса или идентификатора . В обычном CSS они указываются с помощью « # » или « . », Но в SASS они заменяются на « % ».Упомянуть различные виды операций на SASS?
Есть 5 видов операций —
- Операции с номерами
- Операции с цветом
- Строковые операции
- Булевы операции
- Список операций
Есть 5 видов операций —
Операции с номерами
Операции с цветом
Строковые операции
Булевы операции
Список операцийЧто такое операции с числами?
Это позволяет для математических операций, таких как сложение, вычитание, умножение и деление.
Это позволяет для математических операций, таких как сложение, вычитание, умножение и деление.Что такое цветовые операции?
Это позволяет использовать цветовые компоненты наряду с арифметическими операциями.
Это позволяет использовать цветовые компоненты наряду с арифметическими операциями.Что такое операции со списком?
Списки представляют собой серии значений, которые разделяются запятыми или пробелом.
Списки представляют собой серии значений, которые разделяются запятыми или пробелом.Что такое логические операции?
Вы можете выполнять логические операции над сценарием Sass, используя операторы и, или, а не операторы.
Вы можете выполнять логические операции над сценарием Sass, используя операторы и, или, а не операторы.Какие скобки в SASS?
Круглые скобки — это пара знаков, которые обычно помечаются круглыми скобками () или квадратными скобками [], что обеспечивает символическую логику, которая влияет на порядок операций.
Круглые скобки — это пара знаков, которые обычно помечаются круглыми скобками () или квадратными скобками [], что обеспечивает символическую логику, которая влияет на порядок операций.Что такое интерполяция в SASS?
Он предоставляет переменные SassScript в селекторах и именах свойств с использованием синтаксиса # {} . Вы можете указать переменные или имена свойств в фигурных скобках.
Он предоставляет переменные SassScript в селекторах и именах свойств с использованием синтаксиса # {} . Вы можете указать переменные или имена свойств в фигурных скобках.Что такое переменные по умолчанию
Вы можете установить значения по умолчанию для переменных, добавив ! Default flag в конец значения переменной. Он не будет переназначать значение, если оно уже присвоено переменной.
Вы можете установить значения по умолчанию для переменных, добавив ! Default flag в конец значения переменной. Он не будет переназначать значение, если оно уже присвоено переменной.Что такое импортная директива?
Он напрямую берет имя файла для импорта, и все импортированные файлы будут объединены в один файл CSS.
Он напрямую берет имя файла для импорта, и все импортированные файлы будут объединены в один файл CSS.Что такое директива СМИ?
Он устанавливает правило стиля для разных типов медиа.
Он устанавливает правило стиля для разных типов медиа.Что такое расширенная директива?
Он используется для обмена правилами и отношениями между селекторами. Он может расширять все другие стили классов в одном классе, а также может применять свои собственные специфические стили.
Он используется для обмена правилами и отношениями между селекторами. Он может расширять все другие стили классов в одном классе, а также может применять свои собственные специфические стили.Что такое корневая директива?
Это набор вложенных правил, который может сделать блок стилей в корне документа.
Это набор вложенных правил, который может сделать блок стилей в корне документа.Что такое директива @if?
Он используется для выборочного выполнения операторов кода на основе результата вычисления выражения.
Он используется для выборочного выполнения операторов кода на основе результата вычисления выражения.Что такое @else if директива?
Операторы @else if используются с директивой @if: всякий раз, когда оператор @if завершается неудачей, тогда операторы @else if пробуются, а если они также терпят неудачу, то выполняется @else.
Операторы @else if используются с директивой @if: всякий раз, когда оператор @if завершается неудачей, тогда операторы @else if пробуются, а если они также терпят неудачу, то выполняется @else.Что такое директива @for?
Это позволяет генерировать стили в цикле. Переменная counter используется для установки выходных данных для каждой итерации.
Это позволяет генерировать стили в цикле. Переменная counter используется для установки выходных данных для каждой итерации.Что такое директива @each?
В директиве @each определяется переменная, которая содержит значение каждого элемента в списке.
В директиве @each определяется переменная, которая содержит значение каждого элемента в списке.Что такое директива @mixin?
Он используется для определения миксинов, в которые необязательно входят переменные и аргументы после имени миксина.
Он используется для определения миксинов, в которые необязательно входят переменные и аргументы после имени миксина.Что такое директива @include?
Он используется для включения миксина в документ, а стили, определенные микшином, могут быть включены в текущее правило.
Он используется для включения миксина в документ, а стили, определенные микшином, могут быть включены в текущее правило.Каковы смешанные аргументы?
Значения SassScript могут быть приняты в качестве аргументов в миксинах, которые указываются при включении миксина и доступны как переменные внутри миксина.
Значения SassScript могут быть приняты в качестве аргументов в миксинах, которые указываются при включении миксина и доступны как переменные внутри миксина.Упомянуть два типа смешанных аргументов?
Есть два типа смешанных аргументов —
- Ключевое слово Аргументы
- Переменные Аргументы
Есть два типа смешанных аргументов —
Ключевое слово Аргументы
Переменные АргументыКаковы ключевые аргументы?
Он используется для включения аргументов в миксины. Именованные аргументы могут передаваться в любом порядке, а значения аргументов по умолчанию могут быть опущены.
Он используется для включения аргументов в миксины. Именованные аргументы могут передаваться в любом порядке, а значения аргументов по умолчанию могут быть опущены.Что такое переменные аргументы?
Переменные аргументы используются для передачи любого числа аргументов в mixin. Он содержит ключевые аргументы, переданные функции или mixin.
Переменные аргументы используются для передачи любого числа аргументов в mixin. Он содержит ключевые аргументы, переданные функции или mixin.Что такое директива функции?
Используя директиву функции, вы можете создавать свои собственные функции и использовать их в контексте скрипта или использовать с любым значением.
Используя директиву функции, вы можете создавать свои собственные функции и использовать их в контексте скрипта или использовать с любым значением.Что такое стиль вывода SASS?
Файл CSS, который генерирует SASS, состоит из стиля CSS по умолчанию, который отражает структуру документа. Стиль CSS по умолчанию хорош, но может не подходить для всех ситуаций.
Файл CSS, который генерирует SASS, состоит из стиля CSS по умолчанию, который отражает структуру документа. Стиль CSS по умолчанию хорош, но может не подходить для всех ситуаций.Что такое вложенный стиль CSS?
Вложенный стиль является стилем SASS по умолчанию. Этот способ стилизации очень полезен, когда вы имеете дело с большими файлами CSS.
Вложенный стиль является стилем SASS по умолчанию. Этот способ стилизации очень полезен, когда вы имеете дело с большими файлами CSS.Что такое расширенный стиль CSS?
В расширенном стиле вывода каждое свойство и правило имеют свою собственную строку. Это занимает больше места по сравнению с вложенным стилем CSS.
В расширенном стиле вывода каждое свойство и правило имеют свою собственную строку. Это занимает больше места по сравнению с вложенным стилем CSS.Что такое компактный стиль CSS?
Компактный стиль CSS конкурентно занимает меньше места, чем расширенный и вложенный. Основное внимание уделяется селекторам, а не его свойствам.
Компактный стиль CSS конкурентно занимает меньше места, чем расширенный и вложенный. Основное внимание уделяется селекторам, а не его свойствам.Что такое сжатый стиль CSS?
Сжатый стиль CSS занимает наименьшее количество места по сравнению со всеми другими стилями. Он предоставляет пробелы только для разделения селекторов и новой строки в конце файла.
Сжатый стиль CSS занимает наименьшее количество места по сравнению со всеми другими стилями. Он предоставляет пробелы только для разделения селекторов и новой строки в конце файла.Каковы основные особенности синтаксиса с отступом SASS?
- Он использует отступ, а не { и } для разделения блоков.
- Для разделения операторов он использует символы новой строки вместо точек с запятой (;) .
- Объявление свойства и селекторы должны быть размещены в отдельной строке, а операторы внутри { и } должны быть помещены в новую строку и с отступом .
Он использует отступ, а не { и } для разделения блоков.
Для разделения операторов он использует символы новой строки вместо точек с запятой (;) .
Объявление свойства и селекторы должны быть размещены в отдельной строке, а операторы внутри { и } должны быть помещены в новую строку и с отступом .Каковы основные особенности синтаксиса с отступом SASS?
- Он использует отступ, а не { и } для разделения блоков.
- Для разделения операторов он использует символы новой строки вместо точек с запятой (;) .
- Объявление свойства и селекторы должны быть размещены в отдельной строке, а операторы внутри { и } должны быть помещены в новую строку и с отступом .
Он использует отступ, а не { и } для разделения блоков.
Для разделения операторов он использует символы новой строки вместо точек с запятой (;) .
Объявление свойства и селекторы должны быть размещены в отдельной строке, а операторы внутри { и } должны быть помещены в новую строку и с отступом .Сколько способов вы можете объявить свойства CSS?
Свойства CSS могут быть объявлены двумя способами:
- Свойства могут быть объявлены аналогично CSS, но без точки с запятой (;) .
- двоеточие (:) будет добавлено к каждому имени свойства.
Свойства CSS могут быть объявлены двумя способами:
Свойства могут быть объявлены аналогично CSS, но без точки с запятой (;) .
двоеточие (:) будет добавлено к каждому имени свойства.Что такое сокращение для написания директив @mixin и @include?
Вы можете использовать = для директивы @mixin и + для директивы @include, которая требует меньше ввода и делает ваш код проще и легче для чтения.
Вы можете использовать = для директивы @mixin и + для директивы @include, которая требует меньше ввода и делает ваш код проще и легче для чтения.Какая команда используется для просмотра файла и обновления CSS при каждом изменении файла SASS?
sass — часы C: \ ruby \ lib \ sass \ style.scss: style.css
sass — часы C: \ ruby \ lib \ sass \ style.scss: style.cssКакие комментарии в SASS?
Комментарии занимают всю строку и включают в себя весь текст, вложенный в них, и основаны на строках с отступным синтаксисом.
Комментарии занимают всю строку и включают в себя весь текст, вложенный в них, и основаны на строках с отступным синтаксисом.Какая команда используется для запуска кода SASS из командной строки?
sass input.scss output.css
sass input.scss output.cssКаковы спецификации CSS для кодировки символов таблиц стилей?
- Сначала он проверяет байт Unicode, затем объявление @charset, а затем кодирование строки Ruby.
- Далее, если ничего не установлено, то он считает кодировку кодировки UTF-8 .
- Определите кодировку символов явно с помощью объявления @charset . Просто используйте «имя кодировки @charset» в начале таблицы стилей, и SASS предполагает, что это заданная кодировка символов.
- Если выходной файл SASS содержит не ASCII-символы, он будет использовать объявление @charset .
Сначала он проверяет байт Unicode, затем объявление @charset, а затем кодирование строки Ruby.
Далее, если ничего не установлено, то он считает кодировку кодировки UTF-8 .
Определите кодировку символов явно с помощью объявления @charset . Просто используйте «имя кодировки @charset» в начале таблицы стилей, и SASS предполагает, что это заданная кодировка символов.
Если выходной файл SASS содержит не ASCII-символы, он будет использовать объявление @charset .Сколько типов в комментариях?
Sass поддерживает два типа комментариев —
- Многострочные комментарии — написаны с использованием / * и * /. Многострочные комментарии сохраняются при выводе CSS.
- Однострочные комментарии — написаны с использованием //, за которыми следуют комментарии. однострочные комментарии не сохраняются при выводе CSS.
Sass поддерживает два типа комментариев —
Многострочные комментарии — написаны с использованием / * и * /. Многострочные комментарии сохраняются при выводе CSS.
Однострочные комментарии — написаны с использованием //, за которыми следуют комментарии. однострочные комментарии не сохраняются при выводе CSS.Что такое интерактивная оболочка?
Он оценивает выражение SassScript с помощью командной строки. Вы можете запустить оболочку с командной строкой sass вместе с опцией — i .
Он оценивает выражение SassScript с помощью командной строки. Вы можете запустить оболочку с командной строкой sass вместе с опцией — i .Что такое директива @debug?
Он обнаруживает ошибки и отображает значения выражений SassScript в стандартный поток вывода ошибок.
Он обнаруживает ошибки и отображает значения выражений SassScript в стандартный поток вывода ошибок.Что такое директива @error?
Он отображает значение выражения SassScript как фатальную ошибку.
Он отображает значение выражения SassScript как фатальную ошибку.
Что дальше?
Кроме того, вы можете просмотреть свои прошлые задания, которые вы выполнили по предмету, и убедиться, что вы можете говорить с ними уверенно. Если вы свежее, тогда интервьюер не ожидает, что вы ответите на очень сложные вопросы, скорее вы должны сделать свои базовые концепции очень сильными.
Во-вторых, это не имеет большого значения, если вы не можете ответить на несколько вопросов, но важно, чтобы вы ответили с уверенностью. Так что будьте уверены во время интервью. Мы в tutorialspoint желаем вам удачи в выборе хорошего интервьюера и всего самого наилучшего для вашей будущей работы. Ура 🙂