php js css加载合并函数 宋正河整理

<?php
//php js css加载合并函数 宋正河整理
//转载请注明出处
define(‘COMBINE_JS‘,true);
define(‘COMBINE_CSS‘,true);
 
define(‘APPLICATION_JS_ROOT‘,‘E:/wwwroot/m/js/‘);
define(‘APPLICATION_CSS_ROOT‘,‘E:/wwwroot/m/css/‘);
 
define(‘SC_ROOT‘,‘E:/wwwroot/m/static_cache/‘);
define(‘SC_URL‘,‘http://www.localhost.com/m/static_cache/‘);
 
define(‘APPLICATION_JS‘,‘http://www.localhost.com/m/js/‘);
define(‘APPLICATION_CSS‘,‘http://www.localhost.com/m/css/‘);
 
function load_combine_js($js,$path=array(),$origin=false,$part=1){
    if(!is_array($js)) return false;
    if(empty($path)){
        $path_url=APPLICATION_JS;
        $path_root=APPLICATION_JS_ROOT;
    }
    if($origin or (!COMBINE_JS)){
        $string=‘‘;
        for($i=0;$i<count($js);$i++){$string.="<script src=‘{$path_url}{$js[$i]}.js‘></script>\n";}
        echo $string;
        return true;
    }
    $cache_filename=‘js-‘.md5($_SERVER[‘SCRIPT_NAME‘].$part).‘.js‘;
    if(!file_exists(SC_ROOT.$cache_filename)){
        $file_content=‘‘;
        for($i=0;$i<count($js);$i++){
            $f=$path_root.$js[$i].‘.js‘;
            if(file_exists($f)) $file_content.=file_get_contents($f)."\n";
        }
        file_put_contents(SC_ROOT.$cache_filename,$file_content);
    }
    $file=SC_URL.$cache_filename;
    echo "<script src=‘{$file}‘></script>\n";
    return true;
}
 
function load_combine_css($css,$path=array(),$origin=false,$part=1){
    if(!is_array($css)) return false;
    if(empty($path)){
        $path_url=APPLICATION_CSS;
        $path_root=APPLICATION_CSS_ROOT;
    }
    if($origin or (!COMBINE_CSS)){
        $string=‘‘;
        for($i=0;$i<count($css);$i++){$string.="<link href=‘{$path_url}{$css[$i]}.css‘ rel=‘stylesheet‘ type=‘text/css‘ />\n";}
        echo $string;
        return true;
    }
    $cache_filename=‘css-‘.md5($_SERVER[‘SCRIPT_NAME‘].$part).‘.css‘;
    if(!file_exists(SC_ROOT.$cache_filename)){
        $file_content=‘‘;
        for($i=0;$i<count($css);$i++){
            $f=$path_root.$css[$i].‘.css‘;
            if(file_exists($f)) $file_content.=file_get_contents($f)."\n";
        }
        file_put_contents(SC_ROOT.$cache_filename,$file_content);
    }
    $file=SC_URL.$cache_filename;
    echo $string="<link href=‘{$file}‘ rel=‘stylesheet‘ type=‘text/css‘ />\n";
    return true;
}
 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<?php
load_combine_js(array(‘a‘,‘b‘),array(),true);
load_combine_js(array(‘a‘,‘b‘));
load_combine_css(array(‘1‘,‘2‘),array(),true);
load_combine_css(array(‘1‘,‘2‘));
?>
</head>
<body>
123
</body>
</html>
时间: 2024-10-05 19:42:07

php js css加载合并函数 宋正河整理的相关文章

svn图文教程-宋正河整理

下载地址:http://download.csdn.net/download/songzhengdong82/4433476 在线浏览:http://wenku.baidu.com/view/07f18fe8aeaad1f346933f2c.html

php codeigniter (CI) oracle 数据库配置-宋正河整理

database.php 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 $active_group = 'default'; $active_record = TRUE; $db['default']['hostname'] = 'localhost/xe'; $db['default']['username'] = 'root'; $db['default']['password'] = 'root'; $db['default']['databas

js动态加载css和js

js动态加载css和js用处挺多,特意提出来 var loadUtil = { /* * 方法说明:[动态加载js文件css文件] * 使用方法:loadUtil.loadjscssfile("http://libs.baidu.com/jquery/1.9.1/jquery.js","js") * @param fileurl 文件路径, * @param filetype 文件类型,支持传入类型,js.css */ loadjscssfile:function(

JS和CSS加载(渲染)机制不同

一.结论 CSS可以在页面加载完成后随时渲染.举个例子:通过js给某个元素加一个id或者css,只要这个id或者css有对应的样式,此元素的样式就会自动生效. JS不可以在页面加载完成后生效.最明显的例子就是使用EasyUI的时候,iframe中哪些样式无效(EasyUi是依靠JS进行样式处理的,所以无法运行JS,那么样式也就无法设置.简单点说:EasyUi是一个JS的前端框架,Bootstrap是一个CSS的前端框架,二者不同). 二.现象 对于EasyUi那样的js核心的框架我没有想到办法,

JS动态加载JS与CSS文件

JS动态加载JS与CSS文件 DEMO 一 HTML页面   jsforjscss.html 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"&

webpack.config.js====CSS相关:::css加载器

1. 安装: //loader加载器加载css和sass模块 cnpm install style-loader css-loader node-sass sass-loader --save-dev //loader加载器加载css和less模块 cnpm install style-loader css-loader less less-loader --save-dev //样式抽离文件 如果是webpack4.X 需要加@next //现在webpack4.x支持mini-css-ext

前端性能优化 css和js的加载与执行

一个网站在浏览器端是如何进行渲染的? html本身首先会被渲染成 DOM 树,实际上 html 是最先通过网址请求过来的,请求过来之后,html 本身会由一个字节流转化成一个字符流,浏览器端拿的就是字符流,然后通过词法分析之后,将相应的语法分析成相应的 token ,比如说 header token, 转化不同的 token tag ,然后通过 token 类型 append 到 dom 树. 遇到 link token tag,然后去请求 css ,请求过来之后再去对 css 进行解析,生成

前端设计中关于外部js文件加载的速度优化

在一般情况下,许多人都是将<script>写在了<head>标签中,而许多浏览器都是使用单一的线程来加载js文件的,从上往下,从左往右. 若是加载过程出错,那么网页就会阻塞,就像许多网站用Google的CDN库,而我们在墙内访问一样.页面不会出来,一直加载这个js文件,直到浏览器放弃加载为止! 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default

JS异步加载的三种方式

js加载的缺点:加载工具方法没必要阻塞文档,过得js加载会影响页面效率,一旦网速不好,那么整个网站将等待js加载而不进行后续渲染等工作. 有些工具方法需要按需加载,用到再加载,不用不加载,. 默认正常模式下下,JS是同步加载的,即优先记载JS,只有当JS文件下载完,dom和css才开始加载,当某些事后我们需要JS异步加载,我们可以通过以下方式来设置异步加载,不同情况下选取不同方式即可 1.defer:defer JS异步下载,dom结构解析完(标签 + 样式(内容不一定下载完))才异步执行 仅I