开发前端项目遇到的问题

移动端

new Date()

new Date(“2019-12-30 23:59:59”).getTime()，苹果手机ios用js的Date() 获取到的日期时间，显示NaN，安卓手机正常。
解决方法：new Date(“2019/12/30 23:59:59”).getTime()。
正则替换方法：“2019-12-30 23:59:59”.replace(/-/g, ‘/’)

audio标签在苹果手机无法自动播放

iOS Safari 限制不允许 audio autoplay, 必须用户主动交互(例如 click)后才能播放 audio

苹果手机移动端滑动卡顿的问题

-webkit-overflow-scrolling : touch;

苹果部分手机微信内置浏览器里的H5页面字体偏大，用户如果有设置偏大的字体，会导致该情况

禁止微信内置浏览器调整字体大小（http://www.fly63.com/article/detial/438）
iOS

body {
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}

Android

(function() {
	if(typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
		handleFontSize();
	} else {
		if(document.addEventListener) {
			document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
		} else if(document.attachEvent) {
			document.attachEvent("WeixinJSBridgeReady", handleFontSize);
			document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
		}
	}
	function handleFontSize() {
		WeixinJSBridge.invoke("setFontSizeCallback", {"fontSize": 0});
		WeixinJSBridge.on("menu:setfont", function(){
			WeixinJSBridge.invoke("setFontSizeCallback", {"fontSize": 0});
		});
	}
})();

Selsect 在手机上的兼容问题

{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

苹果手机在input失焦时键盘缩回缩后，页面不归位解决方法

$("input").on("blur",function(){
	window.scroll(0, 0);
})

iOS下HTML元素绑定onclick无效

在ios中如果需要给，原先不带有点击属性的HTML，例如：div p 等元素绑定onclick事件，解决方法：
1、给元素加上 cursor:pointer(css 属性)；
2、将标签改为a元素。
不带点击属性的元素，ios浏览器会认为，该元素不是一个可以点击的元素，也就不会触发点击事件。

PC端

css禁用鼠标点击事件

.disabled {
	pointer-events: none;
}