in the interview two days ago, the interviewer asked me this question. I did not find the answer myself, nor did I think of how to describe the question. I would also like to ask the passing god to answer it. What should I do if I am asked during the interview what is the principle of compiling sass and less into css?
I think it's best to answer compilation principles directly. The simplest and most straightforward answer to
is that it can be implemented with string substitution. According to the css syntax specification, replace sass and less with css : F (sass) = > css . It would be nice to implement such a string processing function, and how to implement it can be explained by the theoretical knowledge of compilation principle .
A rough personal opinion without going into details.
this is the working schematic diagram of less (provided by the official website): https://go.gliffy.com/go/publ., the steps seem quite complicated.
I don't think the interviewer will ask for too much detail. When it comes to the question that can say AST (abstract syntax tree) and know probably the principle of AST, it will OK
Previous: The problem of PC adapting to different resolutions
Next: How does idea debug debug dynamically generated proxy classes?
as shown in the figure, the tab switch using the dynamic components of vue now wants to highlight the navigation! Click to log in and highlight the display, the registration highlight is invalid, and vice versa. Code: <div class="title&...
body { font-size: 20px; line-height: 2; } .em { font-size: 2em; background: -sharpccc; } how much should the line-height above be in the end? I m not sure: .em inherits the line-height property of body, does it inherit the value of 2...
there is a background image in css, which is introduced as follows uses an alias as the path, but it still exists in the form of an alias after packaging and is not converted, but if it is packaged in this format, the image cannot be obtained normal...
for example, I use scss to define a style class: .w{x}px: { width:{X}px; } write code directly <div class="w20px"> <div class="w25px"> <div class="w30px"> <div class="w40px"> and ...