原创 屏幕瀏覽器高度

屏幕 window.screen.availHeight 屏幕可用高度; window.screen.availWidth 屏幕可用寬度; window.screen.height 屏幕總高度 = availHeight + 下方任務欄;

原创 讓浮層滑動 不影響底部頁面滑動

var oBody = document.querySelector("body"); oBody.addEventListener("touchmove", preventDefault,{ passive: false }) fu

原创 長按 事件

var time= null; $("ul").on("touchstart", "img", function() { time = setTimeout(function(){

原创 網址的編碼解碼

編碼 encodeURI();  encodeURIComponent(); 解碼 decodeURI();  decodeURIComponent();

原创 動畫效果 上下浮動,漸隱漸出

@keyframes start{ 0%, 30% { opacity: 0; transform: translateY(10px); } 60% {

原创 微信禁止轉發

function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (t

原创 手機號正則替換

var reg = /^(\d{3})\d{4}(\d{4})$/; var a = 18731230865; a = a.replace(reg, '$1****$2');

原创 input 類型

https://www.cnblogs.com/haocool/p/3431181.html

原创 移動端頁面 適配

背景圖  background-size:cover   等比充滿背景圖 多餘的隱藏  

原创 Html5的video標籤自動填充滿父div的大小

想要video能自動填充慢父div的大小,只要給video標籤加上style="width= 100%; height=100%; object-fit: fill"即可。 object-fit語法 object-fit屬性的語法非常的簡

原创 flex下input不能自適應問題

input 自帶最小寬度 當自適應寬度小於最小寬度是  會表現爲最小寬度   解決:重置最小寬度

原创 蘋果輸入框失去焦點頁面下不來問題

$(".outer").on("blur","input",function(){       window.scrollTo(0,$(window).scrollTop()); })

原创 判斷是否爲PC

function IsPC() {         var userAgentInfo = navigator.userAgent;         var Agents = ["Android", "iPhone",          

原创 可以滑動,同時隱藏滾動條

::-webkit-scrollbar {         display:none }

原创 蘋果字符串轉時間

蘋果只支持 2019/04/01  格式的時間 .replace(new RegExp("-","gm"),"/");