JS与CSS合并写在同一份文件

来源:loaoao.com 时间:2010-01-23 12:33: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写在同一个文件特别适合第三方调用的那种,虽然文件大了一点,但能少了一半的请求数,帅帅滴

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

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

标签:合并,JavaScript,css
0
投稿

猜你喜欢

  • 简单介绍Python中的JSON模块

    2023-12-30 00:16:29
  • Gorm更新零值问题解决思路与过程

    2024-04-25 13:18:25
  • Python连接Mssql基础教程之Python库pymssql

    2022-01-24 04:47:20
  • jquery实用技巧之输入框提示语句

    2024-04-22 12:49:10
  • 彻底弄懂CSS盒子模式之三(浮动的表演和清除的自述)

    2007-05-11 16:52:00
  • Tensorflow2.1 MNIST图像分类实现思路分析

    2023-04-17 03:35:32
  • 微信小程序中target和currentTarget的区别小结

    2024-04-10 16:17:30
  • 基于Python绘制子图及子图刻度的变换等的问题

    2023-12-12 14:14:33
  • python通过Seq2Seq实现闲聊机器人

    2021-09-02 13:39:15
  • pytest使用@pytest.mark.parametrize()实现参数化的示例代码

    2022-07-17 07:54:01
  • Selenium常见八大定位法总结

    2022-07-05 02:16:21
  • 详解Python模块化--模块(Modules)和包(Packages)

    2023-03-30 01:14:27
  • Python3使用requests模块实现显示下载进度的方法详解

    2021-03-26 21:14:52
  • python视频转化字节问题的完整实现

    2023-05-21 16:55:28
  • Python3之乱码\\xe6\\x97\\xa0\\xe6\\xb3\\x95处理方式

    2021-03-30 10:19:47
  • python SVM 线性分类模型的实现

    2021-04-04 03:51:57
  • Python socket如何解析HTTP请求内容

    2022-05-06 20:09:23
  • python与mysql数据库交互的实现

    2024-01-15 03:24:23
  • Eclipse配置python默认头过程图解

    2022-03-11 10:52:59
  • 浅谈python函数之作用域(python3.5)

    2021-09-22 05:49:42
  • asp之家 网络编程 m.aspxhome.com