把JS与CSS写在同一个文件里

作者:嗷嗷 来源:样式之美 时间:2007-12-16 15:29:00 

首先感谢比尔、感谢微软、感谢MSDN,是他们让我看到他们富有创意的一面,好了好了不废话了。

我们经常把多个CSS或者多个JS并成一个,以节省请求,但是这样最少还是要两个。在MSDN的Blog上看到原来也是可以把JS和CSS并在一个文件里,那怎样做呢?利用注释,先看一下这代码。


<!-- /*
window.onload=function(){
document.getElementById("test2").innerHTML="传说中滴JS测试者。如果你看到我,那<strong>JS</strong>也生效了";
}
<!-- */
<!-- #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的是这样:


<?header('Content-type: */*');?>


理论上在服务器上指定某种后缀的MIME是“*/*”应用也行得通,不过我没有试。把JS跟CSS写在同一个文件特别适合第三方调用的那种,虽然文件大了一点,但能少了一半的请求数,帅帅滴。补充说明,直接这样使用会是两个200的,要节省还要涉及到服务器配置,最少我还不知道单程序可以实现的。

当然,这样的格式写起来一定很不爽,不过配合程序来读原来已经的,并处理一下就可以,这样就可以保持原来文件也方便维护,输出文件又省点请求,如果想的话,处理处理缓存,跟静态文件差不多了。这里有份C#的,据说是官方滴,我的是PHP的,因为还没写缓存的机制就不拿出来丢人了,其实原理也很简单,会编程的三两下就搞定。

再其实,我是想找把多份CSS合并的方式,合成一个不难,可以是处理好各模块化的分离同时能在客户端缓存及方便程序调用才是难的,CSS又不像JS可以在客户端异步调用,谁有好的方式介绍一下给我。

标签:css,js
0
投稿

猜你喜欢

  • mysql删除表中某一字段重复的记录

    2024-01-22 10:35:43
  • Data URI 和 MHTML

    2009-08-16 16:19:00
  • python实现多人聊天室

    2022-09-02 18:56:21
  • 详解python中的defaultdict 默认值

    2022-12-27 08:51:40
  • PHP实现git部署的方法教程

    2023-07-17 05:30:33
  • python使用pygame创建精灵Sprite

    2021-04-20 06:44:35
  • Python 详解通过Scrapy框架实现爬取百度新冠疫情数据流程

    2023-04-03 12:13:33
  • Go语言开发中redis的使用详解

    2024-02-14 12:58:27
  • Python面向对象三大特征 封装、继承、多态

    2022-01-09 04:31:51
  • Python读取图片EXIF信息类库介绍和使用实例

    2023-05-27 00:49:47
  • Vue中使用eslint和editorconfig方式

    2024-06-05 10:03:46
  • Pytest测试框架基本使用方法详解

    2022-06-23 20:49:04
  • Hibernate Oracle sequence的使用技巧

    2009-06-19 17:25:00
  • Python hashlib模块与subprocess模块使用详细介绍

    2021-09-25 18:06:47
  • pyqt5中动画的使用详解

    2023-06-29 19:31:51
  • MHA实现mysql主从数据库手动切换的方法

    2024-01-25 22:36:23
  • Python实现压缩与解压gzip大文件的方法

    2021-10-13 19:39:41
  • 界面内容优化的层次

    2007-11-06 13:07:00
  • Python中property属性实例解析

    2022-02-04 20:38:12
  • javascript双击自动滚屏单击停止

    2008-10-13 13:05:00
  • asp之家 网络编程 m.aspxhome.com