高度自適應

flex佈局 允許子元素伸縮

手機號正則

function checkPhone(data){ 
    if(!(/^1[34578]\d{9}$/.test(data))){ 
        alert("手機號碼有誤，請重填");  
        return false; 
    } 
}
function checkTel(data){
    if(!/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(data)){
        alert('固定電話有誤，請重填');
        return false;
    }
}
 

db模組執行sql語句

一句一句執行,不能以;號隔開,否則後面的會不執行

vscode漢化

快捷鍵F1, 輸入Configure Language 回車, 把en改成zh-CN, 儲存, 重啟vscode.

格式化時間

new Date().toISOString().match(/(\d{4}-\d{2}-\d{2})/)[1];

建立資料庫操作

• 建立資料庫

DROP TABLE IF EXISTS addressList; CREATE TABLE addressList(user_id int)
// 如果有addressList這個表就不執行新建命令
 

• 設定唯一索引

CREATE UNIQUE INDEX IF NOT EXISTS user_id_idx ON addressList (user_id)
// 在addresslist表中的user_id這個列設定唯一索引user_id_idx

IOS系統下輸入框字型數量

使用onkeup事件有BUG, 如果點選鍵盤上面的文字輸入到輸入框,onkeyup不會觸發,統計不了字型數量

使用oninput這個事件可以解決這個問題

android和ios行高不相容

使用js判斷 android比ios大9px

去掉input[type=number]的箭頭

-webkit-appearance：none

git

在使用git的時候，每次執行

#git add *

都會提示這樣一個警告訊息：

warning: LF will be replaced by CRLF in XXXXXXXXXXXXXX.

雖然說沒有什麼影響吧。

不過就是覺得太礙眼了，

按照這樣設定就沒有問題了:

git config core.autocrlf false
// 禁止自動轉換

這樣設定git的配置後在執行add操作就沒有問題了。

刪除指定字串

把指定字串替換成空

str = str.replace('a','')

查詢指定字串是否含有某個子字串

str.indexOf('aa') == -1
不含有指定字串
str.indexOf('aa') >=0
含有

slice和splice

slice(start,end);剪下陣列

splice(start, howmany, item1, ..., itemX); 方法用於插入、刪除或替換陣列的元素。

// start 開始插入/刪除的位置
// howmany 插入/刪除幾項,必須是數字
// item1, ..., itemX 插入的內容, 不傳的時候為刪除

listContact模組在小米5s下的bug

每個頁面第一次開啟listContact列表會出現點選返回的index不正確, 右邊字母導航也會出現重複

解決方法, 在開啟正式有資料的列表之前開啟一個空的列表,然後立馬關閉

listContact.open({
    x: -1000,
    y: -1000,
    w: 5,
    h: 5,
    data: [],
    fixedOn: api.frameName
},function(ret,err){
})
listContact.close();

listContact.open({
    // 有資料的列表
})

安卓下第二個bug

• 設定選中的項, 安卓不起作用

解決辦法: 在設定資料來源的時候, 處理以選擇資料

清除角標

api.setAppIconBadge({
    badge: 1
});
// 為0時表示清除

css三角形帶邊框

原理: 寫兩個三角形, 一個覆蓋另一個, 錯開一個畫素

 p:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: .15rem solid transparent;
    border-right: .22rem solid #fff;
    border-bottom: .15rem solid transparent;
    position: absolute;
    top: .25rem;
    left: -.20rem;
}
 p:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: .15rem solid transparent;
    border-right: .22rem solid #E3E3E3;
    border-bottom: .15rem solid transparent;
    position: absolute;
    top: .25rem;
    left: -.22rem;
}

Deferred long-running timer task的問題

Deferred long-running timer task(s) to improve scrolling smoothness. See crbug.com/574343. at frame1.html : 0

延時函式使用不當

ios下建立時間物件

// 處理時間顯示
    function initTime(time) {
        var timeRep = time;
        time=time.replace(/-/g,':').replace(' ',':');
        time=time.split(':');
        var nowTime = new Date();
        var pageTime = new Date(time[0],(time[1]-1),time[2],time[3],time[4],time[5]);
        if ((pageTime.getDate() != nowTime.getDate()) || (pageTime.getFullYear() != nowTime.getFullYear()) || ((pageTime.getMonth()+1) != (nowTime.getMonth()+1))) {
            // 不是今天
            return timeRep;
        } else {
            // 今天
            if (nowTime.getHours() != pageTime.getHours()) {
                return nowTime.getHours() - pageTime.getHours()+ '小時之前'
            } else {
                return nowTime.getMinutes() - pageTime.getMinutes() + '分鐘之前'
            }
        }
    }

長按事件

var timeOutEvent=0;//定時器   
        //開始按   
        function gtouchstart(ele){
            var e = window.event
            var x = e.touches[0].pageX,y=e.touches[0].pageY
            timeOutEvent = setTimeout("longPress("+x+","+y+")",500);//這裡設定定時器，定義長按500毫秒觸發長按事件，時間可以自己改，個人感覺500毫秒非常合適   
            return false;   
        };   
        //手釋放，如果在500毫秒內就釋放，則取消長按事件，此時可以執行onclick應該執行的事件   
        function gtouchend(){   
            clearTimeout(timeOutEvent);//清除定時器   
            if(timeOutEvent!=0){   
                //這裡寫要執行的內容（尤如onclick事件）   
            }   
            return false;   
        };   
        //如果手指有移動，則取消所有事件，此時說明使用者只是要移動而不是長按   
        function gtouchmove(){   
            clearTimeout(timeOutEvent);//清除定時器   
            timeOutEvent = 0;   

        };   
        //真正長按後應該執行的內容   
        function longPress(x,y){
            timeOutEvent = 0; 
            $api.css($api.dom('.shadow'), 'display:inline-block;top:' + y + 'px;left:' + x + 'px;');
            //執行長按要執行的內容，如彈出選單   
            console.log("長按事件觸發發");   
        }   

兩次往資料庫插入同一條資料

1. 首先查詢資料所在的行(需要有一個唯一索引)
2. 如果有資料就更新資料

    UPDATE 表名 SET 列名 = 資料,列2 = 資料2 WHERE 唯一索引 = 索引

1. 沒有該資料就插入

    INSERT OR REPLACE INTO 表名(列名1, 列名2, 列名3, 列名14)  VALUES (值1, 值2 ...)