摘要:判斷系統版本號獲取具體的系統版本號微信輸入法鍵盤彈起頁面無法還原判斷系統防止在多個間切換時做過多操作微信分享至朋友圈成功后不回調問題微信分享至朋友圈后回調的方法內若使用,需配置為同步,否則會出現不回調的情況。
持續更新
MP3 不允許啟動AudioContext
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page pc端打開chrome瀏覽器,新建頁簽,地址欄輸入 chrome://flags/#autoplay-policy 選擇 No user gesture is required 之后重啟瀏覽器即可,chrome瀏覽器更新版本后的新增的安全策略。
判斷iOS系統版本號
if(navigator.userAgent.match(/iphone/i)){ var verinfo = navigator.userAgent.match(/os [d._]*/gi); version = (verinfo+"").replace(/[^0-9|_.]/ig,"").replace(/_/ig,".");//獲取具體的系統版本號 console.log(version); }
【M】iOS12微信輸入法鍵盤彈起H5頁面無法還原
//判斷ios系統 var u=navigator.userAgent; if(u.indexOf("iPhone")>-1){ var flag; $("body").on("focus","input",function(){ flag=false; }); $("body").on("blur","input",function(){ flag=true; setTimeout(function(){ if(flag==false){ return false; }else{ document.body.scrollTop=document.body.scrollTop; } //防止在多個input間切換時做過多操作 },0) }); }
【M】微信JSSDK分享至朋友圈成功后不回調問題
微信分享至朋友圈后回調的方法內若使用ajax,需配置為同步(async:false),否則會出現不回調的情況。 var share_opts = { title : "首屆接梗王大賽,這些00后都不懂的梗,你能接上來多少?", desc : "1分鐘,挑戰10道題,包含電影、動漫、游戲...答對有獎!快來挑戰!>>", img : "../images/share.jpg", url : location.href.split("#")[0], key : "", successCallback: function(){ $.ajax({ type: "post", dataType:"json", async : false, url: "common/share.php", data:{"url":location.href.split("#")[0]}, success: function(data){ if(data.status==1) { alert("分享成功,可再次挑戰!"); window.location.href=window.location.href; } } }); } }; $(function(){ weixin_jssdk_ops.init(share_opts); });
【swiper】4.0滾輪無法滾動
參數 3.0 mousewheelControl : true,//開啟鼠標切換 4.0 mousewheel : true,//開啟鼠標切換 解決方式 //從底層庫類注釋執行代碼 //搜索 // B.handle // //注釋 // if (!s.mouseEntered && !a.releaseOnEdges) // return !0;
【M】rem逐幀動畫抖動解決方案
https://aotu.io/notes/2017/08/14/fix-sprite-anim/
【M】audio標簽在蘋果機上無法自動播放
動態改變微信title
var $body = $("body"); document.title = "五班老同學(35)"; var $iframe = $(""); $iframe.on("load",function() { setTimeout(function() { $iframe.off("load").remove(); }, 0); }).appendTo($body);
判斷是否是微信環境
function isWeChat(){ this.ua = navigator.userAgent.toLowerCase(); return this.ua.match(/MicroMessenger/i) == "micromessenger"?true:false; }
解決a標簽雙擊出現藍色背景
a,button,input,optgroup,select,textarea, div { -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button點擊時的藍色外邊框和灰色半透明背景*/ }
判斷瀏覽器低版本插入HTML提示函數
if(!!window.ActiveXObject || "ActiveXObject" in window){ $("body").append("您使用的瀏覽器版本過低,可能會影響到您瀏覽本頁面,建議升級您的瀏覽器: 谷歌 Chrome").css("padding-bottom","200px"); };
前端引用外鏈須知
//正常外鏈引用 //防止外鏈加載緩慢 加上異步加載 //方法一 -async 此方法只兼容高版本 //方法二 動態創建JS (function() { var hm = document.createElement("script"); hm.src = "http://x.js"; var s = document.getElementsByTagName("body")[0]; s.appendChild(hm); })();
監聽video播放或暫停事件
var myVideo=document.getElementById("video"); myVideo.addEventListener("play",function(){ //播放執行 }); myVideo.addEventListener("pause",function(){ //暫停執行 })
UC瀏覽器會出現背景圖可點的情況
bug說明 # 當背景圖采用img的方式時,在UC瀏覽器下(其他瀏覽器不會),會出現點擊背景圖,瀏覽器會當做一張圖片解析,彈出背景圖。 解決方案 # 給img標簽添加去除瀏覽器默認行為的點擊事件 # 把img變成background (把圖片變成css中的背景圖) 代碼示例 //html
【PC端】CKobject多個視頻同時播放-其它視頻未關閉
API 文檔 http://www.ckplayer.com/manual/ 線上例子 http://act.leiting.com/wd/201705/pk/pc/index.html 代碼 if(CKobject.getObjectById("ckplayer_a1")){ CKobject.getObjectById("ckplayer_a1").videoPause(); } if(CKobject.getObjectById("ckplayer_a2").playOrPause){ CKobject.getObjectById("ckplayer_a2").playOrPause(); }
【移動端】上傳附件
蘋果手機目前只支持訪問圖片和視頻格式的文件上傳,暫不支持其他格式的文件 安卓手機支持多種格式上傳,但存在部分機型不支持或是失效 建議:上傳除圖片以外的格式文件還是在PC上完成比較好 //錯誤示范 在瀏覽器模擬iphone的時候是各種文件都可以上傳(以真機為主) //正確示范 iphone目前只支持訪問圖片和視頻格式的文件上傳(真機測試結果)
【移動端】使用margin排版問題
margin 排位會有問題,最好使用 定位 【移動端】使用margin排版問題
【移動端】點擊事件無法觸發
JS創建DOM的時候,原本的事件無法綁定、事件委托失敗, //錯誤示范 $(".picture").on("click",function(){ alert(1) }) //正確示范(是在$(".product ul")下面創建DOM)使用綁定的方式 $(".product ul").on("click",".picture",function(){ alert(1) })
雷霆游戲console
(function() { this.log = window.console.log; this.log("%cL%ce%ci%cT%ci%cn%cg %cG%ca%cm%ce", "font-size:30px;color:#32e60b;", "font-size:30px;color:#64d41b;", "font-size:30px;color:#97e012;", "font-size:30px;color:#f9f701;", "font-size:30px;color:#fe9e00;", "font-size:30px;color:#d4651b;", "font-size:30px;color:#5f3b7a;", "font-size:30px;color:#3d319a;", "font-size:30px;color:#313eb0;", "font-size:30px;color:#1f38ac;", "font-size:30px;color:#0b1479;"); this.log("我們是XXXXXXX-%c平臺Web前端團隊", "color:#fd6a7f;font-weight:bold;"); this.log("XXXXXX始終貫徹著-%c為用戶創造美好體驗", "color:#fd6a7f"); this.log("加入XXXXXX-%chttp://BAIDU.com/", "color:#fd6a7f"); this.log("%c", "padding:30px 140px;line-height:100px;background:url("logo.png") no-repeat;background-size:100% 100%;"); this.log("%c--------", "color:pink") })();
JS如何判斷是不是iphoneX?
function isIphoneX(){ return /iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375) }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/112906.html
摘要:并且除了常用的端,還要考慮微信端,或者是端。所以我們要有一套機制,在端上走的代碼,在端或者微信端上走端對應的代碼。對于一個從零開始的移動端項目,我總結了以上這些移動開發難點,希望之后的人能少踩點坑,站在我的肩膀上提高項目開發的效率和質量。 從零搭建移動H5開發項目實戰 前端H5的前世今身 在Pc的時代,前端技術無疑統治了大多數用戶的交互界面!而在移動為王的今天,NA開發在早期占領了大多...
摘要:并且除了常用的端,還要考慮微信端,或者是端。所以我們要有一套機制,在端上走的代碼,在端或者微信端上走端對應的代碼。對于一個從零開始的移動端項目,我總結了以上這些移動開發難點,希望之后的人能少踩點坑,站在我的肩膀上提高項目開發的效率和質量。 從零搭建移動H5開發項目實戰 前端H5的前世今身 在Pc的時代,前端技術無疑統治了大多數用戶的交互界面!而在移動為王的今天,NA開發在早期占領了大多...
摘要:判斷系統版本號獲取具體的系統版本號微信輸入法鍵盤彈起頁面無法還原判斷系統防止在多個間切換時做過多操作微信分享至朋友圈成功后不回調問題微信分享至朋友圈后回調的方法內若使用,需配置為同步,否則會出現不回調的情況。 持續更新 MP3 不允許啟動AudioContext The AudioContext was not allowed to start. It must be resumed...
摘要:判斷系統版本號獲取具體的系統版本號微信輸入法鍵盤彈起頁面無法還原判斷系統防止在多個間切換時做過多操作微信分享至朋友圈成功后不回調問題微信分享至朋友圈后回調的方法內若使用,需配置為同步,否則會出現不回調的情況。 持續更新 MP3 不允許啟動AudioContext The AudioContext was not allowed to start. It must be resumed...
閱讀 1176·2021-11-23 10:10
閱讀 1499·2021-09-30 09:47
閱讀 887·2021-09-27 14:02
閱讀 2967·2019-08-30 15:45
閱讀 3019·2019-08-30 14:11
閱讀 3610·2019-08-29 14:05
閱讀 1819·2019-08-29 13:51
閱讀 2206·2019-08-29 11:33