web前端开发随手笔记 - 持续更新

<!--[if IE]><![endif]-->
<!--[if IE 6]><![endif]-->
<!--[if gte IE 7]><![endif]-->
<!--[if lte IE 7]><![endif]-->
<!--[if !IE]><![endif]-->
<!--[if !(lte IE 7)]><!-->

<a href="tel:10086">电话：10086</a>
<a href="sms:10086">短信：10086</a>
<a href="weixin://addfriend/l670529375">微信：l670529375</a>
<a href="mailto:670529375@qq.com">电子邮箱：670529375@qq.com</a>

<input autocomplete="off" type="text" />

::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#f9f9f9;}
::-webkit-scrollbar-track:hover{background:#efefef;}
::-webkit-scrollbar-thumb{border-radius:4px;background:#aaa;}
::-webkit-scrollbar-thumb:hover{background:#777;}
::-webkit-scrollbar-thumb:active{background:#666;}

.clearfix:after{height:0;display:block;content:".";visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clear{height:0;overflow:hidden;font-size:0;clear:both;}

div{-webkit-text-size-adjust:none;text-size-adjust:none;}

div{position:fixed;_position:absolute;top:100px;_top:expression(documentElement.scrollTop + 100 + "px");left:50px;}

div{max-width:1280px;_width:expression(documentElement.clientWidth > 1280 ? "1280px" : "auto");}
div{min-width:980px;_width:expression(documentElement.clientWidth < 980 ? "980px" : "auto");}
div{min-height:800px;_height:expression((documentElement.clientHeight || document.body.clientHeight) > 800 ? "800px" : "");}
div{min-height:600px;_height:expression((documentElement.clientHeight || document.body.clientHeight) < 600 ? "600px" : "");}

div{background:url(../images/logo.png) no-repeat 50%;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/logo.png");}

div{background:-webkit-linear-gradient(top,#f9f9f9,#f1f1f1);background:-moz-linear-gradient(top,#f9f9f9,#f1f1f1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#FFf9f9f9‘,endColorstr=‘#FFf1f1f1‘,GradientType=0);background:linear-gradient(to bottom,#f9f9f9,#f1f1f1);}

div{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}

div{-webkit-opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;}

div{-webkit-box-shadow:0 1px 0 #ccc;-moz-box-shadow:0 1px 0 #ccc;box-shadow:0 1px 0 #ccc;}

div{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}

div{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);transform:scale(-1, 1);}

div{-webkit-transform:translate(50px,0);-moz-transform:translate(50px,0);transform:translate(50px,0);}

div{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}

div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

div{width:800px;height:800px;display:table-cell;text-align:center;vertical-align:middle;}
div i{position:static;+position:absolute;top:50%;}
div img{position:static;+position:relative;top:-50%;left:-50%;vertical-align:middle;}

div{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}

div{width:0;height:0;border-bottom:10px solid #ccc;border-left:10px dotted transparent;border-right:10px dotted transparent;}

div{word-break:break-all;word-wrap:break-word;}

div{white-space:nowrap;}

div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

div:first-child{color:#999;}
div:last-child{color:#999;}
div:nth-child(2n){color:#999;}
div:nth-child(odd){color:#999;}
div:nth-child(even){color:#999;}

if(/android/i.test(navigator.userAgent)){
    ...
};
if(/ipad|iphone|mac/i.test(navigator.userAgent)){
    ...
};

var ua         = navigator.userAgent.toLowerCase();
var isIpad     = ua.match(/ipad/i) == ‘ipad‘;
var isIphoneOs = ua.match(/iphone os/i) == ‘iphone os‘;
var isMidp     = ua.match(/midp/i) == ‘midp‘;
var isUc7      = ua.match(/rv:1.2.3.4/i) == ‘rv:1.2.3.4‘;
var isUc       = ua.match(/ucweb/i) == ‘ucweb‘;
var isAndroid  = ua.match(/android/i) == ‘android‘;
var isCE       = ua.match(/windows ce/i) == ‘windows ce‘;
var isWM       = ua.match(/windows mobile/i) == ‘windows mobile‘;
if(isIpad || isIphoneOs || isMidp || isUc7 || isUc || isAndroid || isCE || isWM){
    location.href = ‘‘;
};

$(document).ready(function(){
    ...
});

window.onscroll = function(){
    ...
};

window.onresize = function(){
    ...
};

window.onload = function(){
    ...
};

window.open(‘‘,‘_blank‘,‘width=200,height=200,top=200,left=200);

var timer = setInterval(function(){
    ...
}, 1000);
clearInterval(timer);
setTimeout(function(){
    ...
}, 1000);

var img = new Image();
img.src = ‘‘;
if(img.complete){
};

img.onload = function(){
};

var js = document.createElement(‘script‘);
js.src = ‘‘;
document.getElementsByTagName(‘head‘)[0].appendChild(js);

if(js.readyState){
    js.onreadystatechange = function(){
        if(js.readyState == ‘loaded‘ || js.readyState == ‘complete‘){
            js.onreadystatechange = null;
        };
    };
}else{
    js.onload = function(){
    };
};

obj.mousemove(function (e){
    var off = obj.offset();
    var x   = e.pageX - off.left;
    var y   = e.pageY - off.top;
});

var score = 0;
if(/\d/.test(v)) score ++;
if(/[a-z]/.test(v) || /[A-Z]/.test(v)) score ++;
if(/\W/.test(v)) score ++;

var date = new Date();
date.getTime();
date.setTime();

date.getFullYear();
date.getMonth();
date.getDate();
date.getHours();
date.getMinutes();
date.getSeconds();

var img           = document.createElement(‘img‘);
img.src           = ‘‘;
img.width         = 100px;
img.height        = 30px;
img.style.display = ‘block‘;
document.body.appendChild(img);

history.back();
document.referrer;

navigator.userAgent;

document.domain = ‘www‘;

window.parent.fn();

localStorage.length;
localStorage.key(eq);
localStorage.setItem(key, value);
localStorage.getItem(key);
localStorage.removeItem(key);
localStorage.clear();

localStorage.setItem(key, JSON.stringify(value));
JSON.parse(localStorage.getItem(key));

navigator.geolocation.getCurrentPosition(function(rt){
    rt.coords.latitude; // 以十进制数表示的纬度
    rt.coords.longitude; // 以十进制数表示的经度
    rt.coords.altitude; // 以十进制数表示的高度
    rt.coords.accuracy; // 以米为单位表示的经纬度坐标的精准度
    rt.coords.altitudeAccuracy; // 以米为单位表示的高度坐标的精确度
    rt.coords.heading; // 以相对正北做顺时针旋转的角度指定设备当前运动方向
    rt.coords.speed; // 以秒/米为单位表示的设备当前地面速度
});
var watch = navigator.geolocation.watchPosition(function(){
    navigator.geolocation.clearWatch(watch);
});