这篇文章主要实现了PHP合并并输出多个JS和CSS文件的实现方法,这里使用了一个比较简单的方法,重在揭示实现原理,需要的朋友可以参考下。

为什么要这样子做呢?其实很简单,就是用php来判断终端类型的不同,从而实现一种非主流的响应式布局。如果恰好你也有这样的想法那你就来对地方了,如果你不知吾所云,那么就当我是个神经病,下面的代码里没有加入终端类型的判断,只是实现了js 和 css的引入和输出,顺便做了一下压缩。清楚了注释和换行等!

不罗嗦了下面看代码:

1、HTML代码:

2、PHP代码:

if(isset($_GET)) {

//输出JS

if($_GET['type']=="js"){

header ("Content-type:application/x-javascript; Charset: utf-8");

$files = explode(",", $_GET['get']);

$str = '';

foreach ($files as $key => $val){

$str .= file_get_contents($_GET['path'].$val);

}

$str = str_replace("\t", "", $str); //清除空格

$str = str_replace("\r\n", "", $str);

$str = str_replace("\n", "", $str);

$str = preg_replace("/\/\/\s*[a-zA-Z0-9_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/", "", $str); // 删除单行注释

$str = preg_replace("/\/\*[^\/]*\*\//s", "", $str);// 删除多行注释

echo $str;

}

//输出CSS

if($_GET['type']=="css"){

header ("content-type:text/css; charset: utf-8");

$files = explode(",", $_GET['get']);

$fc = '';

foreach ($files as $key => $val){

$fc .= file_get_contents($_GET['path'].$val.".css");

}

$fc = str_replace("\t", "", $fc); //清除空格

$fc = str_replace("\r\n", "", $fc);

$fc = str_replace("\n", "", $fc);

$fc = preg_replace("/\/\*[^\/]*\*\//s", "", $fc);

echo $fc;

}

}

?>

3、参数说明:

type #引入文本类型,css 或 js

get #为文件名,多个css或js可以用半角的逗号分隔。例如 base,style1,style2,global

path #为路径,可以设置相对路径。例如 style/css/ style/js/ 以“/”结尾

#配合伪静态规则来使用会更好。

以上就是此文全部内容,如果你有什么想法可以在下面留言,大家共同探讨!

所属目录: 发布时间:2018-08-29 05:04:43阅读:0

怎么把css引入到php,PHP引入合并多个JS和CSS文件实例相关推荐

  1. java Web程序使用wro4j合并、压缩js、css等静态资源

    在Web项目中,js.css合并压缩,不仅有利于减少Http请求数量.减少宽带资源占用,还能有效的管理各种js.css的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度 ...

  2. js合并压缩 java_Java Web程序使用wro4j合并、压缩js、css等静态资源

    在Web项目中,js.css合并压缩,不仅有利于减少Http请求数量.减少宽带资源占用,还能有效的管理各种js.css的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度 ...

  3. java css js 合并_java Web程序使用wro4j合并、压缩js、css等静态资源

    在Web项目中,js.css合并压缩,不仅有利于减少Http请求数量.减少宽带资源占用,还能有效的管理各种js.css的引入,使整个项目更加有序.而对于访问用户来说,其更大的好处是增加了页面的打开速度 ...

  4. Windows下使用apache模块实现合并多个js、css提高网页加载速度

    这篇文章主要介绍了Windows下使用apache模块实现合并多个js.css提高网页加载速度,本文使用的模块是基于mod_concat自己修改的,需要的朋友可以参考下 现在的网站表现力越来越丰富,页 ...

  5. js和css被屏蔽了,是否屏蔽蜘蛛抓取JS和CSS文件

    做网站的人都知道,在查看日志的时候,会发现JS.CSS文件被蜘蛛抓取的频率特别高,于是有人便考虑在robots.txt屏蔽蜘蛛抓取js和css文件,节省蜘蛛时间给其他页面.是否屏蔽蜘蛛抓取JS和CSS ...

  6. php 合并 js css,PHP实现合并多个JS和CSS文件示例

    //输出JS header ("Content-type:application/x-javascript; Charset: utf-8"); if(isset($_GET)) ...

  7. QiYuAdmin-metronic首页的js和css介绍(SpringBoot项目实战)

    简介 这篇文章主要是对metronic首页的js和css进行简单的介绍,以及针对QiYuAdmin项目梳理出一些公用的js和css,什么是共用的js和css?共用的js和css是很多页面都会用到相同的 ...

  8. 合并多个js,css文件的方法:在服务端合并js和css文件

    合并所有的js和css文件可以减少HTTP请求,这样能提升访问速度. 通常为了开发的方便,我们会把js按用途分类,这样就会有很多js文件,比如sablog的jscript文件夹里就有10几个文件,这样 ...

  9. yii2 js css,JS、CSS的引用

    [TOC] #### 1. 使用AssetBundle进行注册 ~~~ class AppAsset extends AssetBundle { public $basePath = '@webroo ...

最新文章

  1. 抖音的标题写什么内容_看了这篇文章,我才真正明白什么才是英语速成之路!感恩...
  2. 用最简单的例子说明设计模式(一)之单例模式、工厂模式、装饰模式、外观模式...
  3. pytorch crossentropy为nan
  4. 什么叫做“假学习”?
  5. kafka和zookeeper一键启停脚本(以及kafka关不掉问题解决)
  6. 如何在vuejs里禁用eslint语法检查工具
  7. 数据结构:(3)数据结构求解问题的过程
  8. sqlserver查看被锁表、解锁
  9. LeetCode C语言刷题——day1
  10. 【算法】剑指 Offer 58 - I. 翻转单词顺序
  11. html5证书,免费获得微软MCSD证书赶快行动吧!_html5教程技巧
  12. VRRP技术原理与注意点
  13. Activiti工作流表之间的关系
  14. window安全中心关闭防火墙后仍然会将xx文件删除的解决办法
  15. 从零起步做到Linux运维经理, 你必须管好的23个细节
  16. docker中报错Error: Failed to download metadata for repo ‘appstream‘: Cannot prepare internal mirro
  17. win10 任务管理器、注册表编辑被禁用如何解决? -伽卡他卡禁用任务管理器
  18. 使用SSH密钥连接阿里云linux服务器
  19. 【数据结构算法】小结
  20. hyperf——代码赏析

热门文章

  1. 用计算机算鞋码,鞋码怎么计算?鞋子尺码测量图
  2. 雕虫小技--验证码控件
  3. 两院院士评选2018年中国、世界十大科技进展新闻揭晓
  4. PreferenceFragment详解
  5. 幼儿园c语言图片,幼儿园语言看图讲述教案
  6. 隐藏“ Published with Gitbook”(本书使用GitBook发布)
  7. ArcGIS for Desktop入门教程_第四章_入门案例分析 - ArcGIS知乎-新一代ArcGIS问答社区...
  8. 33岁学计算机还是设计,30岁了,我想在电脑上学一门学以致用的技术100分!现在我的弟 爱问知识人...
  9. Go安装教程以及解决第三方插件无法安装的问题
  10. android 移动网络实时抓包