记录前端10个极其隐蔽的错误

1. jQuery v2.2.1 $.ajax的坑

$.ajax({
	url : postUrl,
	data : {
		data:dataObj,//当dataObj为{}空对象时,data参数不会post到服务端, 一个不小的坑
		page:pageArg,
		path:pathArg
	},
	type : 'post',
	async: isAsync,
	cache : false,
	dataType : 'json',
	success : function(data) {
	},
	error : function(XMLHttpRequest, textStatus, errorThrown) {
		var info = XMLHttpRequest.status + '->' + XMLHttpRequest.readyState + '->' + textStatus;
        alert(info);
	}
});

解决办法, 保证至少要有一个属性.

dataObj['foo']='';//至少要有一个属性, 否则$.ajax会过滤掉不上传

2. amazeUI

am-g类两层嵌套时需要注意, 官方加了如下样式

.am-g .am-g {
    margin-left: -1rem;
    margin-right: -1rem;
}

在手机上展示的时候, 会超出屏幕, 导致屏幕可以拖动, 影响展示效果.

3. transition/animation必须施加在块级元素，在行内元素上无效

解决办法：

dispaly: inline-block;