HTML
1
| *{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
|
1 2 3 4 5 6 7 8 9 10 11
| *{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } input,textarea { -webkit-user-select:auto; }
|
1 2 3 4 5 6
| <textarea name="answer" placeholder="请输入您的意见" id="opinion"></textarea> // <textarea></textarea>中间不能有空格,否则会失效 #opinion::-webkit-input-placeholder{ font-family: "SimHei","SimSun"; color: #6B7387; }
|
1
| *:focus { outline: none; }
|
一:
1 2 3 4 5 6
| <div style="position: absolute; left: 50%;"> <div style="position: relative; left: -50%; border: dotted red 1px;"> I am some centered shrink-to-fit content! tum te tum </div> </div>
|
问题:字多了就会换行…
二:
1 2 3
| css{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} 都行。。。。。 css{position: absolute;width: 100%;top:50%;transform: translateY(-50%);}
|
JavaScript
1
| location.href='itms-services://?action=download-manifest&url=https://market.x7sy.com/plist/market_version/'+tg_id+'?'+Math.random();
|
1 2 3 4
| <script src="iphone-shezhi.js"></script> <body data-stat-page="ios9_page" data-stat-visit="ios9_page"> <div class='trust-button' data-stat-pos='config' data-stat-turl='mobile_config/embedded.mobileprovision'>点击前去信任</div> </body>
|
1 2 3 4
| window.webkit.messageHandlers.function.postMessage(null)
|
1 2 3 4 5 6 7 8
| function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; } }
|
1 2 3 4 5 6 7 8
| function is_qq(){ var ua = navigator.userAgent.toLowerCase(); if(/\bqq\b/i.test(ua)) { return true; } else { return false; } }
|
1 2 3 4 5 6 7 8
| function is_qqbrowser(){ var ua = navigator.userAgent.toLowerCase(); if(/\bmqqbrowser\b/i.test(ua)) { return true; } else { return false; } }
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| var checkPhoneNumber = function(str){ if(str.length == 0) return false; var r = /^0?1[3|4|5|7|8][0-9]\d{8}$/; return r.test(str); }; var checkEmailNumber = function(str) { if(str.length == 0) return false; var r = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; return r.test(str); }; var checkNumber = function(str){ var r = /^\+?[1-9][0-9]*$/; return r.test(str); }; //调用 checkPhoneNumber(value)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
| Array.prototype.min = function() { var min = this[0]; var len = this.length; for (var i = 1; i < len; i++){ if (this[i] < min){ min = this[i]; } } return min; } Array.prototype.max = function() { var max = this[0]; var len = this.length; for (var i = 1; i < len; i++){ if (this[i] > max) { max = this[i]; } } return max; }
|
数组属于object类型 (for in 遍历会遍历出其原型上的属性) .
对象属性有可枚举和不可枚举之分,可枚举性决定了和这个属性能否
被for in查找遍历到
不想被遍历出来prototype,用for of 和 forEach.
移动端.
1 2 3
| var ua = navigator.userAgent.toLowerCase(); var isAndroid = ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1; //android终端 var isiOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
|
参考链接1
淘宝flexible
使用Flexible实现手淘H5页面的终端适配
移动端高清、多屏适配方案
移动Web怎么做屏幕适配(一)