開發中一些經常使用的代碼片斷(持續更新,要是各位大牛看見了麻煩也給在評論區添一下經常使用的代碼)

代碼片斷

php 使用js跳轉javascript

//返回上一界面並刷新
echo "<script type='text/javascript'>window.location.href=document.referrer</script>";

//掏出警告框並返回上一頁面(不刷新跳轉的頁面)
echo "<script type='text/javascript'>alert('帳號或密碼不正確');window.history.back();</script>";
echo "<script type='text/javascript'>window.history.go(-2);</script>";	//-2 表示上兩個頁面
    
//跳轉到指定頁面
echo "<script type='text/javascript'>window.location.href='demo.php';</script>";
location.replace('http://www.baidu.com');
//能夠避免產生跳轉前的歷史記錄,即原來的歷史記錄是A->b->c 我使用這個方法跳轉到d,在從d跳轉到e,可是歷史記錄的上一個頁面仍是c,感受幫了老大忙

// 刷新當前頁面
 echo " <script type='text/javascript'>window.location.reload(); </script>";

js 發送http(get,post)請求並跳轉(適用於選擇地址時,點擊直接跳轉)php

function request(URL, action = 'get', param = [{name: 'name', value: 'wei' }, { name: 'sex',value: '男' }]) {
    //建立form表單

    var temp_form = document.createElement("form");
    temp_form.action = URL;
    //如需打開新窗口,form的target屬性要設置爲'_blank'
    // temp_form.target = "_blank";
    temp_form.method = action;
    temp_form.style.display = "none";
    //添加參數
    for (var i in param) {
        var input = document.createElement("input");
        input.type = 'hidden';
        input.name = param[i].name;
        input.value = param[i].value;
        temp_form.appendChild(input);
    }
    document.body.appendChild(temp_form);
    //提交數據
    temp_form.submit();
}

點擊當前頁面(驗證碼)實現刷新css

<img src=""   onclick="javascript:this.src=this.src+'?tm='+Math.random() " alt="">

js獲取地址欄參數,即php的get請求html

function args(getParam='id') {
    //建立一個存放鍵值對的數組
    var args = [];
    //去除?號
    var qs = location.search.length > 0 ? location.search.substring(1) : '';
    //按&字符串拆分數組
    var items = qs.split('&');

    var item = null, name = null,value = null;
    //遍歷
    for (var i = 0; i < items.length; i++) {
        item = items[i].split('=');
        name = item[0];
        value = item[1];
        //把鍵值對存放到數組中去
        args[name] = value;
    }
    return args[getParam];
}
 alert(args());  //獲取id的值
 alert(args('name'));  //獲取name的值

php二維數組根據某個字段排序的排序(商品按銷量或其餘字段排序)vue

array_multisort(array_column($res, 'num'), SORT_ASC, $res); //將數組$res 根據num鍵進行升序,並賦值給$res

根據二維數組的鍵的值進行分類(根據字段的值進行分類)=》好比在識別表格時,根據行數進行分類java

function arr_key($arr,$col=''){
    $result = array();
    foreach ($arr as $key => $value) {
        $result[$value[$col][0]][] = $value;        
    }
    return $result;
}
// 通常數據庫獲取的數據通常有兩種,空或二維數組
$arr1 = array();
$arr2 = array(
    array('id' => 1,'name' => 'a','password' => '1'),
    array('id' => 2,'name' => 'a','password' => '2'),
    array('id' => 3,'name' => 'b','password' => '3'),
    array('id' => 4,'name' => 'c','password' => '4')
);
// print_r(arr_key($arr1)); //arrar()

// print_r(arr_key($arr2)); 
print_r(arr_key($arr2,'name'));    // 將數組按照name的值進行分類,name值相同的分爲一組

連接

layui實例 https://www.layui.com/demo/
jquery

weiuiweb

<link href="https://cdnjs.cloudflare.com/ajax/libs/weui/0.4.3/style/weui.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.js"></script>

bootstarpajax

<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

vuevue-router

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

vue-router

<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

資源下載