这篇主要记录一下日常网站开发过程中所积累的小知识,以下正文:
1.唤起qq客服沟通
pc:<a href="tencent://message/?uin=1234567&Site=Sambow&Menu=yes">QQ在线咨询</a>
mobile:<a href="http://wpa.qq.com/msgrd?v=3&uin=1234567&site=qq&menu=yes">QQ在线咨询</a>
2.七牛在https网站上传失败,可能是安全证书的原因:
var qiniuUploadUrl;
if (window.location.protocol === 'https:') {
qiniuUploadUrl = 'https://up.qbox.me';
} else {
qiniuUploadUrl = 'http://upload.qiniu.com';
}
3.禁止右键点击文本选择、复制
$(document).bind("contextmenu",function(){return false;});
$(document).bind("selectstart",function(){return false;});
$(document).keydown(function(){return key(arguments[0])});
4.回退浏览器禁止自动记住上个页面的input状态
<input type="input" autocomplete="off">
5.判断一个元素是undefined
typeof code == 'undefined'
6.唤起数字键盘
在input上添加pattern="[0-9]*"
7.小程序点击父元素整个消失且点击子元素不消失
父元素bindtap=''
子元素catchtap=''
8.mui框架滑动时显示[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>
解决办法:全局样式* { touch-action: pan-y; }
9.华为手机自带浏览器不支持flex布局(元素左右滑动时)
给li标签加上min-width:_px;
10.媒体查询的scss写法
@media screen{
element{
@media (min-width:1400px){
padding-left:36%;
}
}
}