Write JS and CSS in the same file

First of all, I would like to thank Bill, Microsoft, and msdn for letting me see their creative side.

We often combine multiple CSS or multiple JavaScript codes to save requests, but this requires at least two. On the msdn blog, we can see that JS and CSS can also be combined into a file. What should we do? Using annotations, let's take a look at thisCode.
<! --/*
Window. onload = function (){
Document. getelementbyid ("Test2"). innerhtml = "the legendary JS tester. If you see me, <strong> JS </strong> also takes effect ";
}
<! --*/
<! -- # Test1, # Test2 {border: 3px #000 solid; padding: 5px; color: #123456; Background-color: # CCC ;}strong {color: red ;}
CSS will be ignored during processing <! -In this case, the JS part is only the comments of CSS/* js */, while the JS part is <! -Convert to //, that is, the single-line comment of JS. The single-line comment will take out the '/*' and '/' At the end of the comment, and also take out CSS. Let's see the demo.

When running on the internetProgramOutput A "*/*" header. Otherwise, mime will not work in Some browsers. PHP is like this:

<? Header ('content-type: */* ');?>

Theoretically, it works to specify the mime with a certain suffix on the server as "*/*", but I didn't try it. Writing JavaScript and CSS in the same file is especially suitable for third-party calls. Although the file is a little larger, it can reduce the number of requests by half.In addition, using this method directly will be two hundred thousand. To save the cost, you need to configure the server. At least I don't know what a single program can do.

Of course, such a format must be difficult to write, but you can use the program to read the existing format and process it. In this way, the original file can be maintained conveniently, the output file saves some time for requests. If you want to handle the cache, it is similar to static files. Here I have C #, which is said to be official. I use PHP, because I have not written the cache mechanism, so I won't be embarrassed. In fact, the principle is also very simple, it can be programmed three or two times.

In fact, I want to find a way to merge multiple CSS files. It is not difficult to merge them. It can be difficult to handle the modular separation while caching the client and facilitating program calls, CSS is not like JavaScript code that can be called asynchronously on the client. Who can introduce it to me.