• 响应式布局模板

    发表于 2024-02-20 14:57:46   |   下载附件
    响应式布局媒体查询最简单的响应式布局
    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>响应式原理</title>
    	<style>
    		/*div的公用样式*/
    		div{
    			height: 50px;
    		}
    		/*当屏幕宽度最大值不能超过400px*/
    		@media all and (max-width: 400px) {
    			div {
    				width: 100%;
    				background-color:red;
    			}
    		}
    		/*当屏幕宽度在400px~700px之间*/
    		@media all and (min-width: 400px) and (max-width: 700px) {
    			div {
    				width: 50%;
    				background-color:yellow;
    			}
    		}
    		/*当屏幕宽度不小于700px*/
    		@media all and (min-width: 700px)  {
    			div {
    				width: 20%;
    				background-color:blue;
    			}
    		}
    	</style>
    </head>
    <body>
    	<div></div>
    </body>
    </html>
  • 大数据表格在滚动时锁定表头与侧栏

    发表于 2024-01-12 17:27:18   |   下载附件
    表格锁定表头锁定大数据表格表头与侧栏锁定表格滚动
  • 文件批量上传

    发表于 2024-01-05 19:12:14   |   下载附件
    文件上传文件批量上传AJAX文件上传
    // 多文件批量上传 ------------------------------------------------ start
    var ajaxing = null;
    var customBatchUpload = function(files, input, callFn, step){
        // 当前函数的引用
        var __customBatchUpload = arguments.callee;
        // 当前上传的是第几个文件
        var current = step ? step : 0;
        // 关闭处理提示
        var hideLoadingFn = function(){
            ajaxing = null;
            input.val('').change();
        }
        // 结束了,没有更多需要上传数据
        if(current >= files.length){
            hideLoadingFn();
            return;
        }
        var formData = new FormData();
            formData.append('file', files[current]);
            ajaxing = true;
        $.ajax({
            cache: false, //上传文件不需要缓存
            type: "POST",
            url: ctx + 'common/uploadFile',
            data: formData,
            dataType:"json",
            timeout:1000*20,
            contentType: false, //需设置为false。因为是FormData对象,且已经声明了属性enctype="multipart/form-data"
            processData: false, //需设置为false。因为data值是FormData对象,不需要对数据做处理
            success: function (res) {
                // 回调
                if(callFn){
                    callFn(res);
                }
                // 再次自我调用
                __customBatchUpload(files, input, callFn, current+1);
            },
            complete: function(){ }
        });
    }
    // 多文件批量上传 ------------------------------------------------ end
    
    $(document)
    // 文件上传
    .on('change','.fn-upload-file',function(e){
        var me = $(this);
            if(!this.value || ajaxing){
                return;
            }
        // 多图批量上传
        customBatchUpload(e.target.files, me, function (res){
            appendUploadedFile(res)
        });
    })
  • JS常用函数集合,常用方法

    发表于 2023-12-13 18:58:07   |   下载附件
    函数JS方法JS通用函数


    Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

  • loading 加载特效动画 CSS 样式集

    发表于 2023-11-27 09:01:11   |   下载附件
    loading加载效果加载动画CSS
  • HTML中局部DIV内容进行全屏显示,显示全屏与退出全屏

    发表于 2023-11-17 15:27:26   |   下载附件
    全屏显示退出全屏局部全屏显示

  • 非法字符验证

    发表于 2023-11-01 23:39:21   |   下载附件
    非法字符验证字符检测表单验证
    function test(text) {
        if (text.match(/[\!\@#\$\%\^\&\*\(\)\+\=\-\[\]\\\'\;\,\/\{\}\|\"\:\<\>\?]/)) {
            alert('非法字符');
        }
    }
    test('&')
  • SVN瘦身,清除历史版本记录

    发表于 2022-11-10 20:30:52   |   下载附件
    svnsvn 瘦身svn 清理历史版本记录svn 清理

    https://www.oyjz.cn/svn-slimming.html

    目前主流的版本管理软件为git或svn,虽说现在使用git作为版本管理软件越来越多,但svn依旧仍有大量公司使用,svn使用中会发现,随着版本记录越来越多,svn库也越来越大,这时候进行svn检出、查询或者提交都会变慢,这个时候,我们可以删除部分无效的历史版本记录,进行瘦身,减少磁盘占用及提高响应。

  • 优秀开源的HTML5 视频播放器

    发表于 2022-11-04 16:16:23   |   下载附件
    DPlayer视频播放HTML mp4播放网页 mp4播放
    视频播放插件 DPlayer
    官网地址 https://dplayer.diygod.dev/zh/
    代码仓库 https://github.com/DIYgod/DPlayer

    快速开始
    我们先尝试初始化一个最简单的 DPlayer
    加载播放器文件:
    <div id="dplayer"></div>
    <script src="DPlayer.min.js"></script>

    在 js 里初始化:
    const dp = new DPlayer({
        container: document.getElementById('dplayer'),
        video: {
            url: 'demo.mp4',
        },
    });
    一个最简单的 DPlayer 就初始化好了,它只有最基本的视频播放功能
  • PHP 原生获取地址栏参数(用于获取类似 + 等特殊字符)

    发表于 2022-10-14 23:16:30   |   下载附件
    地址栏参数特殊字符参数PHP 获取地址参数url 参数
    // http://**.com/?A=abc4444+++
    $queryParts = explode('&',$_SERVER["QUERY_STRING"]);
    $params = array();
    foreach ($queryParts as $param) {
    	$item = explode('=', $param);
    	$params[$item[0]] = $item[1];
    }
    
    echo ($params['A']);
每页显示10条,当前为第1页,总页数为23页