發表文章

js 取得网址问号后面的参数(get 参数)

function getData () { //处理get参数---------------------------- var strUrl = window . location . toString (); var getPara , ParaVal ; var aryPara = []; if ( strUrl . indexOf ( "?" ) != - 1 ) { var getSearch = strUrl . split ( "?" ); getPara = getSearch [ getSearch . length - 1 ]. split ( "&" ); for ( var i = 0 ; i < getPara . length ; i ++) { ParaVal = getPara [ i ]. split ( "=" ); aryPara [ ParaVal [ 0 ]] = ParaVal [ 1 ]; } } //处理get参数 end------------------------ return aryPara ; } getData会回传阵列方式的参数回来 https://qyweqwe.com?a=123 var GET = getData(); console.log(GET['a']); //log会印出123

純js 偵測網頁圖片是否載入完畢

var timer = setInterval(function(){ var isAllImageComplete = true; //取得img标签(略过class是no-wait的图片) document.querySelectorAll('img:not(.no-wait)').forEach(element => { //如果有一张图片的complete是false的话就把 isAllImageComplete 的状态改成false if(!element.complete){ isAllImageComplete = false; } }); //如果 isAllImageComplete的状态是false代表图片还没载入完成 if (isAllImageComplete){ //如果成功会进入 //清掉setInterval clearInterval(timer); //把loading画面的display设成none(这边要自己做) document.querySelector('.loading-hover').style.cssText="display:none;"; } }, 100); //每0.1秒就检查一次

图片懒加载(lazyloading)

需用到jquery和lodash两个套件 步骤一 帮图片加入  lazyloadimg 这个class 步骤二 图片的html要这样写 <img src="放loading的样式图片或是不放都行" data-src="图片的路径" alt="" class="lazyloadimg"> 步骤三 window . onscroll = _ . throttle ( watchscroll , 200 ); function watchscroll (){ console . log ( '123' ); var bodyScrollHeight = $ ( document ). scrollTop (); // body滚动高度 var windowHeight = window . innerHeight ; // 视窗高度 var imgs = document . getElementsByClassName ( 'lazyloadimg' ); console . log ( bodyScrollHeight ); for ( var i = 0 ; i < imgs . length ; i ++) { var imgHeight = $ ( imgs [ i ])[ 0 ]. offsetTop // 图片距离顶部高度 console . log ( imgHeight ); if ( imgHeight < windowHeight + bodyScrollHeight ) { imgs [ i ]. src = imgs [ i ]. getAttribute ( 'data-src' ); imgs [ i ]. className = imgs [ i ]. className . replace ( 'lazyloadimg

PHP获取本周第一天和最后一天

$date=new DateTime(); //带要算的日期 $date->modify('this week'); $first_day_of_week=$date->format('Y-m-d'); $date->modify('this week +6 days'); $end_day_of_week=$date->format('Y-m-d');

Vue.js v-for裡面再包一個v-for

html的部分 < div class = "list-block" id = "official_choise" > < div class = "content-block-title" > 官方分类 </ div > <!-- <ul> <li> <div class="dom-C empty_content">已无官方分类可供选择</div> </li> </ul> --> < ul > < li class = "accordion-item" v-for="todo in mydata" > < a href = "#" class = "item-content item-link" > < div class = "item-inner" > < div class = "item-title" > {{ todo.sort_name }} </ div > </ div > </ a > < div class = "accordion-item-content" > < div class = "con

js 跨網域使用api 解決方法

===========這個是js的部分=========== $.ajax({             url: "http://123456.com/"  //api網址             dataType:"jsonp",             jsonpCallback: " OnceTemple ", //這個值要跟api那邊連動的,這個要改的話要連api一起改         }).done(function(temple){             //取到資料之後要處理的事情         }); ===========api傳回來的資料============ echo " OnceTemple (".json_encode($once).");"; 就是你的資料要用一個字串和括號包起來再傳回來 如果不用個的話瀏覽器會報錯