ajax報錯

Uncaught DOMException: Failed to execute 'send' on 'XMLHttpRequest': Failed to load

需要在伺服器環境下執行, 不能直接雙擊開啟

# 七牛雲

• 新建圖片樣式可以返回圖片的縮圖加水印等功能
• 新建圖片樣式得到的處理介面

• 在返回的url後面加上處理介面, 用(?)隔開

  一個標籤上兩個class屬性

  只有第一個class生肖

格式化時間顯示

• toGMTString，將一個日期按照GMT格式顯示
• toLocaleString，將一個日期按照本地作業系統格式顯示
• toLocaleDateString，按照本地格式顯示一個日期物件的日期部分
• toLocaleTimeString，按照本地格式顯示一個日期物件的時間部分

SQLite資料庫模糊查詢

SELECT * 
FROM table_name
WHERE column LIKE '_XXXX_'


// 可以使用or或者and 增加條件 or 或者
and 和

"select * from zipcode where (address like'%" & zipcode_key & "%') or (city like'%" & zipcode_key & "%') or (province like'%" & zipcode_key & "%') order by province,city,address
 

仿京東搜尋欄

// 移動端, ontouchmove期間修改透明度
function gtouchmove(){   
    console.log(document.body.scrollTop)
    $api.css($api.dom('header'), 'opacity:' + document.body.scrollTop/500 + '');
};

input[type=’number’]的問題

如果輸入一個非數值的值, 會導致.value獲取到的是一個空值

多行文字省略號

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit
 
-line-clamp: 2; /* 行數 */
overflow: hidden;

錨點跳轉

<a href = '#id'>點選</a>
<div id = 'id'>跳轉到此</div>

第二種方法

window.location.hasg = '#id'

獲取手指滑動區域的元素

document.elementFromPoint(x,y)

ios系統頂部導航欄高度40

設定sql主鍵不能為空

CREATE TABLE IF NOT EXISTS addressList(user_id int PRIMARY KEY NOT NULL, name varchar(255))

設定頁面縮放

openWin或者openFrame的時候設定scaleEnabled: t rue
然後在需要縮放的html頁面<meta name="viewport" content="minimum-scale=1.0,width=device-width,initial-scale=1.0"/>

最短的去重方法

[...new Set([1,1,2,2,3,3])]

輸出: [1,2,3]

微信瀏覽器固定定位元素隨滾動條滑動抖動問題

加上css _position: absolute

判斷空物件

var obj = {};
if (JSON.stringify(obj) === '{}'){
    // 空物件
} else {
    // 非空
}

ios下的onscroll事件不能實時觸發

ios的webview 核心 設定了其在進行momentum scrolling(彈性滾動)時,會停止所有的 事件響應 及 DOM操作引起的頁面渲染,故 onscroll 不能實時響應

仿微信搜尋關鍵字高亮

原理: 把關鍵字替換成對應的span標籤, 給span標籤樣式

if (  str.indexOf(keyword) != -1 ) {
    // 字串中存在關鍵字, 然後替換
    var reg = new RegExp(keyword, 'g');
    str = str.replace(reg, '<span class="heightColor">'+ keyword +'</span>');
    // 然後把str渲染到頁面就可以了
}