동일한 file_javascript 기술로 JS와 CSS를 작성하는 방법

요청을 저장하기 위해 여러 CSS 또는 여러 JS를 하나로 병합하는 경우가 많지만 여전히 두 개 이상이 필요합니다. MSDN 블로그에서 JS와 CSS를 하나의 파일로 결합하는 것이 가능하다는 것을 보았습니다. 어떻게 해야 합니까? 주석을 사용하여 먼저 코드를 살펴보세요. window.onload=function(){ document.getElementById("test2").innerHTML="전설적인 JS 테스터. 저를 본다면 JS도 적용됩니다."; } <!-- #test1,#test2{border:3px #000 solid;padding :5px;color :#123456;Background-color:#ccc;} Strong{color:red;}

CSS 처리는 <!--를 무시합니다. 현재 JS 부분은 CSS 주석일 뿐입니다/ * js * /, 그리고 JS를 처리할 때 <!--를 JS의 한 줄 주석인 //로 변환합니다. 한 줄 주석은 다음 /* 및 */를 제거하고 CSS도 더 이상 제거하지 않습니다. 말도 안되는 소리입니다. 데모 예제를 참조하세요.

인터넷에서 실행할 때 프로그램을 통해 "*/*" 헤더를 출력해야 합니다. 그렇지 않으면 MIME이 올바르지 않아 일부 브라우저가 작동하지 않습니다. PHP는 다음과 같습니다.

이론적으로 서버에서 특정 접미사를 지정하는 MIME은 " * /*” 응용 프로그램도 작동하지만 시도하지는 않았습니다. JS와 CSS를 같은 파일에 작성하는 것은 특히 제3자 호출에 적합합니다. 파일이 조금 더 크더라도 요청 수를 절반으로 줄일 수 있습니다.

물론 이 형식으로 작성하는 것이 좋습니다. 매우 불편하지만 프로그램과 협력하여 원본 파일을 읽고 처리하면 됩니다. 이렇게 하면 원본 파일을 유지하고 유지 관리가 용이하며, 원하는 경우 출력 파일에 요청을 저장하여 처리할 수 있습니다. , 이는 정적 파일과 거의 동일합니다. 여기에는 공식적인 C#이 있습니다. 내 것은 아직 캐싱 메커니즘을 작성하지 않았기 때문에 공개하지 않겠습니다. 사실 원리는 매우 간단합니다. 프로그래밍 방법을 알고 있다면 몇 번의 클릭만으로 작업을 완료할 수 있습니다.

실제로 여러 CSS를 병합하는 방법을 찾고 싶습니다. 클라이언트에서 캐싱하고 프로그램 호출을 촉진하는 동안 모듈 분리를 처리하는 것이 어려울 수 있습니다. 클라이언트에서 비동기적으로 호출될 수 있습니다. 누구든지 나에게 좋은 방법을 말해 줄 수 있습니까?

전설의 테스트 전설의 테스터 1위. 테두리와 색상이 표시되면 CSS가 작동하고 있다는 의미입니다.

전설의 JS 테스터. 저 보시면 JS도 작동합니다