PHP合并CSS、JS优化前端方法

作者：欧阳 发布时间：2021年09月05日 阅读: 6,804 分类：学习笔记

利用php的foreach函数合并文件夹下的js文件

<?php
/**
    *JavaScript 合并压缩
    *https://blog.07905.com/daybook/js-css-compress-scripts.html
*/
header( 'Content-type: application/javascript' );
foreach( glob( '*.js' ) as $file ){
include( $file );
echo "\n";
}
?>

只需要将上述内容保存为js.php，直接在前端引用即可。如优先需要读取jquery.min.js，在文件前面加个1即可，如1jquery.min.js。foreach优先数字，然后英文字母。

阅读剩余部分...

页面灰色CSS代码

作者：欧阳 发布时间：2019年03月30日 阅读: 949 分类：发现分享

页面灰色CSS

<style type="text/css">
html{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}
*{
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: gray;
}
</style>

CSS overflow 属性

作者：@ouyang 发布时间：2015年06月29日 阅读: 3,082 分类：学习笔记

有时候因为文字会破格溢出文字，有了overflow以后就安逸多了。并且大多数浏览器都支持该属性。

div
  {
  width:150px;
  height:150px;
  overflow:scroll;
  }

几个参数值
visible 默认值，内容不会修建。
hidden 内容被修剪，其余内容不可见。
scroll 内容被修剪，剩余内容以滚动条形式查看内容。
auto 如内容被修剪，其余以滚动条形式查看内容。
inherit 从父元素继承overflow属性。

参考地址：http://www.w3school.com.cn/jsref/prop_style_overflow.asp