1.判断是否微信中打开
$(window).on("load",function(){
let ua = window.navigator.userAgent.toLowerCase()
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
}
})
2.判断窗口大小,页面布局自适应
function screenSize(heightNew) {
let width=(document.body.clientWidth - 10)
let height= (document.body.clientHeight-300)
let h = Number((1061 * (width / 750)).toFixed(2))
if (height > h || height === h) {
$("#main img").css('width', width + 'px')
$("#main img").css('height', h + 'px')
} else {
let hNew = heightNew ? heightNew : height
let w = Number((750 * (hNew / 1061)).toFixed(2))
if (w < width || w === width) {
$("#main img").css('width', w + 'px')
$("#main img").css('height', hNew + 'px')
} else {
screenSize(hNew - 20)
}
}
}
3.页面监听滑动进行 翻页等操作
let startY,endY,dis = 0
$(document).ready(function () {
document.addEventListener('touchstart',function(e){
let touch = e.touches[0]
startY = touch.pageX
})
document.addEventListener('touchmove',function(e){
let touch = e.touches[0]
endY = touch.pageX
dis = startY - endY
})
document.addEventListener('touchend',function(e){
if(Math.abs(dis)>100){
if(dis>0){
nextPage()
qingling()
}else{
prePage()
qingling()
}
}
})
})
function qingling(){
startY = 0
endY = 0
dis = 0
}
4.预加载图片
let images = ['images/JMRH/1.png', 'images/JMRH/2.png', 'images/JMRH/3.png']
imgLoader(images, function(percentage){
})
(function () {
function isArray(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
}
var loader = function (imgList, callback, timeout) {
timeout = timeout || 5000;
imgList = isArray(imgList) && imgList || [];
callback = typeof(callback) === 'function' && callback;
var total = imgList.length,
loaded = 0,
imgages = [],
_on = function () {
loaded < total && (++loaded, callback && callback(loaded / total));
};
if (!total) {
return callback && callback(1);
}
for (var i = 0; i < total; i++) {
imgages[i] = new Image();
imgages[i].onload = imgages[i].onerror = _on;
imgages[i].src = imgList[i];
}
setTimeout(function () {
loaded < total && (loaded = total, callback && callback(loaded / total));
}, timeout * total);
};
"function" === typeof define && define.cmd ? define(function () {
return loader
}) : window.imgLoader = loader;
})();