Sass - Câu hỏi phỏng vấn
Kính gửi quý độc giả, những SASS Interview Questions đã được thiết kế đặc biệt để giúp bạn làm quen với bản chất của các câu hỏi mà bạn có thể gặp phải trong cuộc phỏng vấn cho chủ đề SASS. Theo kinh nghiệm của tôi, những người phỏng vấn giỏi hầu như không định hỏi bất kỳ câu hỏi cụ thể nào trong cuộc phỏng vấn của bạn, thông thường các câu hỏi bắt đầu với một số khái niệm cơ bản về chủ đề và sau đó họ tiếp tục dựa trên thảo luận sâu hơn và những gì bạn trả lời -
SASS (Biểu định kiểu tuyệt vời cú pháp) là một trình xử lý trước CSS giúp giảm sự lặp lại với CSS và tiết kiệm thời gian. Đây là ngôn ngữ mở rộng CSS ổn định và mạnh mẽ hơn, mô tả kiểu tài liệu rõ ràng và có cấu trúc.
Nó là ngôn ngữ tiền xử lý cung cấp cú pháp thụt lề (cú pháp riêng của nó) cho CSS.
Nó cho phép viết mã hiệu quả hơn và dễ bảo trì.
Nó là một tập hợp siêu CSS chứa tất cả các tính năng của CSS và là một bộ tiền xử lý nguồn mở, được mã hóa bằng Ruby.
Nó cung cấp phong cách tài liệu ở định dạng cấu trúc tốt hơn so với CSS phẳng.
Nó sử dụng các phương thức có thể tái sử dụng, các câu lệnh logic và một số hàm tích hợp sẵn như thao tác màu, toán học và danh sách tham số.
Nó ổn định hơn, mạnh mẽ hơn và tương thích với các phiên bản CSS.
Nó là siêu tập hợp CSS và dựa trên JavaScript.
Nó được gọi là đường cú pháp cho CSS, có nghĩa là nó giúp người dùng dễ dàng đọc hoặc diễn đạt mọi thứ rõ ràng hơn.
Nó sử dụng cú pháp riêng và biên dịch thành CSS có thể đọc được.
Bạn có thể dễ dàng viết CSS bằng ít mã hơn trong thời gian ngắn hơn.
Nó là một bộ tiền xử lý mã nguồn mở được diễn giải thành CSS.
Nó cho phép viết CSS sạch sẽ trong một cấu trúc lập trình.
Nó giúp viết CSS nhanh hơn.
Đây là tập hợp CSS giúp các nhà thiết kế và nhà phát triển làm việc hiệu quả và nhanh chóng hơn.
Vì Sass tương thích với tất cả các phiên bản CSS, chúng tôi có thể sử dụng bất kỳ thư viện CSS nào có sẵn.
Có thể sử dụng cú pháp lồng nhau và các chức năng hữu ích như thao tác màu, toán học và các giá trị khác.
Cần có thời gian để nhà phát triển tìm hiểu các tính năng mới có trong bộ xử lý trước này.
Nếu nhiều người làm việc trên cùng một trang web, thì sẽ sử dụng cùng một bộ xử lý trước. Một số người sử dụng Sass và một số người sử dụng CSS để chỉnh sửa tệp trực tiếp. Vì vậy, nó sẽ trở nên khó khăn để làm việc với trang web.
Có khả năng mất lợi ích của trình kiểm tra phần tử tích hợp sẵn của trình duyệt.
SASS hỗ trợ hai cú pháp cụ thể là SCSS và Indented cú pháp.
Các SCSS (Sassy CSS)là một phần mở rộng của cú pháp CSS giúp duy trì các bảng định kiểu lớn dễ dàng hơn nhiều và có thể nhận ra cú pháp cụ thể của nhà cung cấp và nhiều CSS. Tệp SCSS sử dụng phần mở rộng.scss.
Các Indented là một cú pháp cũ hơn và đôi khi chỉ được gọi là Sass. Sử dụng dạng cú pháp này, CSS có thể được viết ngắn gọn. Các tệp SASS sử dụng phần mở rộng.sass.
Bạn có thể sử dụng SASS theo ba cách khác nhau -
Là một công cụ dòng lệnh
Là một mô-đun Ruby
Là một plugin cho khung kích hoạt Rack
Tổ hợp là sự kết hợp của các cấu trúc logic khác nhau. Sử dụng SASS, chúng ta có thể kết hợp nhiều quy tắc CSS với nhau. Nếu bạn đang sử dụng nhiều bộ chọn, thì bạn có thể sử dụng một bộ chọn bên trong một bộ chọn khác để tạo bộ chọn phức hợp.
Bạn có thể chọn bộ chọn mẹ bằng cách sử dụng &tính cách. Nó cho biết nơi bộ chọn cha nên được chèn.
SASS hỗ trợ bộ chọn chỗ dành sẵn bằng bộ chọn lớp hoặc id . Trong CSS thông thường, chúng được chỉ định bằng "#" hoặc là ".", nhưng trong SASS, chúng được thay thế bằng"%".
Có 5 loại hoạt động -
Hoạt động số
Hoạt động màu
Hoạt động chuỗi
Hoạt động Boolean
Liệt kê các hoạt động
Nó cho phép thực hiện các phép toán như cộng, trừ, nhân và chia.
Nó cho phép sử dụng các thành phần màu cùng với các phép toán số học.
Danh sách đại diện cho một loạt các giá trị được phân tách bằng dấu phẩy hoặc dấu cách.
Bạn có thể thực hiện các thao tác boolean trên tập lệnh Sass bằng cách sử dụng các toán tử và hoặc không.
Dấu ngoặc đơn là cặp dấu hiệu thường được đánh dấu bằng dấu ngoặc tròn () hoặc dấu ngoặc vuông [] cung cấp logic biểu tượng ảnh hưởng đến thứ tự của các phép toán.
Nó cung cấp các biến SassScript trong các bộ chọn và tên thuộc tính bằng cách sử dụng #{ }cú pháp. Bạn có thể chỉ định các biến hoặc tên thuộc tính trong dấu ngoặc nhọn.
Bạn có thể đặt giá trị mặc định cho các biến bằng cách thêm cờ ! Default vào cuối giá trị của biến. Nó sẽ không gán lại giá trị, nếu nó đã được gán cho biến.
Nó trực tiếp lấy tên tệp để nhập và tất cả các tệp đã nhập sẽ được kết hợp trong một tệp CSS duy nhất.
Nó đặt quy tắc kiểu cho các loại phương tiện khác nhau.
Nó được sử dụng để chia sẻ các quy tắc và mối quan hệ giữa các bộ chọn. Nó có thể mở rộng tất cả các kiểu lớp khác trong một lớp và cũng có thể áp dụng các kiểu cụ thể của riêng nó.
Nó là một tập hợp các quy tắc lồng nhau có thể tạo khối kiểu ở gốc của tài liệu.
Nó được sử dụng để thực thi có chọn lọc các câu lệnh dựa trên kết quả của việc đánh giá một biểu thức.
Câu lệnh @else if được sử dụng với chỉ thị @if, bất cứ khi nào câu lệnh @if bị lỗi thì câu lệnh @else if được thử và nếu chúng cũng không thành công thì @else sẽ được thực thi.
Nó cho phép bạn tạo kiểu trong một vòng lặp. Biến bộ đếm được sử dụng để đặt đầu ra cho mỗi lần lặp.
Trong chỉ thị @each, một biến được định nghĩa chứa giá trị của mỗi mục trong danh sách.
Nó được sử dụng để xác định các mixin bao gồm tùy chọn các biến và đối số sau tên của mixin.
Nó được sử dụng để đưa mixin vào tài liệu và các kiểu được xác định bởi mixin có thể được đưa vào quy tắc hiện tại.
Các giá trị SassScript có thể được coi là đối số trong mixin được đưa ra khi mixin được bao gồm và có sẵn dưới dạng biến trong mixin.
Có hai loại đối số mixin -
Đối số từ khóa
Đối số biến
Nó được sử dụng để bao gồm các đối số trong mixin. Các đối số được đặt tên có thể được chuyển theo bất kỳ thứ tự nào và có thể bỏ qua các giá trị mặc định của đối số.
Các đối số biến được sử dụng để chuyển bất kỳ số lượng đối số nào đến mixin. Nó chứa các đối số từ khóa được chuyển đến hàm hoặc mixin.
Sử dụng chỉ thị hàm, bạn có thể tạo hàm của riêng mình và sử dụng chúng trong ngữ cảnh tập lệnh của bạn hoặc có thể được sử dụng với bất kỳ giá trị nào.
Tệp CSS mà SASS tạo ra bao gồm kiểu CSS mặc định phản ánh cấu trúc của tài liệu. Kiểu CSS mặc định là tốt nhưng có thể không phù hợp với mọi trường hợp.
Kiểu lồng nhau là kiểu mặc định của SASS. Cách tạo kiểu này rất hữu ích khi bạn xử lý các tệp CSS lớn.
Trong kiểu đầu ra mở rộng, mỗi thuộc tính và quy tắc có dòng riêng. Nó chiếm nhiều không gian hơn so với kiểu CSS lồng nhau.
Kiểu CSS nhỏ gọn cạnh tranh chiếm ít không gian hơn so với Mở rộng và lồng nhau. Nó tập trung chủ yếu vào các bộ chọn hơn là các thuộc tính của nó.
Kiểu CSS nén chiếm ít dung lượng nhất so với tất cả các kiểu khác. Nó chỉ cung cấp các khoảng trắng để tách các bộ chọn và dòng mới ở cuối tệp.
Nó sử dụng thụt lề thay vì{ và } để phân tách các khối.
Để phân tách các câu lệnh, nó sử dụng dòng mới thay vì dấu chấm phẩy (;) .
Việc khai báo và chọn tài sản phải được đặt trên dòng riêng và các câu lệnh bên trong{ và }phải được đặt trên dòng mới và thụt lề .
Nó sử dụng thụt lề thay vì{ và } để phân tách các khối.
Để phân tách các câu lệnh, nó sử dụng dòng mới thay vì dấu chấm phẩy (;) .
Việc khai báo và chọn tài sản phải được đặt trên dòng riêng và các câu lệnh bên trong{ và }phải được đặt trên dòng mới và thụt lề .
Các thuộc tính CSS có thể được khai báo theo hai cách:
Các thuộc tính có thể được khai báo tương tự như CSS nhưng không có semicolon(;).
colon(:) sẽ được đặt trước mỗi tên thuộc tính.
Bạn có thể sử dụng chỉ thị = for @mixin và + cho chỉ thị @include, điều này yêu cầu ít nhập hơn và làm cho mã của bạn đơn giản và dễ đọc hơn.
sass --watch C: \ ruby \ lib \ sass \ style.scss: style.css
Chú thích chiếm toàn bộ dòng và bao gồm tất cả văn bản được lồng dưới chúng và chúng dựa trên dòng theo cú pháp thụt lề.
sass input.scss output.css
Đầu tiên nó kiểm tra byte Unicode, khai báo @charset tiếp theo và sau đó là mã hóa chuỗi Ruby.
Tiếp theo nếu không có gì được đặt, thì nó coi mã hóa bộ ký tự là UTF-8 .
Xác định mã hóa ký tự một cách rõ ràng bằng cách sử dụng khai báo @charset . Chỉ cần sử dụng "tên mã hóa @charset" ở đầu biểu định kiểu và SASS sẽ giả định rằng đây là mã hóa ký tự đã cho.
Nếu tệp đầu ra của SASS chứa các ký tự không phải ASCII thì nó sẽ sử dụng khai báo @charset .
Sass hỗ trợ hai loại nhận xét -
Multiline comments- Chúng được viết bằng / * và * /. Nhận xét nhiều dòng được giữ nguyên trong đầu ra CSS.
Single line comments - Chúng được viết bằng //tiếp theo là bình luận. chú thích dòng đơn không được giữ nguyên trong đầu ra CSS.
Nó đánh giá biểu thức SassScript bằng dòng lệnh. Bạn có thể chạy trình bao bằng dòng lệnh sass cùng với tùy chọn - i .
Nó phát hiện các lỗi và hiển thị các giá trị biểu thức SassScript cho luồng đầu ra lỗi tiêu chuẩn.
Nó hiển thị giá trị biểu thức SassScript là lỗi nghiêm trọng.
Tiếp theo là gì?
Hơn nữa, bạn có thể xem lại các bài tập trước đây mà bạn đã làm với chủ đề này và đảm bảo rằng bạn có thể nói một cách tự tin về chúng. Nếu bạn tươi tắn hơn thì người phỏng vấn không mong đợi bạn sẽ trả lời những câu hỏi rất phức tạp, thay vào đó bạn phải làm cho khái niệm cơ bản của bạn thật vững chắc.
Thứ hai, nó thực sự không quan trọng lắm nếu bạn không thể trả lời một số câu hỏi nhưng điều quan trọng là bất cứ điều gì bạn trả lời, bạn phải trả lời một cách tự tin. Vì vậy, chỉ cần cảm thấy tự tin trong cuộc phỏng vấn của bạn. Chúng tôi tại tutorialspoint chúc bạn may mắn có được một người phỏng vấn tốt và tất cả những điều tốt nhất cho nỗ lực trong tương lai của bạn. Chúc mừng :-)