H5W3 – 第17页 – WebApp开发学习笔记：HTML5，CSS3，JavaScript，Python

有的时候会因为网路原因或者种种不可控的因素导致要加载的图片404显示
不出来，那么为了不影响用户体验，可以在前端做一点处理，
则页面就不会出现图片不显示的问题，只需要使用jquery的error方法，
将该图片设置维为默认图片即可：
$('#imgID').error(function() { 
		 $(this).attr("src","../img/default@2x.png"); 
		});

有的时候会因为网路原因或者种种不可控的因素导致要加载的图片404显示

不出来，那么为了不影响用户体验，可以在前端做一点处理，

则页面就不会出现图片不显示的问题，只需要使用jquery的error方法，

将该图片设置维为默认图片即可：

$('#imgID').error(function() {

$(this).attr("src","../img/default@2x.png");

});

阅读全文 »

js判断微信或QQ内置浏览器

Magneto • 2016年2月5日 • 暂无评论

// 判断是不是微信浏览器
	function isWeiXin() {
		var ua = window.navigator.userAgent.toLowerCase();
		if (ua.match(/MicroMessenger/i) == 'micromessenger') {
			return true;
		} else {
			return false;
		}
	}
//判断是不是QQ浏览器	
	function is_QQInnerBro(){
		if (navigator.userAgent.indexOf('MQQBrowser') !== -1) {
		    return true;
			} else {
			    return false;
			}
		};

// 判断是不是微信浏览器

function isWeiXin() {

var ua = window.navigator.userAgent.toLowerCase();

if (ua.match(/MicroMessenger/i) == 'micromessenger') {

return true;

} else {

return false;

}

//判断是不是QQ浏览器

function is_QQInnerBro(){

if (navigator.userAgent.indexOf('MQQBrowser') !== -1) {

return true;

} else {

return false;

}

};

阅读全文 »

如何让html页面数据没有加载完前显示loading加载中

Magneto • 2016年2月5日 • 暂无评论

在前端页面体验处理上，一般1M之内的页面在正常网络下会较快的加载完，如果遇到网络不好的情况和页面更大需要请求的资源更多更…

阅读全文 »

移动web端js获取浏览器高度和宽度

Magneto • 2015年4月27日 • 暂无评论

var width = (window.innerWidth > 0) ? window.innerWidth :…

阅读全文 »

css改变浏览器滚动条样式

Magneto • 2015年3月30日 • 暂无评论

把下面的代码写到需要美化滚动条的DIV里，或者直接全局设置，所有的滚动条都实现美化效果，Firefox不支持滚动条美化。…

阅读全文 »

CSS3兼容IE、Safari、Firefox背景颜色渐变

Magneto • 2015年3月30日 • 暂无评论

一. Webkit浏览器 (1) 第一种写法： background:-webkit-gradient(linear ,…

阅读全文 »